/* Bayān 13.9 — réintégration sûre des thèmes dans la navigation réorganisée.
   Desktop : le sélecteur historique de la topbar reste visible.
   Mobile/tablette : les thèmes sont proposés dans le menu vertical sans ajouter
   un troisième contrôle dans la barre supérieure. */

.v139-mobile-themes{display:none}

@media (min-width:1101px){
  body.app-quran .topbar > .topbar-tools{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    overflow:visible!important;
  }
  body.app-quran .topbar > .topbar-tools .theme-switcher{display:block!important}
}

@media (max-width:1100px){
  body.app-quran .topbar > .main-nav.app-local-nav > .v139-mobile-themes{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    margin:2px 0 0!important;
    border:1px solid var(--bayaan-nav-border,var(--bayaan-border,rgba(20,37,31,.14)))!important;
    border-radius:13px!important;
    background:color-mix(in srgb,var(--bayaan-nav-bg,var(--bayaan-surface,#fffdf8)) 96%,transparent)!important;
    color:var(--bayaan-nav-text,var(--bayaan-text,#17342d))!important;
    overflow:hidden!important;
  }
  body.app-quran .v139-mobile-themes > summary{
    list-style:none!important;
    display:grid!important;
    grid-template-columns:30px minmax(0,1fr) auto!important;
    gap:10px!important;
    align-items:center!important;
    min-height:48px!important;
    padding:9px 12px!important;
    cursor:pointer!important;
    font:800 13px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif!important;
    color:var(--bayaan-nav-text,var(--bayaan-text,#17342d))!important;
    background:transparent!important;
  }
  body.app-quran .v139-mobile-themes > summary::-webkit-details-marker{display:none!important}
  body.app-quran .v139-mobile-themes > summary::before{
    content:"◐";
    display:grid;
    place-items:center;
    width:28px;
    height:28px;
    border-radius:9px;
    background:var(--bayaan-surface-2,#f2eee5);
    color:var(--bayaan-accent-2,#174e42);
    font-size:17px;
  }
  body.app-quran .v139-mobile-themes > summary::after{
    content:"⌄";
    font-size:16px;
    opacity:.65;
    transition:transform .16s ease;
  }
  body.app-quran .v139-mobile-themes[open] > summary::after{transform:rotate(180deg)}
  body.app-quran .v139-theme-summary-copy{display:grid!important;gap:2px!important;min-width:0!important}
  body.app-quran .v139-theme-summary-copy strong{font:inherit!important;color:inherit!important}
  body.app-quran .v139-theme-summary-copy small{
    display:block!important;
    color:var(--bayaan-nav-muted,var(--bayaan-muted,#64736e))!important;
    font-size:10.5px!important;
    font-weight:700!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.app-quran .v139-theme-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    padding:8px!important;
    border-top:1px solid var(--bayaan-nav-border,var(--bayaan-border,#dcd9cf))!important;
    background:var(--bayaan-surface-2,#f2eee5)!important;
  }
  body.app-quran .v139-theme-choice{
    appearance:none!important;
    -webkit-appearance:none!important;
    display:grid!important;
    grid-template-columns:30px minmax(0,1fr) 18px!important;
    gap:7px!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
    min-height:50px!important;
    padding:7px 8px!important;
    border:1px solid var(--bayaan-border,#dcd9cf)!important;
    border-radius:11px!important;
    background:var(--bayaan-surface,#fffdf8)!important;
    color:var(--bayaan-text,#102a25)!important;
    text-align:left!important;
    font:inherit!important;
    cursor:pointer!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  body.app-quran .v139-theme-choice:active{transform:scale(.985)}
  body.app-quran .v139-theme-choice.active{
    outline:2px solid color-mix(in srgb,var(--bayaan-accent,#1f685a) 45%,transparent)!important;
    border-color:var(--bayaan-accent,#1f685a)!important;
  }
  body.app-quran .v139-theme-choice .theme-swatch{
    width:28px!important;
    height:28px!important;
    border-radius:9px!important;
    border:1px solid color-mix(in srgb,var(--bayaan-text,#102a25) 16%,transparent)!important;
  }
  body.app-quran .v139-theme-choice-copy{display:grid!important;gap:1px!important;min-width:0!important}
  body.app-quran .v139-theme-choice-copy strong{
    display:block!important;
    color:inherit!important;
    font-size:11.5px!important;
    line-height:1.2!important;
    white-space:normal!important;
  }
  body.app-quran .v139-theme-choice-copy small{
    display:none!important;
  }
  body.app-quran .v139-theme-check{
    color:var(--bayaan-accent,#1f685a)!important;
    font-weight:900!important;
    opacity:0!important;
  }
  body.app-quran .v139-theme-choice.active .v139-theme-check{opacity:1!important}
}

@media (max-width:430px){
  body.app-quran .v139-theme-choice{min-height:46px!important}
}
@media (max-width:340px){
  body.app-quran .v139-theme-grid{grid-template-columns:1fr!important}
}