/* -------------
    SOMMAIRE
------------- */

/*
    @AUTHOR : Nicolas BOUDOT

    ATOME : LABEL
    Styles des labels des formulaires
*/

/*
    00 - GENERAL
    01 - MODIFIER
*/



/* -----------------
    00 - GENERAL
----------------- */

/* @changelog 2024-07-01 [FIX] (Nicolas) On masque ici les input radios car ils seront fait en pseudo-éléments */
div ul.acf-radio-list li label,
.atom_label {
    display: inline-flex;
    font-size: 1.4rem;
    line-height: 1.8rem;
}

    /* Checked */
    div ul.acf-radio-list li label.selected,
    .atom_radio:not(:disabled):checked + .atom_label {
        color: var(--c-primary);
    }

    /* Before */
    div ul.acf-radio-list li label::before,
    .atom_label::before {
        content: "";
        box-shadow: 0 0 0 2px;
        border: 2px solid var(--white);
        border-radius: 50%;
        margin: 3px 4px 0 0;
        width: 12px;
        min-width: 12px;
        height: 12px;
    }

        /* Checked */
        div ul.acf-radio-list li label.selected::before,
        .atom_radio:not(:disabled):checked + .atom_label::before {
            background-color: var(--c-primary);
        }

/* -----------------
    01 - MODIFIER
----------------- */

/* Disabled */
.atom_radio:disabled + .atom_label {
    color: var(--gray-400);
}

    /* Before */
    .atom_radio:disabled + .atom_label::before {
        content: "\e919";
        box-shadow: none;
        font-family: 'icomoon';
        font-size: 1.1rem;
        margin-top: -1px;
    }