/* 09/08/2026 — le burger flottant ne mord plus le contenu et se voit enfin.
   Le POURQUOI complet est dans finaliser.py, section « 2 octies ». */
@media (max-width: 1024px){
  :root{
    --jb-burger-taille:48px;   /* > 44 px : minimum de cible tactile          */
    --jb-burger-marge:16px;    /* bord bas a 64 px, donc dans le masthead 143 */
    --jb-burger-barre:26px;
  }
  .ast-mobile-header-wrap .menu-toggle,
  .ast-mobile-header-wrap .ast-mobile-menu-buttons,
  .ast-mobile-header-wrap .ast-mobile-menu-trigger-minimal,
  .ast-mobile-header-wrap .main-header-menu-toggle,
  .ast-mobile-header-wrap .menu-toggle:hover,
  .ast-mobile-header-wrap .menu-toggle:focus,
  .ast-mobile-header-wrap .menu-toggle:focus-visible,
  .ast-mobile-header-wrap .menu-toggle:active{
    top:var(--jb-burger-marge) !important;
    right:var(--jb-burger-marge) !important;
    width:var(--jb-burger-taille) !important;
    height:var(--jb-burger-taille) !important;
    background:#F8F5F0 !important;
    background-color:#F8F5F0 !important;
    border:1px solid rgba(20,84,74,.20) !important;
    border-radius:8px !important;
    box-shadow:0 6px 16px rgba(73,56,40,.18) !important;
    opacity:1 !important;
  }
  .ast-mobile-header-wrap .menu-toggle:focus-visible{
    outline:3px solid #14544A !important;outline-offset:3px !important;
  }
  .ast-mobile-header-wrap .menu-toggle::before,
  .ast-mobile-header-wrap .menu-toggle::after,
  .ast-mobile-header-wrap .menu-toggle .mobile-menu-toggle-icon{
    width:var(--jb-burger-barre) !important;height:3px !important;
  }
  .ast-mobile-header-wrap .menu-toggle::before{
    transform:translate(-50%,calc(-50% - 8px)) !important;
  }
  .ast-mobile-header-wrap .menu-toggle::after{
    transform:translate(-50%,calc(-50% + 8px)) !important;
  }
  /* MENU OUVERT : la croix reprend la main sur les deux regles ci-dessus.
     Sans ces quatre lignes, le burger resterait un burger une fois ouvert. */
  body.ast-mobile-popup-opened .ast-mobile-header-wrap .menu-toggle::before,
  body.ast-popup-nav-open .ast-mobile-header-wrap .menu-toggle::before,
  body.ast-main-header-nav-open .ast-mobile-header-wrap .menu-toggle::before,
  .menu-toggle[aria-expanded="true"]::before{
    transform:translate(-50%,-50%) rotate(45deg) !important;
  }
  body.ast-mobile-popup-opened .ast-mobile-header-wrap .menu-toggle::after,
  body.ast-popup-nav-open .ast-mobile-header-wrap .menu-toggle::after,
  body.ast-main-header-nav-open .ast-mobile-header-wrap .menu-toggle::after,
  .menu-toggle[aria-expanded="true"]::after{
    transform:translate(-50%,-50%) rotate(-45deg) !important;
  }
}