/* ==========================================================================
   TEXTES
   ========================================================================== */

td, th, bdi, span, .product-name > a{
    font-family: 'Montserrat', sans-serif !important;
}

.shipping-calculator-button{
    color: grey !important;
}

/* ==========================================================================
   ITEM
   ========================================================================== */

.product-thumbnail{
    padding: 1rem !important;
}

.product-name{
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.product-name > a{
    font-weight: 600;
    color: black !important;
}



/* BOUTON REMOVE */
.woocommerce-cart-form .product-remove .remove {
    font-size: 0; /* Masquer le × textuel */
}

.woocommerce-cart-form .product-remove .remove::before {
    font-family: 'lunettesdemarque' !important;
    content: '\e9a3';
    font-size: 1rem;
    font-weight: 500;
    color: #e10c0c;
    transition: color 0.3s ease;
}


/* ==========================================================================
   BOUTONS - STYLE DE BASE
   ========================================================================== */

/* Reset des boutons du panier */
.woocommerce-cart .woocommerce button,
.woocommerce-cart .woocommerce input[type="submit"],
.woocommerce-cart .woocommerce a.button,
.elementor-widget-woocommerce-cart button,
.elementor-widget-woocommerce-cart input[type="submit"],
.elementor-widget-woocommerce-cart a.button {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.875rem 1.5rem;
    font-size: 0.875rem;
    border-radius: 0;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* ==========================================================================
   BOUTONS SECONDAIRES
   - Mise à jour du panier
   - Appliquer le code promo
   ========================================================================== */

/* Bouton "Mettre à jour le panier" */
.woocommerce-cart button[name="update_cart"],
.elementor-widget-woocommerce-cart button[name="update_cart"] {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #000000 !important;
    border-radius: 99rem !important;
}

.woocommerce-cart button[name="update_cart"]:hover,
.elementor-widget-woocommerce-cart button[name="update_cart"]:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* Bouton "Appliquer le code promo" */
.woocommerce-cart button[name="apply_coupon"],
.elementor-widget-woocommerce-cart button[name="apply_coupon"],
.coupon button.button,
.e-apply-coupon {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #000000 !important;
    border-radius: 99rem !important;
}

.woocommerce-cart button[name="apply_coupon"]:hover,
.elementor-widget-woocommerce-cart button[name="apply_coupon"]:hover,
.coupon button.button:hover,
.e-apply-coupon:hover {
    background-color: #e6e6e6 !important;
    color: #000000 !important;
}

/* ==========================================================================
   BOUTON PRINCIPAL
   - Passer à la commande / Valider la commande
   ========================================================================== */

.woocommerce-cart .checkout-button,
.woocommerce-cart a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a,
.elementor-widget-woocommerce-cart .checkout-button,
.elementor-widget-woocommerce-cart a.checkout-button,
.e-checkout-button,
a.e-checkout-button {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #000000 !important;
    border-radius: 99rem !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

.woocommerce-cart .checkout-button:hover,
.woocommerce-cart a.checkout-button:hover,
.woocommerce-cart .wc-proceed-to-checkout a:hover,
.elementor-widget-woocommerce-cart .checkout-button:hover,
.elementor-widget-woocommerce-cart a.checkout-button:hover,
.e-checkout-button:hover,
a.e-checkout-button:hover {
    background-color: #3e3e3e !important;
    color: white !important;
}

/* ==========================================================================
   ÉTATS DÉSACTIVÉS
   ========================================================================== */

/* Bouton mise à jour désactivé (quand aucun changement) */
.woocommerce-cart button[name="update_cart"]:disabled,
.elementor-widget-woocommerce-cart button[name="update_cart"]:disabled {
    background-color: #f5f5f5 !important;
    border-radius: 99rem !important;
    color: #999999 !important;
    border-color: #cccccc !important;
    cursor: not-allowed;
    opacity: 0.7;
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

@media (max-width: 768px) {
    .woocommerce-cart .woocommerce button,
    .woocommerce-cart .woocommerce input[type="submit"],
    .woocommerce-cart .woocommerce a.button,
    .elementor-widget-woocommerce-cart button,
    .elementor-widget-woocommerce-cart input[type="submit"],
    .elementor-widget-woocommerce-cart a.button {
        padding: 0.75rem 1rem;
        font-size: 0.8125rem;
        width: 100%;
        text-align: center;
    }
}