/* Grille fixe 5 colonnes pour les blocs de thèmes */
.theme-row {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 30px !important;
  justify-items: center;
}
.theme-block {
  width: 100% !important;
  max-width: 260px !important;
  margin: 0 auto !important;
}

.page-id-8289 h1.entry-title {
    display: none !important;
}
.site-info,
.theme-credit,
.site-footer .footer-bottom {
    display: none !important;
}

/* Donne un fond beige à TOUTE la page (conteneur principal inclus) */
body.page-id-8289 {
    background-color: #d6c9b5 !important;
}

/* Masque la barre d’administration pour la prévisualisation publique */
body.logged-in #wpadminbar {
    display: none !important;
}

/* Supprime entièrement le footer promotionnel du thème STAX */
body.page-id-8289 .site-footer,
body.page-id-8289 footer {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Force tous les conteneurs à s'étendre sur 100% */
body.page-id-8289 .container,
body.page-id-8289 .wrap,
body.page-id-8289 .site-content,
body.page-id-8289 .entry-content,
body.page-id-8289 .content-area,
body.page-id-8289 .site-main {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Cache le titre visible de la page d'accueil temporaire mais le conserve pour l’administration */
body.page-id-8289 h1.entry-title,
body.page-id-8289 .entry-header,
body.page-id-8289 .wp-block-post-title {
    display: none !important;
}

/* Cacher l'en-tête / menu STAX uniquement sur la page d'accueil temporaire */
body.page-id-8289 header,
body.page-id-8289 .site-header,
body.page-id-8289 .primary-header {
    display: none !important;
}
/* KADENCE + Bloc Navigation : corriger sous-menus invisibles */
header .wp-block-navigation__submenu-container{
  background: #0e14d8 !important;
  border: 0 !important;
  box-shadow: none !important;
}

header .wp-block-navigation__submenu-container a{
  color: #ffffff !important;
}

/* Survol / focus (accessibilité clavier) */
header .wp-block-navigation__submenu-container a:hover,
header .wp-block-navigation__submenu-container a:focus{
  color: #ffffff !important; /* garde blanc */
  text-decoration: underline; /* optionnel : rend le survol évident */
}
/* Éditeur de site (FSE) : forcer les sous-menus visibles */
.editor-styles-wrapper .wp-block-navigation__submenu-container{
  background: #0e14d8 !important;
  border: 0 !important;
  box-shadow: none !important;
}
.editor-styles-wrapper .wp-block-navigation__submenu-container a{
  color: #fff !important;
}
.wp-block-post-title {
  display: none;
}
/* Bloc PDF Gutenberg : empêcher l'affichage en "deux colonnes" */
.wp-block-pdf{
  display: block !important;
}

/* Centre toutes les images dans le contenu */
.entry-content img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/* =======================================================
   STANDARD SOUCYGEN – PDF (viewer + lien sous le PDF)
   ======================================================= */

/* 1) Met le viewer et le lien en colonne (évite le lien à droite) */
.wp-block-file{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 40px auto;
  max-width: 1100px;
  text-align: center;
  width: 100%;
}

/* 2) Viewer PDF : pleine largeur + hauteur uniforme */
.wp-block-file iframe,
.wp-block-file embed,
.wp-block-file object{
  width: 100% !important;
  max-width: 100% !important;
  height: 1000px !important;
  border: 1px solid rgba(0,0,0,.12);
  background: #fff;
}

/* 3) Mobile/tablette : hauteur plus courte */
@media (max-width: 1024px){
  .wp-block-file iframe,
  .wp-block-file embed,
  .wp-block-file object{
    height: 700px !important;
  }
}

/* 4) Lien (nom du PDF) : sous le viewer, style Soucygen */
.wp-block-file a:not(.wp-block-file__button){
  display: inline-block;
  margin-top: 18px;
  color: #0e14d8 !important;
  text-decoration: none;
  border-bottom: 1px solid rgba(14,20,216,.35);
  padding-bottom: 2px;
}

.wp-block-file a:not(.wp-block-file__button):hover{
  border-bottom-color: #0e14d8;
}
/* Page d'accueil : cacher les colonnes décoratives sur mobile */
@media (max-width: 600px){
  .lys-side{
    display:none !important;
  }
}
/* MENU MOBILE WORDPRESS - FIX iPhone portrait + liste verticale */
@media (max-width: 600px){

  /* Quand le menu est ouvert, empêcher le scroll arrière-plan */
  body.has-modal-open{
    overflow: hidden;
  }

  /* Le conteneur du menu doit être un vrai overlay plein écran */
  .wp-block-navigation__responsive-container{
    position: fixed !important;
    inset: 0 !important;          /* top/right/bottom/left = 0 */
    z-index: 999999 !important;
    background: #0b2ea6 !important;
    display: none;                 /* fermé par défaut */
  }

  /* État ouvert */
  .wp-block-navigation__responsive-container.is-menu-open{
    display: flex !important;
    flex-direction: column !important;
  }

  /* Zone contenu du menu : pleine largeur + scroll interne */
  .wp-block-navigation__responsive-container-content{
    width: 100% !important;
    height: 100% !important;
    overflow: auto !important;
    padding: 90px 22px 30px !important; /* espace sous le header */
  }

  /* Forcer les items du menu en colonne (1 par ligne) */
  .wp-block-navigation__container{
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
    width: 100% !important;
  }

  .wp-block-navigation-item{
    width: 100% !important;
  }

  .wp-block-navigation-item__content,
  .wp-block-navigation__responsive-container a{
    color: #fff !important;
    display: block !important;
    width: 100% !important;
    padding: 10px 0 !important;
    white-space: normal !important; /* autorise retour à la ligne propre */
  }

  /* Boutons ouvrir/fermer visibles */
  .wp-block-navigation__responsive-container-open,
  .wp-block-navigation__responsive-container-close{
    color: #fff !important;
    z-index: 1000000 !important;
  }
}
/* ☰ Menu / ✕ Fermer — mobile seulement */
@media (max-width: 600px){

  /* Bouton OUVERTURE (menu fermé) */
  .wp-block-navigation__responsive-container-open{
    display: flex;
    align-items: center;
    gap: 6px;
    color: #ffffff !important;
  }

  .wp-block-navigation__responsive-container-open::after{
    content: "Menu principal";
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.4px;
  }

  /* Bouton FERMETURE (menu ouvert) */
  .wp-block-navigation__responsive-container-close{
    display: flex;
    align-items: center;
    gap: 6px;
    color: #ffffff !important;
  }

  .wp-block-navigation__responsive-container-close::after{
    content: "Fermer";
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.4px;
  }
}
/* =========================================================
   SOUCYGEN — CSS CONSOLIDÉ (Accueil seulement)
   Objectifs:
   - Mobile: masquer colonnes décoratives (lys) + menu overlay fiable
   - Tablette/portable: ne pas casser la mise en page (pas de règles mobile)
   - Desktop: inchangé
   Seuils:
   - Mobile: <= 600px
   - Tablette: 601–1024px (optionnel: masquer lys sans casser largeur)
   ========================================================= */


/* ---------------------------------------------------------
   1) MOBILE (téléphones) — <= 600px
   - Masquer les colonnes décoratives (.lys-side)
   - Menu responsive en overlay plein écran
   - Boutons: ☰ "Menu principal" / ✕ "Fermer"
   --------------------------------------------------------- */
@media (max-width: 600px){

  /* === A) Accueil : masquer les colonnes décoratives (lys) === */
  body.home .lys-side{
    display: none !important;
  }

  /* === B) Accueil : MENU MOBILE WordPress (Bloc Navigation FSE) === */

  /* Empêche le scroll du contenu derrière quand le menu est ouvert */
  body.has-modal-open{
    overflow: hidden;
  }

  /* Overlay plein écran (fermé par défaut) */
  body.home .wp-block-navigation__responsive-container{
    position: fixed !important;
    inset: 0 !important;                 /* top/right/bottom/left = 0 */
    z-index: 999999 !important;
    background: #0b2ea6 !important;      /* bleu (ajuste au besoin) */
    display: none;                        /* fermé par défaut */
  }

  /* État ouvert */
  body.home .wp-block-navigation__responsive-container.is-menu-open{
    display: flex !important;
    flex-direction: column !important;
  }

  /* Contenu interne : scrolle dans l’overlay (pas la page derrière) */
  body.home .wp-block-navigation__responsive-container-content{
    width: 100% !important;
    height: 100% !important;
    overflow: auto !important;
    padding: 130px 22px 30px !important; /* espace haut pour ne rien masquer */
  }

  /* Items du menu: 1 colonne, bien lisible */
  body.home .wp-block-navigation__container{
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
    width: 100% !important;
  }

  body.home .wp-block-navigation-item{
    width: 100% !important;
  }

  body.home .wp-block-navigation-item__content,
  body.home .wp-block-navigation__responsive-container a{
    color: #fff !important;
    display: block !important;
    width: 100% !important;
    padding: 10px 0 !important;
    white-space: normal !important;      /* retours à la ligne propres */
  }

  /* Bouton OUVRIR (menu fermé) : ☰ + "Menu principal" */
  body.home .wp-block-navigation__responsive-container-open{
    display: flex;
    align-items: center;
    gap: 6px;
    color: #ffffff !important;
  }
  body.home .wp-block-navigation__responsive-container-open::after{
    content: "Menu principal";
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.4px;
    color: #ffffff !important;
  }

  /* (Option sécurité iOS) : si un parent a transform/filter, fixed peut bugger */
  body.home .wp-site-blocks,
  body.home header{
    transform: none !important;
    filter: none !important;
  }
}


/* ---------------------------------------------------------
   2) TABLETTE / PORTABLE — 601px à 1024px (OPTIONNEL)
   Si TU VEUX masquer aussi les lys sur tablette SANS "grand noir vide",
   décommente ce bloc.
   --------------------------------------------------------- */

/*
@media (min-width: 601px) and (max-width: 1024px){

  body.home .lys-side{
    display: none !important;
  }

  body.home .wp-block-columns{
    justify-content: center !important;
  }

  body.home .wp-block-columns > .wp-block-column:not(.lys-side){
    flex-basis: 100% !important;
    max-width: 100% !important;
  }
}
*/


/* ---------------------------------------------------------
   3) DESKTOP — > 1024px
   Aucun changement (on laisse la mise en page telle quelle)
   --------------------------------------------------------- */

@media (max-width: 600px){

  /* ☰ Menu principal */
  body.home .wp-block-navigation__responsive-container-open{
    display: flex;
    align-items: center;
    gap: 6px;
    color: #ffffff !important;
  }
  body.home .wp-block-navigation__responsive-container-open::after{
    content: "Menu principal";
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.4px;
    color: #ffffff !important;
  }

  /* Masquer ✕ Fermer (accueil seulement) */
  body.home .wp-block-navigation__responsive-container-close{
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  /* Sécurité iOS */
  body.home .wp-site-blocks,
  body.home header{
    transform: none !important;
    filter: none !important;
  }
}