/* =============================================================================
 * css/AN05_help.css - HELP "?" delle votazioni (admin e pagine pubbliche)
 * -----------------------------------------------------------------------------
 * 1) Pulsante .AN05_help (generato da includes/AN05_help.php):
 *    cerchio piccolo (20px) a dimensione FISSA, indipendente dal font del
 *    titolo in cui si trova (h1, h2, nota, voce di menu); colore tenue che si
 *    accende al passaggio del mouse, anello di focus per la tastiera.
 *    Stesso stile dei "?" dell'extranet Whitedove.
 * 2) Finestra SweetAlert2 con classe .AN05_help_popup (js/AN05_help.js):
 *    titolo e testo allineati a SINISTRA, elenco con rientro pulito,
 *    pulsante OK a destra. Selettori validi per SweetAlert2 v9, v10 e v11
 *    (.swal2-content / .swal2-html-container).
 * Nessuna classe del template viene toccata: tutto sotto il prefisso AN05_.
 * ============================================================================= */

.AN05_help {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    min-width: 20px;
    padding: 0;
    margin: 0 0 0 6px;
    vertical-align: middle;
    position: relative;
    top: -2px;
    border: 1px solid #b6d4fe;
    border-radius: 50%;
    background: #eef5ff;
    color: #0b5ed7;
    font: 700 12px/1 "Montserrat", "Segoe UI", Arial, sans-serif;
    letter-spacing: 0;
    text-transform: none;
    cursor: pointer;
    box-shadow: none;
    transition: background-color .15s ease, color .15s ease, border-color .15s ease, box-shadow .15s ease;
    -webkit-appearance: none;
    appearance: none;
}
.AN05_help:hover {
    background: #0b5ed7;
    border-color: #0b5ed7;
    color: #fff;
}
.AN05_help:focus { outline: none; }
.AN05_help:focus-visible { box-shadow: 0 0 0 3px rgba(13, 110, 253, .25); }
.AN05_help:active { transform: scale(.94); }

/* dentro una voce di menu a tendina: niente margine a sinistra */
.dropdown-item-text .AN05_help { margin-left: 0; margin-right: 6px; top: -1px; }

/* --- finestra di aiuto --------------------------------------------------- */
.swal2-popup.AN05_help_popup {
    width: 34em;
    max-width: 94vw;
    padding: 1.6em 1.8em 1.3em;
    border-radius: 12px;
    text-align: left;
}
.AN05_help_popup .swal2-header { align-items: flex-start; padding: 0; }
.AN05_help_popup .swal2-title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 .7em;
    padding: 0 0 .6em;
    width: 100%;
    text-align: left;
    justify-content: flex-start;
    font-size: 1.25em;
    font-weight: 700;
    color: #15476c;
    border-bottom: 1px solid #e9ecef;
}
.AN05_help_popup .swal2-title::before {
    content: "?";
    flex: 0 0 26px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #eef5ff;
    border: 1px solid #b6d4fe;
    color: #0b5ed7;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
}
.AN05_help_popup .swal2-content,
.AN05_help_popup .swal2-html-container {
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: .95em;
    line-height: 1.55;
    color: #495057;
}
.AN05_help_testo p { margin: 0 0 .7em; }
.AN05_help_testo ul { margin: 0 0 .8em; padding-left: 1.25em; }
.AN05_help_testo li { margin: 0 0 .35em; padding-left: .15em; }
.AN05_help_testo li::marker { color: #0b5ed7; }
.AN05_help_testo > :last-child { margin-bottom: 0; }

.AN05_help_popup .swal2-actions {
    justify-content: flex-end;
    width: 100%;
    margin: 1.1em 0 0;
    padding-top: .9em;
    border-top: 1px solid #e9ecef;
}
.AN05_help_popup .swal2-confirm {
    min-width: 90px;
    margin: 0;
    padding: .5em 1.4em;
    border-radius: 6px;
    background: #0b5ed7 !important; /* SweetAlert2 imposta il colore in linea */
    font-size: .95em;
}
.AN05_help_popup .swal2-confirm:focus { box-shadow: 0 0 0 3px rgba(13, 110, 253, .3); }