/* Mode Focus (grec et hébreu) : seule la carte en cours reste à l'écran. Affichage uniquement. */

/* Bouton « 🎯 Focus » en tête de la barre d'onglets */
.focus-enter{flex:0 0 auto;white-space:nowrap;min-height:44px;font-weight:700;color:#fff;
  background:var(--accent,#24526d);border:1px solid var(--accent,#24526d);border-radius:12px;padding:8px 14px;cursor:pointer}
.focus-enter:hover{background:#143d55;color:#fff}
.tabs .focus-enter{flex:0 0 auto}

/* Barre du haut, visible seulement en mode Focus */
.focus-bar{display:none}
body.focus .focus-bar{display:block;position:fixed;top:0;left:0;right:0;z-index:40;
  padding:calc(8px + env(safe-area-inset-top)) 12px 0;background:#eef3f6f2;backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line,#d4e0e5)}
.focus-row{display:flex;align-items:center;gap:10px;max-width:760px;margin:0 auto 8px}
.focus-quit{flex:0 0 auto;min-height:44px;padding:8px 14px;border-radius:12px;font-weight:700;cursor:pointer;
  background:#fff;border:1px solid var(--line,#d4e0e5);color:#3a4a5c}
.focus-seg{flex:1;display:flex;gap:4px;padding:4px;background:#dde7ec;border-radius:12px;min-width:0}
.focus-seg button{flex:1;min-width:0;min-height:40px;border:0;border-radius:9px;background:transparent;
  font-weight:700;color:#4d5d6c;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:6px 8px}
.focus-seg button.on{background:#fff;color:#143d55;box-shadow:0 2px 8px #24324d18}
.focus-select{flex:1;min-width:0;min-height:44px;border-radius:12px;font-weight:700}
.focus-track{height:4px;max-width:760px;margin:0 auto;background:#d4e0e5;border-radius:4px 4px 0 0;overflow:hidden}
.focus-track i{display:block;height:100%;width:0;background:#107064;transition:width .25s}

/* Tout ce qui n'est pas la carte disparaît */
body.focus main{max-width:760px;margin-inline:auto;padding-top:calc(76px + env(safe-area-inset-top))}
body.focus main > :not(.panel){display:none!important}
body.focus .panel > :not(.card):not(.review-card){display:none!important}
body.focus .panel{background:transparent;border:0;box-shadow:none;padding:0}
body.focus .acc-btn,body.focus .pwa-btn{display:none!important}

/* Grec, révision générale : tant qu'aucune série n'est lancée, on garde les boutons pour en commencer une */
body.focus #mix:has(> #mixCard.hidden) > .actions{display:flex!important;flex-direction:column;gap:10px}
body.focus #mix:has(> #mixCard.hidden) > .actions button{min-height:52px}

@media (max-width:700px){
  body.focus main{padding-left:10px;padding-right:10px;padding-bottom:24px}
  .focus-quit span{display:none}
}