/*
 * Le Cercle 127 — stabilité navigation v7.3.23
 * Ce fichier est volontairement chargé en dernier.
 */

/* Le header ne doit jamais être rogné par une expérience de page. */
body:not(.wp-admin) .site-header{
  position:sticky !important;
  top:0;
  z-index:1000 !important;
  overflow:visible !important;
  isolation:isolate;
}
body.admin-bar:not(.wp-admin) .site-header{top:32px;}
@media(max-width:782px){body.admin-bar:not(.wp-admin) .site-header{top:46px;}}
body:not(.wp-admin) .site-header__main,
body:not(.wp-admin) .site-header__main .wrap{
  overflow:visible !important;
  min-width:0;
}
body:not(.wp-admin) .site-brand{min-width:max-content;}
body:not(.wp-admin) .site-nav{min-width:0;}
body:not(.wp-admin) .site-nav__list{min-width:0;}

/* Bureau large : le menu principal doit être visible, quoi qu'un module ait chargé. */
@media(min-width:1101px){
  body:not(.wp-admin) .nav-toggle{display:none !important;}
  body:not(.wp-admin) .site-nav{
    display:block !important;
    position:static !important;
    inset:auto !important;
    margin-left:auto !important;
    max-height:none !important;
    overflow:visible !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
    background:transparent !important;
    border:0 !important;
    padding:0 !important;
  }
  body:not(.wp-admin) .site-nav__list{
    display:flex !important;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:nowrap;
    gap:clamp(10px,1.35vw,20px) !important;
  }
  body:not(.wp-admin) .site-nav a{font-size:.68rem !important;}
}

/* Tablette / écran resserré : burger garanti et menu au-dessus des modules. */
@media(max-width:1100px){
  body:not(.wp-admin) .site-header__main .wrap{position:relative !important;}
  body:not(.wp-admin) .nav-toggle{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    position:relative !important;
    z-index:1003 !important;
    flex:0 0 42px;
  }
  body:not(.wp-admin) .site-nav{
    display:flex !important;
    position:absolute !important;
    z-index:1002 !important;
    top:100% !important;
    right:0 !important;
    left:0 !important;
    width:100% !important;
    max-height:0 !important;
    margin:0 !important;
    padding:0 0 !important;
    overflow:hidden !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
    background:#080a13 !important;
    border-bottom:1px solid var(--line) !important;
    box-shadow:0 18px 35px rgba(0,0,0,.38);
    transition:max-height .28s ease,opacity .2s ease,visibility .2s ease !important;
  }
  body:not(.wp-admin) .site-nav.open{
    max-height:min(78vh,680px) !important;
    padding:10px 0 18px !important;
    overflow-y:auto !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
  }
  body:not(.wp-admin) .site-nav__list{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:0 !important;
    width:100% !important;
  }
  body:not(.wp-admin) .site-nav__list > li{width:100%;}
  body:not(.wp-admin) .site-nav a{
    display:block !important;
    width:100% !important;
    padding:14px 24px !important;
    font-size:.76rem !important;
  }
  body:not(.wp-admin) .site-nav .sub-menu{
    position:static !important;
    min-width:0 !important;
    margin:0 18px !important;
    padding:0 0 4px 14px !important;
    border:0 !important;
    border-left:1px solid var(--line) !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
  }

  /* La constellation des Sœurs reste navigable sans casser la largeur. */
  body:not(.wp-admin) .soeurs-bar{z-index:998 !important;}
  body:not(.wp-admin) .soeurs-bar .wrap{
    display:flex !important;
    justify-content:flex-start !important;
    gap:6px !important;
    width:100% !important;
    padding:7px 10px 9px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  body:not(.wp-admin) .soeurs-bar .wrap::-webkit-scrollbar{display:none;}
  body:not(.wp-admin) .soeurs-bar a{
    flex:0 0 auto !important;
    min-width:128px !important;
    padding:5px 10px !important;
    font-size:.84rem !important;
  }
}

@media(max-width:600px){
  body:not(.wp-admin) .site-brand__text strong{font-size:1.08rem !important;}
  body:not(.wp-admin) .site-brand__text small{display:none !important;}
  body:not(.wp-admin) .soeurs-bar a{min-width:112px !important;font-size:.78rem !important;}
}

/* Le fil d'Ariane est un repère, pas un second menu. */
body:not(.wp-admin) .seo-breadcrumb{
  padding:8px 0 !important;
  font-size:.66rem !important;
  opacity:.82;
}