/* ===================================================================
   Reskin global — identité GraV'PRO appliquée à tout le site Storefront
   (boutique, fiches produit, panier, compte client, pages, articles).
   Les variables --gp-* sont définies ici une seule fois et réutilisées
   par homepage-content.css et plaque-configurateur.css.
   =================================================================== */

:root{
  --gp-ink:#242120;
  --gp-paper:#FCE7E0;
  --gp-paper-soft:#FEF3EF;
  --gp-line:#EAC9B9;
  --gp-foundry:#151515;
  --gp-foundry-line:#333333;
  --gp-foundry-text:#F2EFE9;
  --gp-brass:#E45403;
  --gp-brass-dark:#B84200;
  --gp-muted:#6E6656;
}

body{
  font-family:"IBM Plex Sans", sans-serif;
  color:var(--gp-ink);
  background-color:var(--gp-paper);
}
h1,h2,h3,h4,h5,h6{
  font-family:"Cinzel", serif;
  font-weight:600;
  color:var(--gp-ink);
}
a{ color:var(--gp-brass-dark); }
a:hover{ color:var(--gp-brass); }

/* En-tête du site */
.site-header{
  background-color:var(--gp-paper);
  border-bottom:1px solid var(--gp-line);
}
.site-header .site-branding a,
.site-title a,
.site-title{
  font-family:"Cinzel", serif;
  color:var(--gp-ink);
  text-decoration:none;
}
.main-navigation ul li a{
  color:var(--gp-ink);
  font-family:"IBM Plex Sans", sans-serif;
}
.main-navigation ul li a:hover{ color:var(--gp-brass-dark); }

/* Boutons — thème et WooCommerce */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
a.button.alt,
button.button.alt,
.wp-block-button__link{
  background-color:var(--gp-brass-dark) !important;
  color:#fff !important;
  border-radius:2px !important;
  font-family:"IBM Plex Sans", sans-serif !important;
  border:none !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
a.button.alt:hover,
.wp-block-button__link:hover{
  background-color:var(--gp-brass) !important;
  color:#fff !important;
}

/* Prix WooCommerce */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price{
  color:var(--gp-brass-dark);
}

/* Pied de page */
.site-footer{
  background-color:var(--gp-foundry) !important;
  color:var(--gp-foundry-text) !important;
}
.site-footer a{ color:var(--gp-foundry-text) !important; }
.site-footer a:hover{ color:var(--gp-brass) !important; }
.site-footer .widget-title{ font-family:"Cinzel", serif; }