/**
 * wcse-cart-blocks — v4.8.6
 * Override des couleurs sur les blocs Gutenberg WooCommerce (wp-block-woocommerce-cart /
 * -checkout) rendus sur fond CLAIR. Battre les CSS custom theme/Elementor qui mettent
 * les textes en blanc (prévus pour fond sombre) et qui rendent le panier illisible dès
 * que le conteneur Elementor met un fond blanc par-dessus.
 *
 * Spécificité : préfixe `html body` + `!important` pour passer devant les règles ciblées
 * `.wc-block-components-*{color:#fff!important}` qui existent déjà sur le site.
 *
 * Si tu veux conserver un panier sur fond sombre (texte blanc), désactive ce fichier
 * en ajoutant dans functions.php :
 *   add_action('wp_enqueue_scripts', fn() => wp_dequeue_style('wcse-cart-blocks'), 100);
 */

/* ============ LIGNES PRODUIT ============ */
html body .wc-block-cart .wc-block-components-product-name,
html body .wc-block-cart .wc-block-cart-item__wrap .wc-block-components-product-name,
html body .wc-block-mini-cart .wc-block-components-product-name {
    color: #1c1c1c !important;
}
html body .wc-block-cart .wc-block-components-product-metadata,
html body .wc-block-cart .wc-block-components-product-metadata__description,
html body .wc-block-cart .wc-block-cart-item__prices {
    color: #5b6470 !important;
}
html body .wc-block-cart .wc-block-components-product-price,
html body .wc-block-cart .wc-block-components-product-price__value,
html body .wc-block-cart .wc-block-cart-item__total .wc-block-components-product-price__value,
html body .wc-block-cart .wc-block-cart-item__total {
    color: #1c1c1c !important;
}
html body .wc-block-cart .wc-block-cart-item__quantity,
html body .wc-block-cart .wc-block-components-quantity-selector,
html body .wc-block-cart .wc-block-components-quantity-selector input,
html body .wc-block-cart .wc-block-components-quantity-selector button {
    color: #1c1c1c !important;
}
html body .wc-block-cart .wc-block-cart-item__remove-link {
    color: #5b6470 !important;
}

/* ============ TOTAUX (droite) ============ */
html body .wc-block-cart__sidebar,
html body .wc-block-cart__totals,
html body .wc-block-components-totals-wrapper,
html body .wc-block-components-totals-item,
html body .wc-block-components-totals-item__label,
html body .wc-block-components-totals-item__value,
html body .wc-block-components-totals-item__description {
    color: #1c1c1c !important;
}
html body .wc-block-components-totals-item__label {
    color: #5b6470 !important;
}
html body .wc-block-cart__totals-title {
    color: #5b6470 !important;
}
html body .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
html body .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    color: #1c1c1c !important;
}

/* ============ COUPON ============ */
html body .wc-block-components-totals-coupon,
html body .wc-block-components-totals-coupon__content,
html body .wc-block-components-totals-coupon-link,
html body .wc-block-components-totals-coupon__form input {
    color: #1c1c1c !important;
}

/* ============ CHECKOUT (labels, inputs, liens) ============ */
html body .wp-block-woocommerce-checkout,
html body .wp-block-woocommerce-checkout .wc-block-components-text-input label,
html body .wp-block-woocommerce-checkout .wc-block-components-checkout-step__title,
html body .wp-block-woocommerce-checkout .wc-block-components-checkout-step__description,
html body .wp-block-woocommerce-checkout .wc-block-components-form .wc-block-components-text-input input,
html body .wp-block-woocommerce-checkout .wc-block-components-form .wc-block-components-combobox input,
html body .wp-block-woocommerce-checkout .wc-block-components-form .wc-block-components-select .components-custom-select-control__button,
html body .wp-block-woocommerce-checkout .wc-block-components-order-summary,
html body .wp-block-woocommerce-checkout .wc-block-components-order-summary-item__description,
html body .wp-block-woocommerce-checkout .wc-block-components-radio-control__label {
    color: #1c1c1c !important;
}
html body .wp-block-woocommerce-checkout .wc-block-components-text-input input::placeholder {
    color: #a3a9b0 !important;
}

/* ============ LIENS internes au panier/checkout ============ */
html body .wp-block-woocommerce-cart a,
html body .wp-block-woocommerce-checkout a {
    color: #1c1c1c !important;
}
html body .wp-block-woocommerce-cart a:hover,
html body .wp-block-woocommerce-checkout a:hover {
    color: #ee5550 !important;
}

/* ============ Boutons principaux : laissés à l'accent du site (texte blanc) ============ */
html body .wp-block-woocommerce-cart .wc-block-cart__submit-button,
html body .wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button {
    color: #fff !important;
}

/* ============ v4.8.7 — RÈGLES SANS ANCRE RACINE ============
   Certains conteneurs (widget Elementor Pro Cart notamment) rendent les classes
   .wc-block-components-* SANS la racine .wc-block-cart. Pour couvrir ces cas, on
   répète les règles clés sans préfixe de racine, toujours avec `html body` pour
   battre les CSS inline du site. */
html body .wc-block-components-product-name,
html body a.wc-block-components-product-name {
    color: #1c1c1c !important;
}
html body .wc-block-components-product-metadata,
html body .wc-block-components-product-metadata__description,
html body .wc-block-cart-item__prices {
    color: #5b6470 !important;
}
html body .wc-block-components-product-price,
html body .wc-block-components-product-price__value,
html body .wc-block-cart-item__total,
html body .wc-block-cart-item__total .wc-block-components-product-price__value {
    color: #1c1c1c !important;
}
html body .wc-block-components-totals-item,
html body .wc-block-components-totals-item__value,
html body .wc-block-components-totals-footer-item,
html body .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
html body .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    color: #1c1c1c !important;
}
html body .wc-block-components-totals-item__label {
    color: #5b6470 !important;
}

/* ============ Widget Elementor Pro WooCommerce Cart ============
   Classes propres à Elementor Pro : .elementor-widget-woocommerce-cart */
html body .elementor-widget-woocommerce-cart .wc-block-components-product-name,
html body .elementor-widget-woocommerce-cart .wc-block-components-totals-item__value,
html body .elementor-widget-woocommerce-cart .wc-block-components-totals-item__label,
html body .elementor-widget-woocommerce-cart .wc-block-cart-item__total,
html body .elementor-widget-woocommerce-cart .wc-block-components-product-price__value {
    color: #1c1c1c !important;
}
html body .elementor-widget-woocommerce-cart .wc-block-components-totals-item__label {
    color: #5b6470 !important;
}