/*
Theme Name:   L'Emporté — Astra enfant
Theme URI:    https://lemporte.ca
Description:  Thème enfant d'Astra pour L'Emporté, Traiteur & Prêt-à-manger (Disraeli). Inclut le modèle de page « Accueil L'Emporté » et l'intégration WooCommerce (menu de la semaine / menu régulier).
Author:       Tommy Gauthier Informatique
Template:     astra
Version:      1.1.1
Requires PHP: 7.4
Text Domain:  lemporte
*/

/* ==========================================================================
   Styles globaux (tout le site, pages Astra/WooCommerce comprises)
   La page d'accueil a sa propre feuille : assets/css/accueil.css
   ========================================================================== */

:root {
	--le-green-deep: #2B3620;
	--le-green: #40522F;
	--le-green-soft: #6C7C52;
	--le-cream: #F6F1E4;
	--le-cream-card: #FBF8EF;
	--le-gold: #B4863A;
	--le-ink: #2A2A22;
	--le-ink-soft: #565046;

	/* Palette globale Astra alignée sur la marque */
	--ast-global-color-0: #2B3620; /* couleur principale / boutons */
	--ast-global-color-1: #40522F; /* survol */
	--ast-global-color-2: #2A2A22; /* titres */
	--ast-global-color-3: #565046; /* texte */
	--ast-global-color-4: #F6F1E4; /* fond */
	--ast-global-color-5: #FBF8EF; /* fond secondaire */
	--ast-global-color-6: #B4863A; /* accent or */
	--ast-global-color-7: #E7E0CE;
	--ast-global-color-8: #1C2216;
}

body {
	font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	color: var(--le-ink);
	background-color: var(--le-cream);
}

h1, h2, h3, h4, h5, h6,
.entry-title,
.site-title,
.woocommerce-loop-product__title,
.product_title {
	font-family: "Fraunces", Georgia, serif;
	font-weight: 500;
	letter-spacing: -0.01em;
}

.site-title a { font-style: italic; }

/* Boutons WooCommerce / Astra */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.wp-block-button__link,
.ast-button,
button, input[type="submit"] {
	border-radius: 3px;
	font-weight: 600;
}

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
	font-family: "Fraunces", Georgia, serif;
	color: var(--le-green-deep);
}

.woocommerce span.onsale {
	background-color: var(--le-gold);
}