/* ===================================================
   WIDE LAYOUT (/templates/wide-layout.php)
   Corrections mobile - n'affecte aucun autre template
   =================================================== */

@media (max-width: 880px) {

  /* Cache la bannière full-screen du haut */
  .page-template-wide-layout .wp-block-cover.alignfull {
    display: none;
  }

  /* Classe utilitaire pour cacher n'importe quel bloc sur mobile via Gutenberg */
  .page-template-wide-layout .hide-on-mobile {
    display: none !important;
  }

  /* Remettre les marges latérales du contenu sur mobile */
  .page-template-wide-layout .entry-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* Annule le padding-top du header sticky quand le cover bannière est caché sur mobile.
     Sur les autres pages ce padding est absorbé par le cover. Ici il crée un espace vide. */
  .page-template-wide-layout #page,
  .page-template-wide-layout #content {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  /* Cache uniquement la galerie grid de logos partenaires sur mobile.
     Le carrousel (.kb-gallery-type-carousel) reste visible.
     Lié au template wide-layout uniquement — n'affecte pas les autres pages. */
  .page-template-wide-layout .kb-gallery-type-grid:not(.kb-gallery-funambules-portfolio) {
    display: none;
  }

  /* Accordion Kadence - lisibilité mobile */
  .page-template-wide-layout .kt-blocks-accordion-header {
    font-size: 15px;
    line-height: 1.4;
    padding: 12px 10px;
    white-space: normal;
    word-break: break-word;
  }

  .page-template-wide-layout .kt-accordion-panel-inner {
    padding: 12px 10px;
    font-size: 15px;
    line-height: 1.6;
  }

  .page-template-wide-layout .kt-accordion-panel-inner ul {
    padding-left: 16px;
  }

  .page-template-wide-layout .kt-accordion-panel-inner li {
    margin-bottom: 10px;
    word-break: break-word;
  }

  .page-template-wide-layout .kt-accordion-panel-inner p {
    margin-bottom: 8px;
  }
}