/* Login Theme - Genesys #198b90 - Dark Mode */
/* Solo le sovrascritture essenziali per i colori del tema */

@media (prefers-color-scheme: dark) {
    :root {
        /* Sovrascrittura solo del colore primario per elementi che devono spiccare */
        --pf-global--primary-color--100: #198b90;
        --pf-global--primary-color--200: #156f73;
        --pf-global--active-color--100: #198b90;
        --pf-global--active-color--200: #156f73;
        --pf-global--link--Color: #198b90;
        --pf-global--link--Color--hover: #2da5ab;
    }

    /* Pulsanti per dark mode */
    .pf-c-button.pf-m-primary {
        background-color: #198b90;
        border-color: #198b90;
    }

    .pf-c-button.pf-m-primary:hover {
        background-color: #2da5ab;
        border-color: #2da5ab;
    }

    .pf-c-button.pf-m-control:hover {
        border-color: #198b90;
    }

    /* Links per dark mode */
    a {
        color: #198b90;
    }

    a:hover {
        color: #2da5ab;
    }

    /* Dropdown lingua per dark mode */
    #kc-locale-dropdown button {
        color: #198b90;
    }

    /* Form controls focus */
    .pf-c-form-control:focus {
        border-color: #198b90;
        box-shadow: 0 0 0 1px #198b90;
    }

    /* Checkbox e radio per dark mode */
    .pf-c-check__input:checked {
        background-color: #198b90;
        border-color: #198b90;
    }

    /* Select auth box per dark mode */
    .select-auth-box-parent:hover {
        border-color: #198b90;
    }

    .select-auth-box-headline {
        color: #198b90;
    }

    /* Alert per dark mode */
    .pf-c-alert.pf-m-info {
        border-color: #198b90;
    }

    /* Social providers per dark mode */
    .kc-social-item:hover {
        border-color: #198b90;
    }

    /* Pulsanti primari PatternFly v5 - Dark Mode Login */
    .pf-v5-c-button.pf-m-primary {
        background-color: #198b90;
        border-color: #198b90;
    }

    .pf-v5-c-button.pf-m-primary:hover {
        background-color: #2da5ab;
        border-color: #2da5ab;
    }

    /* Label text PatternFly v5 - Dark Mode Login */
    .pf-v5-c-label.pf-m-blue .pf-v5-c-label__text {
        background-color: #198b90;
    }

    .pf-v5-c-label.pf-m-outline .pf-v5-c-label__text {
        color: #198b90;
        border-color: #198b90;
    }
}


/* Classe specifica per forzare la dark mode indipendentemente dalle preferenze del sistema */
.kc-dark-mode {
    /* Colori essenziali del tema */
    --theme-primary: #198b90;
}

.kc-dark-mode .pf-v5-c-button.pf-m-primary {
    background-color: #198b90;
    border-color: #198b90;
}

.kc-dark-mode .pf-v5-c-button.pf-m-primary:hover {
    background-color: #2da5ab;
    border-color: #2da5ab;
}

.kc-dark-mode .pf-v5-c-label.pf-m-blue .pf-v5-c-label__text {
    background-color: #198b90;
}