/*
Theme Name: atypikhouseV2
Theme URI: https://dsp-cdp-o23-g6.ovh
Author: Toi
Author URI: https://dsp-cdp-o23-g6.ovh
Description: Thème minimaliste 
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: atypikhousev2
*/


/* =========================
   Header responsive (double header)
   ========================= */

/* Par défaut: on cache la version mobile sur grands écrans */
.header-mobile { display: none; }

/* Breakpoint: en dessous de 768px on cache le header desktop et on montre le mobile */
@media (max-width: 768px) {
  .header-desktop { display: none; }
  .header-mobile  { display: flex; }
}

/* Nettoyage des espacements basiques */
.site-header .wp-block-site-title { margin: 0; }
.site-header .wp-block-site-logo { margin-right: .75rem; }

/* Optionnel: limiter la largeur du contenu interne lorsque ce n'est pas du plein écran */
.site-header.alignfull > .wp-block-group,
.site-header.alignfull > .wp-block-navigation { max-width: var(--wp--style--global--wide-size, 1340px); margin: 0 auto; }

/* Assurer un bon comportement du menu overlay en mobile */
.wp-block-navigation__responsive-container.is-menu-open {
  padding: 1rem;
}


/* Footer par défaut = en ligne */
.site-footer { display: flex; justify-content: space-between; align-items: center; }

/* En mobile : centré */
@media (max-width: 768px) {
  .site-footer {
    flex-direction: column;
    justify-content: center;
    text-align: center;
    gap: 1rem; /* petit espace entre les éléments */
  }

  .site-footer nav {
    justify-content: center !important;
  }
}

.tf-booking-form-tab{display: none!important}

@media (max-width: 768px) {
  .countries-grid {
    display: none!important;
  }
}

/* Rangée 4-up responsive */
.four-up{
  display: flex;
  flex-wrap: wrap;         /* autorise le retour à la ligne */
  gap: 16px;               /* espace entre les groupes */
}

/* Chaque groupe occupe 25% en desktop */
.four-up > .wp-block-group{
  flex: 1 1 calc(25% - 16px);
  min-width: 240px;        /* évite que ça devienne trop étroit */
}

/* Tablette : 2 par ligne */
@media (max-width: 1024px){
  .four-up > .wp-block-group{
    flex-basis: calc(50% - 16px);
  }
}

/* Mobile : 1 par ligne (stack) */
@media (max-width: 640px){
  .four-up > .wp-block-group{
    flex-basis: 100%;
  }
}

/* 3 colonnes : vignettes uniformes */
.q3 .wp-block-post-featured-image{
  aspect-ratio: 16/9;      /* fixe le ratio */
  overflow: hidden;
  display: block;
}
.q3 .wp-block-post-featured-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;        /* crop propre */
  display: block;
}

/* (optionnel) même hauteur pour le contenu sous l'image */
.q3 .wp-block-post-title{ margin: .6rem 0 .25rem; }