/*
Theme Name:   Paléoh
Theme URI:    https://example.com
Description:  Habillage de la boutique Paléoh. Thème enfant de Blocksy : les mises à jour de Blocksy n'effacent jamais ce fichier.
Author:       Paléoh
Template:     blocksy
Version:      1.0.0
Text Domain:  paleoh
*/

/* ===========================================================================
   COULEURS DU SITE

   Pour changer l'ambiance du site, il suffit de modifier les codes couleur
   ci-dessous. Un code couleur s'écrit #RRVVBB — on en trouve facilement sur
   un site comme coolors.co.

   ⚠ La plupart des réglages (logo, polices, largeur, en-tête, pied de page)
   se font SANS toucher à ce fichier, depuis :
       Apparence ▸ Personnaliser
   =========================================================================== */

:root {
    --paleoh-bois:      #8b5a2b;   /* brun chêne — couleur principale, boutons */
    --paleoh-bois-fonce:#6d4520;   /* survol des boutons */
    --paleoh-laiton:    #c9a227;   /* doré laiton — accents, promotions */
    --paleoh-encre:     #2b2b2b;   /* texte courant */
    --paleoh-papier:    #faf7f2;   /* fond de page, blanc cassé */
    --paleoh-trait:     #e6ddd0;   /* traits de séparation */
}


/* ===========================================================================
   MISE EN FORME GÉNÉRALE
   =========================================================================== */

body {
    background-color: var(--paleoh-papier);
    color: var(--paleoh-encre);
}


/* ===========================================================================
   BOUTONS (« Ajouter au panier », « Commander »…)
   =========================================================================== */

.woocommerce a.button,
.woocommerce button.button,
.woocommerce .button.alt,
.wc-block-components-button {
    background-color: var(--paleoh-bois);
    border-radius: 4px;
    letter-spacing: 0.02em;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce .button.alt:hover,
.wc-block-components-button:hover {
    background-color: var(--paleoh-bois-fonce);
}


/* ===========================================================================
   FICHES PRODUIT ET LISTE DES PRODUITS
   =========================================================================== */

/* Le prix, bien lisible */
.woocommerce div.product p.price,
.woocommerce ul.products li.product .price {
    color: var(--paleoh-encre);
    font-weight: 600;
}

/* Pastille « Promo » en doré plutôt qu'en rouge */
.woocommerce span.onsale {
    background-color: var(--paleoh-laiton);
    color: #fff;
}

/* Petit délai de fabrication affiché sous le bouton (voir functions.php) */
.paleoh-delai {
    margin-top: 12px;
    font-size: 0.9em;
    color: #6b6b6b;
    border-left: 3px solid var(--paleoh-laiton);
    padding-left: 10px;
}

/* Mention « rupture de stock », discrète mais claire */
.woocommerce .stock.out-of-stock {
    color: #a33;
    font-weight: 600;
}
.woocommerce .stock.in-stock {
    color: #3a7d44;
}

/* Les photos de produits gardent une forme régulière dans la grille */
.woocommerce ul.products li.product img {
    border-radius: 6px;
}


/* ===========================================================================
   TUNNEL DE COMMANDE
   =========================================================================== */

.woocommerce-checkout .woocommerce-info,
.woocommerce-cart .woocommerce-info {
    border-top-color: var(--paleoh-bois);
}

/* Encadré du récapitulatif de commande */
.woocommerce-checkout-review-order,
.cart_totals {
    background: #fff;
    border: 1px solid var(--paleoh-trait);
    border-radius: 6px;
    padding: 20px;
}


/* ===========================================================================
   VOS AJOUTS PERSONNELS
   Écrire ici toute règle supplémentaire, à la suite.
   =========================================================================== */