/**
 * Styles CSS pour le plugin Defibril Ecommerce
 * 
 * Ce fichier contient les styles pour les fonctionnalités front-end du plugin
 */

/**
 * Classe pour masquer un champ par défaut
 * 
 * Cette classe est utilisée pour masquer les champs conditionnels
 * qui doivent être affichés uniquement dans certaines conditions
 */
.def_hidden {
    display: none !important;
}

/**
 * Classe pour afficher un champ
 * 
 * Cette classe est utilisée pour afficher les champs conditionnels
 * Elle surcharge la classe def_hidden grâce à !important
 * lorsque les conditions sont remplies
 */
.def_visible {
    display: block !important;
    animation: def_fadeIn 0.3s ease-in;
}

@keyframes def_fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Masquer le bouton "Commander" sur le checkout si l'utilisateur est sous maintenance */
.def-maintenance-blocked.woocommerce-checkout .wc-block-components-checkout-place-order-button,
.def-maintenance-blocked.woocommerce-checkout #place_order,
.def-maintenance-blocked.woocommerce-checkout button[type="submit"][name="woocommerce_checkout_place_order"],
.def-maintenance-blocked.woocommerce-checkout button[type="submit"].button.alt,
.def-maintenance-blocked.woocommerce-checkout input[type="submit"][name="woocommerce_checkout_place_order"],
.def-maintenance-blocked.woocommerce-checkout .woocommerce-checkout-place-order button,
.def-maintenance-blocked.woocommerce-checkout .woocommerce-checkout-place-order input[type="submit"],
.def-maintenance-blocked form.checkout button[type="submit"],
.def-maintenance-blocked form.checkout input[type="submit"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    left: -9999px !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
}