/* =====================================================================
   Aquazen — habillage CSS du tunnel WooCommerce (01/09/2026).

   Portée : body.single-product, body.woocommerce-cart,
   body.woocommerce-checkout, body.woocommerce-order-received.
   CSS seul : aucun gabarit, aucun script de mutation du panier, aucune
   logique de paiement n'est touché ici.

   Constat avant d'écrire une ligne : les polices, les couleurs de texte
   et le bouton principal (#1E6F90 / #FBFDFE, Fraunces/Inter) héritent
   déjà correctement des réglages globaux Kadence corrigés le 20/08 et
   le 01/09 (theme_mods_kadence, jamais cantonnés à .az-page). L'écart
   réel avec le canon est plus étroit qu'estimé au cadrage : un bandeau
   décoratif vide à masquer, et un habillage « carte » pour le panier,
   le récapitulatif et la commande, qui utilisent aujourd'hui la mise
   en page brute des WooCommerce Blocks.

   Les classes de bloc (wp-block-woocommerce-*) sont les classes stables
   documentées par WooCommerce, pas des noms internes fragiles.
   ===================================================================== */

/* --- Le bandeau de titre Kadence est vide sur ces gabarits : aucun
   texte n'y est jamais rendu (page-hero-section sans h1), juste un
   aplat de couleur qui prend de la place pour rien. ------------------ */
body.single-product .entry-hero.page-hero-section,
body.woocommerce-cart .entry-hero.page-hero-section,
body.woocommerce-checkout .entry-hero.page-hero-section,
body.woocommerce-order-received .entry-hero.page-hero-section {
  display: none;
}

/* --- Le panier : la ligne de produit et le récapitulatif prennent le
   traitement carte du canon (fond clair, rayon, respiration). -------- */
body.woocommerce-cart .wp-block-woocommerce-cart-line-items-block,
body.woocommerce-cart .wp-block-woocommerce-cart-order-summary-block,
body.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block,
body.woocommerce-checkout .wp-block-woocommerce-checkout-fields-block {
  /* !important sur le fond : WooCommerce Blocks imprime son propre style
     (background-color) après cette feuille et gagne sinon la cascade,
     alors que le rayon et le remplissage passent déjà sans lui — mesuré
     le 01/09/2026, .wc-block-cart-items restait transparent malgré la
     règle. */
  background: var(--surface-carte) !important;
  color: var(--surface-carte-texte);
  border-radius: var(--rayon-parcours);
  padding: var(--espace-5);
}

body.woocommerce-cart .wc-block-cart-items,
body.woocommerce-checkout .wc-block-components-order-summary-item {
  border-bottom: 1px solid var(--bordure-filet);
}

/* --- Le bouton « Passer commande » / « Payer » hérite déjà de la
   couleur d'accent (corrigée le 01/09) : on ajoute seulement le rayon
   et la hauteur minimale du canon, cohérents avec .az-bouton. -------- */
body.woocommerce-cart .wc-block-cart__submit-button,
body.woocommerce-checkout .wc-block-components-checkout-place-order-button {
  border-radius: var(--rayon-controle) !important;
  min-height: 48px;
  font-weight: 500;
}

/* --- Le total et les lignes de prix : encre du corps, jamais l'encre
   de titre — un prix n'est pas un titre, il ne prend pas la voix de
   la marque (même principe que .az-prix sur les pages éditoriales). -- */
body.woocommerce-cart .wc-block-components-totals-item__value,
body.woocommerce-checkout .wc-block-components-totals-item__value,
body.woocommerce-order-received .woocommerce-Price-amount {
  font-family: var(--typo-corps);
  color: var(--texte-titre);
  font-weight: 500;
}

/* --- La confirmation : les tableaux de récapitulatif et l'adresse de
   facturation prennent le même traitement carte. --------------------- */
body.woocommerce-order-received .woocommerce-order-details,
body.woocommerce-order-received .woocommerce-customer-details,
body.woocommerce-order-received address {
  background: var(--surface-carte);
  border-radius: var(--rayon-parcours);
  padding: var(--espace-5);
  border: 1px solid var(--bordure-filet);
}

/* --- La fiche produit : le prix suit la même règle que partout
   ailleurs sur le site (Inter, pas Fraunces), et la carte "à emporter
   avec" — si elle existe un jour sur ce gabarit — respire comme les
   autres cartes de curation du canon. --------------------------------- */
body.single-product p.price,
body.single-product .woocommerce-Price-amount {
  font-family: var(--typo-corps);
  color: var(--texte-titre);
  font-weight: 500;
}

body.single-product .related.products {
  margin-top: var(--espace-8);
}

body.single-product .related.products > h2 {
  font-family: var(--typo-titre);
  font-weight: 500;
}

/* --- Coupon et notes de commande : bordure discrète du canon plutôt
   que la bordure grise par défaut de WooCommerce. --------------------- */
body.woocommerce-cart .wc-block-components-panel,
body.woocommerce-checkout .wc-block-components-panel {
  border-color: var(--bordure-filet);
}
