/*
Theme Name:   Astra Child — ZEVIX
Theme URI:    https://zevixgroup.fr
Description:  Thème enfant Astra pour le site e-commerce ZEVIX. Système de design (palette, polices locales, variables CSS) et durcissement de base. — Web Ranker
Author:       Web Ranker
Author URI:   https://webranker.fr
Template:     astra
Version:      1.0.0
Requires PHP: 8.1
Text Domain:  astra-child-zevix
*/

/* Les styles globaux sont dans assets/css/tokens.css (variables) et fonts.css (polices).
   Ce fichier ne contient que les surcharges propres au thème. */

/* Typographie de base : les variables sont appliquées au niveau du thème,
   Astra et Elementor doivent reprendre les MÊMES polices dans leurs réglages globaux. */
body { font-family: var(--zvx-font-body); color: var(--zvx-ink); }
h1, h2, h3, h4, h5, h6 { font-family: var(--zvx-font-head); letter-spacing: -0.015em; color: var(--zvx-navy-950); }

/* Boutons Astra / WooCommerce alignés sur la charte */
.ast-button, .button, .woocommerce a.button, .woocommerce button.button,
.woocommerce input.button, .woocommerce #respond input#submit,
.woocommerce a.button.alt, .woocommerce button.button.alt,
.wp-block-button__link {
  font-family: var(--zvx-font-head);
  font-weight: 600;
  border-radius: var(--zvx-radius-sm);
  transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}
.woocommerce a.button.alt, .woocommerce button.button.alt,
.woocommerce #payment #place_order, .single_add_to_cart_button {
  background-color: var(--zvx-blue);
  color: #fff;
}
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover,
.woocommerce #payment #place_order:hover, .single_add_to_cart_button:hover {
  background-color: var(--zvx-blue-dark);
  color: #fff;
}

/* Accessibilité : focus visible partout (exigence maquette) */
a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible {
  outline: 3px solid var(--zvx-blue);
  outline-offset: 2px;
}

/* Prix et badges WooCommerce */
.woocommerce .price, .woocommerce ul.products li.product .price {
  font-family: var(--zvx-font-head);
  color: var(--zvx-navy-950);
  font-weight: 700;
}
.woocommerce span.onsale {
  background: var(--zvx-red);
  font-family: var(--zvx-font-head);
  font-weight: 700;
  border-radius: 999px;
}

/* Grille catalogue : cartes cohérentes avec la maquette */
.woocommerce ul.products li.product {
  background: #fff;
  border: 1px solid var(--zvx-line);
  border-radius: var(--zvx-radius);
  overflow: hidden;
  transition: box-shadow .2s ease, border-color .2s ease;
}
.woocommerce ul.products li.product:hover {
  box-shadow: var(--zvx-shadow-md);
  border-color: #C6D4F2;
}

/* Réduction des animations pour les utilisateurs qui le demandent */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}