/* ===============================
=            Custom CSS per Choices            =
per uniformare le select allo stile del template
=============================== */
    .choices {
        color-scheme: light dark;
        font-size: 1.083em;
        width: 100%;
        position: relative !important;
        z-index: 100 !important;
    }

    .choices__inner {
        box-sizing: border-box;
    }

    /* Box che simula il select */
    .choices__inner {
        padding: 0.385em;
        border: 1px solid #89bad3;
        border-radius: 0.417em;
        background: url(../images/old-browsers-bg/input-bg.png) repeat-x top #fff;
        min-height: auto;
    }

    /* Testo selezionato dentro il field */
    .choices__inner .choices__item--selectable {
        color: #333;
    }

    /* Placeholder (quando non è selezionato nulla) */
    .choices__inner .choices__placeholder {
        color: #999;
    }

    /* Stato focus: stesso bordo blu del template */
    .choices.is-focused .choices__inner,
    .choices.is-open .choices__inner {
        border-color: #39c !important;
        box-shadow: 0 0 0 2px rgba(51, 153, 204, .3) !important;
    }

    /* Dropdown list (lista delle opzioni) */
    .choices__list--dropdown {
        border: 1px solid #89bad3;
        border-radius: 0.417em;
        margin-top: 2px;
        background: #fff;
        box-shadow: 0 0 3px rgba(0,0,0,0.2);
        position: absolute !important;
        z-index: 1000000 !important;
        top: 100% !important;
        bottom: auto !important;
    }

    /* Ignora completamente la modalità "flipped" di Choices */
    .choices.is-flipped .choices__list--dropdown {
        top: 100% !important;
        bottom: auto !important;
    }

    /* Singole opzioni */
    .choices__list--dropdown .choices__item {
        padding: 0.3em 0.6em;
        font-size: 1em;
        color: #333;
    }

    /* Hover sulle opzioni – colore simile all’hover dei bottoni/template */
    .choices__list--dropdown .choices__item--selectable.is-highlighted {
        background-color: Highlight !important;   /* colore highlight del sistema */
        color: HighlightText !important;          /* testo highlight del sistema */
    }

    /* Disabilitate */
    .choices__item--disabled {
        color: #bfbfbf;
    }

    .choices.small .choices__inner {
        font-size: 1em;
        padding: 0.167em;
        border-radius: 0.25em;
    }


    /* icona  */
    .choices__button:hover {
        background-repeat: no-repeat !important;
        background-position: center !important;
    }

    /* Nasconde l'option vuota dal menu */
    .choices__list--dropdown [data-value=""] {
        display: none !important;
    }

    /* Nasconde l'item selezionato quando è vuoto (scelta reset) */
    .choices__list--single .choices__item[data-value=""] {
        display: none !important;
    }

/* =====  End of Custom CSS per Choices  ====== */