/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
/* === FIX CHECKBOX PRESTASHOP (TOUTES LES CASES) === */

/* Afficher correctement tous les vrais inputs checkbox */
#conditions-to-approve .custom-checkbox input[type="checkbox"] {
    opacity: 1 !important;
    position: relative !important;
    z-index: 2;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

/* Supprimer seulement les anciennes fausses checkbox qui ne sont pas gérées par PrestaShop */
#conditions-to-approve .custom-checkbox:not(.ps-shown-by-js) > span,
#conditions-to-approve .custom-checkbox:not(.ps-shown-by-js) i,
#conditions-to-approve .custom-checkbox:not(.ps-shown-by-js)::before,
#conditions-to-approve .custom-checkbox:not(.ps-shown-by-js)::after {
    display: none !important;
    content: none !important;
    visibility: hidden !important;
}

/* Alignement propre des checkbox */
#conditions-to-approve .custom-checkbox {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Label cliquable pour toutes les cases */
#conditions-to-approve .condition-label label {
    cursor: pointer;
}

/* Optionnel : augmenter la zone cliquable autour de l'input */
#conditions-to-approve .custom-checkbox input[type="checkbox"] {
    margin: 0;
    padding: 0;
}