/*
Theme Name: Alto Gusto
Theme URI: https://altogusto.be
Description: Thème enfant de Twenty Twenty-Five pour Alto Gusto (Murena Partners SRL). Isole tout le code personnalisé — functions.php, templates de pages, assets — des mises à jour du thème parent.
Author: Alto Gusto — Murena Partners SRL
Template: twentytwentyfive
Version: 1.4.1
Requires at least: 6.7
Requires PHP: 7.4
Text Domain: altogusto
*/

/*
 * Jetons de marque partagés — BrandID v3.
 * Disponibles sur toutes les pages qui chargent cette feuille de style.
 * Les templates autonomes (front-page, page-shop, notre-histoire)
 * redéclarent ces variables en inline pour rester fonctionnels sans
 * dépendance externe : c'est voulu.
 */
:root {
	--ag-cream: #F7F3EE;
	--ag-cream-dk: #EDE7DE;
	--ag-rule: #E2D9CE;
	--ag-amarone: #581018;
	--ag-amarone-dk: #3E0B11;
	--ag-moss: #606C38;
	--ag-moss-lt: #9CAA6E;
	--ag-charcoal: #2A2A2A;
	--ag-stone: #7A6A5A;
	--ag-ink: #0C0E0C;
}

/* ====================================================================
   WooCommerce — Panier · Commande · Confirmation (blocs Gutenberg)
   Habillage aux couleurs Alto Gusto. Les pages sur-mesure (accueil,
   sélection, histoire) n'utilisent aucune de ces classes : zéro impact.
   ==================================================================== */

/* ── Fond crème sur les pages boutique WooCommerce ── */
body.woocommerce-cart,
body.woocommerce-checkout,
body.woocommerce-order-received {
	background-color: var(--ag-cream) !important;
}

/* ── Titre de page (Panier / Commander / Confirmation) ── */
body.woocommerce-cart h1.wp-block-post-title,
body.woocommerce-checkout h1.wp-block-post-title,
body.woocommerce-order-received h1.wp-block-post-title {
	font-family: 'Cormorant Garamond', serif;
	font-weight: 500;
	letter-spacing: -0.5px;
	color: var(--ag-charcoal);
}

/* ── Titres de sections du checkout (Coordonnées, Livraison, Paiement) ── */
.wc-block-components-checkout-step__title {
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: var(--ag-charcoal);
}
.wc-block-components-title {
	font-family: 'Cormorant Garamond', serif !important;
	font-weight: 500 !important;
	color: var(--ag-charcoal);
}

/* ── Corps de texte des blocs ── */
.wp-block-woocommerce-checkout,
.wp-block-woocommerce-cart,
.wc-block-components-order-summary,
.wc-block-components-totals-wrapper {
	font-family: 'Montserrat', sans-serif;
}

/* ── Champs de formulaire — angles droits, focus Amarone ── */
.wc-block-components-text-input input,
.wc-block-components-form .wc-block-components-text-input input,
.wc-block-components-combobox input,
.wc-block-components-select select {
	border-radius: 0 !important;
	background: #fff;
	font-family: 'Montserrat', sans-serif;
}
.wc-block-components-text-input input:focus,
.wc-block-components-combobox input:focus,
.wc-block-components-select select:focus {
	border-color: var(--ag-amarone) !important;
	box-shadow: 0 0 0 1px var(--ag-amarone) !important;
}

/* ── Cases à cocher / boutons radio aux couleurs de la marque ── */
body.woocommerce-checkout input[type="checkbox"],
body.woocommerce-checkout input[type="radio"],
body.woocommerce-cart input[type="checkbox"] {
	accent-color: var(--ag-amarone);
}

/* ── Boutons principaux (Commander, Procéder au paiement, Retour) ── */
.wc-block-components-button:not(.is-link) {
	background: var(--ag-amarone) !important;
	color: var(--ag-cream) !important;
	border: none !important;
	border-radius: 0 !important;
	font-family: 'Montserrat', sans-serif !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	letter-spacing: 2.5px;
	text-transform: uppercase;
	padding: 16px 24px;
	transition: background 0.2s;
}
.wc-block-components-button:not(.is-link):hover,
.wc-block-components-button:not(.is-link):focus {
	background: var(--ag-amarone-dk) !important;
	color: var(--ag-cream) !important;
}

/* ── Liens secondaires (Retour au panier, codes promo…) ── */
.wc-block-components-checkout-return-to-cart-button,
.wc-block-components-totals-coupon-link {
	color: var(--ag-amarone);
}

/* ── Total final en Cormorant, comme sur la boutique ── */
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
	font-family: 'Cormorant Garamond', serif;
	font-size: 26px;
	font-weight: 500;
	color: var(--ag-charcoal);
}

/* ── Messages de confirmation / erreurs ── */
.wc-block-components-notice-banner.is-success {
	border-color: var(--ag-moss);
}
.wc-block-components-notice-banner.is-error {
	border-color: var(--ag-amarone);
}

/* ── Boutons du checkout CLASSIQUE & page « Payer la commande »
   (order-pay) ─────────────────────────────────────────────────
   Ces pages utilisent le formulaire classique, non couvert par les
   classes .wc-block-* ci-dessus. Vu après un paiement échoué : le
   bouton « Payer la commande » restait noir. */
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order,
.woocommerce button.button.alt,
.woocommerce a.button.alt,
.woocommerce-page button.button.alt {
	background: var(--ag-amarone) !important;
	color: var(--ag-cream) !important;
	border: none !important;
	border-radius: 0 !important;
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 600 !important;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	transition: background 0.2s;
}
.woocommerce #payment #place_order:hover,
.woocommerce button.button.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce-page button.button.alt:hover {
	background: var(--ag-amarone-dk) !important;
	color: var(--ag-cream) !important;
}

/* Liens dans les tableaux de commande (nom du produit, etc.) */
.woocommerce-order-details a,
.woocommerce-table a {
	color: var(--ag-amarone);
}