/* ==========================================================================
   KAGERER ANHÄNGER — Panier / Checkout (WooCommerce Blocks natifs)
   ==========================================================================
   Phase 8. Le panier (/cart/) et la commande (/checkout/) utilisent les
   blocs WooCommerce natifs (woocommerce/cart, woocommerce/checkout,
   rendus côté client par le cœur WooCommerce — CSS `wc-blocks-style-*`
   déjà enqueue nativement, NON désactivée par le filtre
   `woocommerce_enqueue_styles` de inc/woocommerce.php qui ne vise que
   l'ancienne CSS frontend classique de WooCommerce).

   Ce fichier ne réécrit PAS la mise en page WooCommerce Blocks (grille,
   totaux, formulaire d'adresse, sélecteurs de quantité, etc.) : uniquement
   des ajustements ciblés pour aligner les deux boutons d'action principaux
   (« Weiter zur Kasse » / « Zahlungspflichtig bestellen ») sur le design
   system du thème (mêmes tokens que .btn/.btn--primary de components.css),
   et harmoniser la largeur avec le reste du site (.container).

   Classes ciblées confirmées dans le bundle JS officiel WooCommerce Blocks
   (wp-content/plugins/woocommerce/assets/client/blocks) :
   - .wc-block-cart__submit-button              → CTA « Weiter zur Kasse »
   - .wc-block-components-checkout-place-order-button → CTA final checkout
   Volontairement PAS de règle sur `.wc-block-components-button` générique
   (boutons +/- quantité, lien Entfernen, bouton coupon) pour rester léger
   et ne pas s'écarter du comportement natif WooCommerce.
   ========================================================================== */

/* --------------------------------------------------------------------------
   CTA principaux : « Weiter zur Kasse » (panier) et « Bestellung aufgeben »
   (checkout) — accent achat Phase 16 du design system.
   -------------------------------------------------------------------------- */

.wp-block-woocommerce-cart .wc-block-cart__submit-button,
.wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button {
  background-color: var(--color-accent);
  border-color: var(--color-accent);
  color: var(--color-secondary-dark);
  border-radius: var(--radius-md);
  font-family: inherit;
  font-weight: var(--font-weight-semibold);
  transition: background-color var(--transition-fast), border-color var(--transition-fast);
}

.wp-block-woocommerce-cart .wc-block-cart__submit-button:hover,
.wp-block-woocommerce-cart .wc-block-cart__submit-button:focus,
.wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button:hover,
.wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button:focus {
  background-color: var(--color-accent-dark);
  border-color: var(--color-accent-dark);
  color: var(--color-text-inverse);
}

/* --------------------------------------------------------------------------
   Typographie générale : hériter la police système du thème plutôt que la
   police par défaut des blocs WooCommerce (cohérence visuelle uniquement,
   aucune donnée/texte fonctionnel modifié).
   -------------------------------------------------------------------------- */

.wp-block-woocommerce-cart,
.wp-block-woocommerce-checkout {
  font-family: var(--font-sans);
  color: var(--color-text);
}

.wp-block-woocommerce-cart .wc-block-cart__main,
.wp-block-woocommerce-cart .wc-block-cart__sidebar,
.wp-block-woocommerce-checkout .wc-block-checkout__main,
.wp-block-woocommerce-checkout .wc-block-checkout__sidebar {
  padding: var(--space-5);
  background-color: var(--color-surface);
  border: var(--border-width) solid var(--color-border);
  border-radius: var(--radius-lg);
}

/* --------------------------------------------------------------------------
   Icône panier vide + séparateur : réutiliser la couleur de bordure du
   design system au lieu du gris par défaut des blocs.
   -------------------------------------------------------------------------- */

.wp-block-woocommerce-cart .wc-block-cart__empty-cart__title {
  color: var(--color-secondary);
}

.wp-block-woocommerce-cart hr.wp-block-separator {
  border-color: var(--color-border);
}

/* Focus clavier cohérent avec le design system sur les contrôles critiques
   dont le style WooCommerce Blocks natif est plus spécifique. */
.wp-block-woocommerce-cart .wc-block-components-quantity-selector__button:focus-visible,
.wp-block-woocommerce-cart .wc-block-components-quantity-selector__input:focus-visible,
.wp-block-woocommerce-cart .wc-block-cart__submit-button:focus-visible,
.wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button:focus-visible,
.wp-block-woocommerce-checkout .wc-block-components-radio-control__input:focus-visible,
.wp-block-woocommerce-checkout input[type="radio"]:focus-visible {
  outline: 3px solid var(--color-focus-ring);
  outline-offset: 2px;
  box-shadow: none;
}