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

/*
    @AUTHOR : Nicolas BOUDOT

    ATOME : CHECKBOX
    Styles des input [type="checkbox"] et de leur label
*/

/*
    01 - CHECKBOX
    02 - LABEL
*/



/* ---------------------
    01 - CHECKBOX
--------------------- */

/* @changelog 2024-07-01 [FIX] (Nicolas) On masque ici les input checkboxs car ils seront fait en pseudo-éléments */
div.wpforms-container-full .wpforms-form .wpforms-field input[type="checkbox"],
input[type="checkbox"],
.atom_checkbox {
    display: none;
}



/* ---------------------
    02 - LABEL
--------------------- */

div ul.acf-checkbox-list li label,
div.wpforms-container-full .wpforms-form .wpforms-field .wpforms-field-label-inline,
input[type="checkbox"] + label {
    display: inline-block;
    color: var(--gray-800);
    font-size: 1.4rem;
}

    /* Checked */
    div ul.acf-checkbox-list li label.selected,
    div.wpforms-container-full .wpforms-form .wpforms-field input[type="checkbox"]:checked + .wpforms-field-label-inline,
    input[type="checkbox"]:checked + label {
        color: var(--c-primary);
    }

    /* Before */
    .woocommerce-form-login__rememberme span::before,
    div ul.acf-checkbox-list li label::before,
    input[type="checkbox"] + label::before {
        content: "\2713";
        display: inline-flex;
        justify-content: center;
        align-items: center;
        color: transparent;
        border: 2px solid var(--gray-600);
        border-radius: 4px;
        font-size: 12px;
        font-weight: bold;
        width: 17px;
        min-width: 17px;
        height: 17px;
        min-height: 17px;
        margin-right: 10px;
        transform: translateY(-3px);
    }

        /* Checked */
        .woocommerce-form-login__rememberme input[type="checkbox"]:checked + span::before,
        div ul.acf-checkbox-list li label.selected::before,
        input[type="checkbox"]:checked + label::before {
            color: var(--c-primary);
            border-color: var(--c-primary);
        }