/* Bayān 13.4 — navigation stable desktop/mobile + garde-fous finaux. */

/* IMPORTANT : les anciens boutons secondaires ne doivent jamais réapparaître,
   même face aux couches historiques qui forcent display:flex !important. */
body.app-quran .topbar > .main-nav.app-local-nav > .nav-button.v133-nav-hidden[hidden],
body.app-quran .topbar > .main-nav.app-local-nav > .nav-secondary-button[hidden]{
  display:none!important;
}

.v134-mobile-menu-toggle{display:none}

/* Desktop : six destinations principales seulement, sans colonnes fantômes. */
@media (min-width:1101px){
  body.app-quran .topbar > .main-nav.app-local-nav{
    grid-auto-flow:column!important;
    grid-auto-columns:minmax(0,1fr)!important;
  }
  body.app-quran .topbar > .main-nav.app-local-nav > .nav-button:not(.v133-nav-hidden){
    min-width:0!important;
  }
}

/* Mobile/tablette : vrai menu vertical, pas six mini-onglets écrasés. */
@media (max-width:1100px){
  body.app-quran .topbar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    column-gap:10px!important;
    row-gap:8px!important;
    min-height:0!important;
    padding:9px 10px 10px!important;
    border-radius:0 0 18px 18px!important;
  }
  body.app-quran .topbar > .brand{
    grid-column:1!important;
    grid-row:1!important;
    justify-self:start!important;
    min-width:0!important;
    max-width:100%!important;
  }
  body.app-quran .topbar > .brand > span:last-child{min-width:0!important}
  body.app-quran .topbar > .brand strong,
  body.app-quran .topbar > .brand small,
  body.app-quran .topbar > .brand .version-badge{
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  body.app-quran .v134-mobile-menu-toggle{
    grid-column:2!important;
    grid-row:1!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    min-width:92px!important;
    min-height:44px!important;
    padding:8px 12px!important;
    border:1px solid color-mix(in srgb,var(--bayaan-nav-text,#17342d) 20%,transparent)!important;
    border-radius:14px!important;
    background:var(--bayaan-nav-bg,#fffdf8)!important;
    color:var(--bayaan-nav-text,#17342d)!important;
    box-shadow:0 6px 18px rgba(12,45,38,.08)!important;
    font:800 13px/1 system-ui,-apple-system,"Segoe UI",sans-serif!important;
    cursor:pointer!important;
  }
  body.app-quran .v134-mobile-menu-toggle .v134-menu-icon{
    font-size:19px!important;
    line-height:1!important;
  }
  body.app-quran .v134-mobile-menu-toggle .v134-menu-current{
    max-width:84px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:11px!important;
    opacity:.78!important;
  }
  body.app-quran .v134-mobile-menu-toggle[aria-expanded="true"]{
    background:var(--bayaan-nav-active-bg,var(--forest,#174e42))!important;
    color:var(--bayaan-nav-active-text,#fff)!important;
    border-color:transparent!important;
  }

  body.app-quran .topbar > .main-nav.app-local-nav{
    grid-column:1/-1!important;
    grid-row:2!important;
    position:static!important;
    inset:auto!important;
    transform:none!important;
    justify-self:stretch!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:7px!important;
    display:none!important;
    grid-auto-flow:row!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-auto-columns:auto!important;
    gap:5px!important;
    overflow:visible!important;
    border-radius:17px!important;
    background:var(--bayaan-nav-bg,#fffdf8)!important;
    border:1px solid var(--bayaan-nav-border,rgba(20,37,31,.14))!important;
    box-shadow:0 12px 32px rgba(11,44,37,.12)!important;
  }
  body.app-quran .topbar.v134-mobile-nav-open > .main-nav.app-local-nav{
    display:grid!important;
  }
  body.app-quran .topbar > .main-nav.app-local-nav > .nav-button:not(.v133-nav-hidden){
    display:grid!important;
    grid-template-columns:30px minmax(0,1fr) auto!important;
    align-items:center!important;
    justify-content:stretch!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:48px!important;
    padding:9px 12px!important;
    border-radius:12px!important;
    flex-direction:row!important;
    text-align:left!important;
    white-space:normal!important;
    overflow:visible!important;
    font-size:13px!important;
    line-height:1.2!important;
  }
  body.app-quran .topbar > .main-nav.app-local-nav > .nav-button:not(.v133-nav-hidden) .nav-icon{
    display:grid!important;
    place-items:center!important;
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    flex:0 0 28px!important;
    font-size:17px!important;
  }
  body.app-quran .topbar > .main-nav.app-local-nav > .nav-button:not(.v133-nav-hidden) .nav-label-full{
    display:block!important;
    width:auto!important;
    max-width:100%!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:1.2!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  body.app-quran .topbar > .main-nav.app-local-nav > .nav-button:not(.v133-nav-hidden) .nav-label-mobile{
    display:none!important;
  }
  body.app-quran .topbar > .main-nav.app-local-nav > .nav-button:not(.v133-nav-hidden)::after{
    content:"›"!important;
    position:static!important;
    width:auto!important;
    height:auto!important;
    background:none!important;
    color:currentColor!important;
    opacity:.55!important;
    transform:none!important;
    border-radius:0!important;
    font-size:18px!important;
    line-height:1!important;
  }
  body.app-quran .topbar > .main-nav.app-local-nav > .nav-button.active:not(.v133-nav-hidden)::after{
    content:"✓"!important;
    opacity:.9!important;
    font-size:14px!important;
  }
  body.app-quran .topbar > .topbar-tools{display:none!important}

  /* Plus de padding artificiel lié à l'ancienne navbar basse. */
  body.app-quran{padding-bottom:0!important}
  body.app-quran .scroll-to-top{bottom:18px!important}
  body.app-quran .toast{bottom:18px!important}
}

@media (max-width:430px){
  body.app-quran .topbar > .brand small,
  body.app-quran .topbar > .brand .version-badge{display:none!important}
  body.app-quran .v134-mobile-menu-toggle{min-width:84px!important;padding-inline:10px!important}
  body.app-quran .v134-mobile-menu-toggle .v134-menu-current{display:none!important}
}

@media (max-width:340px){
  body.app-quran .topbar{padding-inline:8px!important}
  body.app-quran .v134-mobile-menu-toggle{min-width:76px!important}
  body.app-quran .topbar > .main-nav.app-local-nav > .nav-button:not(.v133-nav-hidden){padding-inline:10px!important}
}

/* Garde-fous globaux de stabilité : jamais de contrôle masqué rendu visible par une couche historique. */
body.app-quran [hidden]{display:none!important}
body.app-quran details:not([open]) > :not(summary){display:none!important}
body.app-quran input[type="checkbox"],body.app-quran input[type="radio"]{inline-size:auto!important;width:auto!important;min-width:auto!important;max-width:none!important}