/* ==========================================================
   IMPOSTAZIONI — overlay opzioni (lingua · schermo · sviluppo).
   I bottoni prendono lo stile comune da ui-kit.css.
   ================================================---------- */
.im-card { width: 100%; max-width: 460px; margin: auto; display: flex; flex-direction: column; gap: 12px; }
.im-head { display: flex; align-items: center; justify-content: space-between; }
.im-title { font-family: var(--font-titoli); letter-spacing: 1.5px; font-size: 1rem; color: var(--accent-2); }

.im-sec {
    font-family: var(--font-titoli); font-size: 0.78rem; letter-spacing: 2px;
    color: var(--accent-2); margin-top: 6px; border-bottom: 1px solid rgba(120,150,175,0.2); padding-bottom: 3px;
}

/* Lingua: due pulsanti affiancati */
.im-riga { display: flex; gap: 8px; }
.im-lang { flex: 1; padding: 11px 6px; font-family: inherit; font-size: 0.82rem; font-weight: 700; letter-spacing: 0.5px; }
.im-lang.on { border-left-color: var(--successo) !important; background: rgba(15,27,41,0.85) !important; color: #fff !important; }
.im-flag { font-size: 1rem; }

/* Riga opzione: descrizione a sinistra, azione a destra */
.im-opz {
    display: flex; align-items: center; gap: 10px; padding: 10px 12px;
    background: rgba(9,17,27,0.5); border: 1px solid rgba(120,150,175,0.2);
    border-left: 3px solid rgba(57,224,255,0.5);
}
.im-opz-txt { flex: 1; min-width: 0; }
.im-opz-t { font-size: 0.9rem; }
.im-opz-s { font-size: 0.76rem; color: var(--testo-tenue); line-height: 1.45; margin-top: 2px; }
.im-fs, .im-dev, .im-musica, .im-sfx { flex-shrink: 0; min-width: 96px; padding: 9px 14px; font-family: inherit; font-size: 0.76rem; font-weight: 700; letter-spacing: 1px; }

.im-nota {
    font-size: 0.8rem; color: var(--oro); line-height: 1.5;
    background: rgba(255,210,63,0.08); border-left: 3px solid var(--oro); padding: 9px 11px;
}
.im-nota b { color: #fff; }

/* Interruttori audio: verde acceso · rosso spento (leggibili su fondo scuro) */
.im-musica.on, .im-sfx.on { border-left-color: var(--successo) !important; color: #c9ffe0 !important; }
.im-musica.off, .im-sfx.off { border-left-color: var(--pericolo) !important; color: #ffc2cf !important; }