/*
 Theme Name:   Bois de Chauffage - Astra Child
 Description:  Theme enfant d'Astra pour la boutique de bois de chauffage
 Author:       Lukoil
 Template:     astra
 Version:      1.0.0
 Text Domain:  bois-chauffage
*/

/* ===== VARIABLES ===== */
:root {
    --bc-topbar-bg:   #111111;   /* barre du haut : sombre */
    --bc-header-bg:   #ffffff;   /* en-tete principal : clair */
    --bc-orange:      #4a7c3f;   /* VERT FORET — couleur principale */
    --bc-orange-dk:   #3a6230;   /* VERT FORET — survol (plus foncé) */
    --bc-orange-rgb:  74,124,63; /* VERT FORET en RGB (pour les rgba) */
    --bc-ink:         #1a1a1a;   /* texte fonce (menu sur fond clair) */
    --bc-on-dark:     #ffffff;
    --bc-on-dark-mut: rgba(255,255,255,.72);
}
/* ============================================================
   RANGEE 1 — BARRE DU HAUT (sombre, texte clair)
   ============================================================ */
.ast-above-header-wrap,
.ast-above-header.ast-above-header-bar,
.ast-header-break-point .ast-above-header-bar {
    background-color: var(--bc-topbar-bg) !important;
    font-size: 14px;
}
/* Liens de la barre du haut en blanc, survol orange */
.ast-above-header a { color: var(--bc-on-dark) !important; }
.ast-above-header a:hover,
.ast-above-header a:focus { color: var(--bc-orange) !important; }

/* Avis + telephone */
.ast-above-header .bc-reviews { color: var(--bc-on-dark-mut) !important; text-decoration: none; }
.ast-above-header .bc-reviews strong { color: var(--bc-orange) !important; }
.ast-above-header .bc-phone { color: var(--bc-on-dark) !important; font-weight: 600; text-decoration: none; }
.ast-above-header .bc-phone:hover { color: var(--bc-orange) !important; }

/* Icones compte + panier de la barre du haut → blanches */
.ast-above-header .ast-header-account-wrap svg path,
.ast-above-header .ast-header-account-wrap svg circle,
.ast-above-header .ast-site-header-cart .ast-icon-shopping-bag svg {
    fill: var(--bc-on-dark) !important;
}
/* Pastille panier → orange */
.ast-above-header .ast-site-header-cart i.astra-icon:after {
    background-color: var(--bc-orange) !important;
    color: #fff !important;
}

/* ============================================================
   RANGEE 2 — EN-TETE PRINCIPAL (clair, texte fonce)
   ============================================================ */
.ast-primary-header-bar,
.ast-primary-header-bar.main-header-bar {
    background-color: var(--bc-header-bg) !important;
}
/* Liens du menu principal : fonces, survol + actif en orange */
.ast-primary-header-bar .main-header-menu a { color: var(--bc-ink) !important; }
.ast-primary-header-bar .main-header-menu a:hover,
.ast-primary-header-bar .main-header-menu .current-menu-item > a {
    color: var(--bc-orange) !important;
}

/* ===== Masquer les avis sur mobile/tablette (< 922px) ===== */
@media (max-width: 921px) {
    .ast-header-html-1,
    .bc-reviews { display: none !important; }
}

/* ===== Panier + compte dans la barre du haut (sombre) ===== */
.ast-above-header .ast-site-header-cart .ast-woo-header-cart-info-wrap,
.ast-above-header .ast-site-header-cart .ast-cart-menu-wrap,
.ast-above-header .ast-site-header-cart a,
.ast-above-header .ast-addon-cart-wrap {
    color: var(--bc-on-dark) !important;
}

/* Icône panier (SVG sac) en blanc */
.ast-above-header .ast-site-header-cart .ast-icon-shopping-bag svg,
.ast-above-header .ast-site-header-cart i.astra-icon {
    fill: var(--bc-on-dark) !important;
    color: var(--bc-on-dark) !important;
}

/* Pastille du nombre d'articles → fond orange, chiffre blanc */
.ast-above-header .ast-site-header-cart i.astra-icon:after {
    background-color: var(--bc-orange) !important;
    color: #fff !important;
}

/* Bordure du panier "outline" → orange au lieu du bleu */
.ast-above-header .ast-menu-cart-outline .ast-cart-menu-wrap .count,
.ast-above-header .ast-menu-cart-outline .ast-addon-cart-wrap {
    border-color: var(--bc-orange) !important;
}

/* Icône Compte (SVG) en blanc */
.ast-above-header .ast-header-account-wrap svg path,
.ast-above-header .ast-header-account-wrap svg circle {
    fill: var(--bc-on-dark) !important;
}

/* ===== HÉROS (page d'accueil) ===== */
.home .wp-block-cover {
    min-height: 420px !important;
    align-items: center;
}
.home .wp-block-cover .wp-block-cover__inner-container {
    text-align: center;
    max-width: 760px;
}
.home .wp-block-cover h1,
.home .wp-block-cover h2 {
    color: #ffffff !important;
    font-size: clamp(28px, 5vw, 52px);
    line-height: 1.15;
    margin-bottom: 14px;
}
.home .wp-block-cover p:not(.wp-block-button__link) {
    color: rgba(255,255,255,.9);
    font-size: clamp(16px, 2.2vw, 20px);
    margin-bottom: 26px;
}
.home .wp-block-cover .wp-block-button__link {
    background-color: var(--bc-orange) !important;
    border-color: var(--bc-orange) !important;
    color: #fff !important;
    border-radius: 6px;
    padding: 14px 34px;
    font-weight: 600;
    font-size: 17px;
}
.home .wp-block-cover .wp-block-button__link:hover {
    background-color: var(--bc-orange-dk) !important;
    border-color: var(--bc-orange-dk) !important;
}

/* ===== TUILES DE CATÉGORIES (page d'accueil) ===== */
.home .wc-block-product-categories {
    margin: 48px auto;
    max-width: 1200px;
}
.home .wc-block-product-categories ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    list-style: none;
    padding: 0;
}
@media (max-width: 768px) {
    .home .wc-block-product-categories ul {
        grid-template-columns: 1fr;
    }
}
.home .wc-block-product-categories li {
    text-align: center;
    border: 1px solid #eee;
    border-radius: 10px;
    overflow: hidden;
    transition: box-shadow .2s, transform .2s;
}
.home .wc-block-product-categories li:hover {
    box-shadow: 0 8px 22px rgba(0,0,0,.10);
    transform: translateY(-3px);
}
.home .wc-block-product-categories li img {
    width: 100%;
    height: auto;
    display: block;
}
.home .wc-block-product-categories li a {
    display: block;
    padding: 16px 10px;
    font-weight: 600;
    color: var(--bc-ink);
    font-size: 18px;
}
.home .wc-block-product-categories li a:hover {
    color: var(--bc-orange);
}

/* ===== Produits WooCommerce sur la page d'accueil ===== */
.home .woocommerce ul.products li.product .button,
.home .woocommerce ul.products li.product .added_to_cart {
    background-color: var(--bc-orange) !important;
    border-color: var(--bc-orange) !important;
    color: #fff !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
}
.home .woocommerce ul.products li.product .button:hover {
    background-color: var(--bc-orange-dk) !important;
}
.home .woocommerce ul.products li.product .price {
    color: var(--bc-ink) !important;
    font-weight: 700;
}
.home .woocommerce ul.products li.product {
    border: 1px solid #ececec;
    border-radius: 12px;
    padding: 14px !important;
    transition: box-shadow .2s, transform .2s;
}
.home .woocommerce ul.products li.product:hover {
    box-shadow: 0 10px 26px rgba(0,0,0,.1);
    transform: translateY(-4px);
}

/* ===== Produits WooCommerce sur la page d'accueil ===== */
.home .woocommerce ul.products li.product .button,
.home .woocommerce ul.products li.product .added_to_cart {
    background-color: var(--bc-orange) !important;
    border-color: var(--bc-orange) !important;
    color: #fff !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
}
.home .woocommerce ul.products li.product .button:hover {
    background-color: var(--bc-orange-dk) !important;
}
.home .woocommerce ul.products li.product .price {
    color: var(--bc-ink) !important;
    font-weight: 700;
}
.home .woocommerce ul.products li.product {
    border: 1px solid #ececec;
    border-radius: 12px;
    padding: 14px !important;
    transition: box-shadow .2s, transform .2s;
}
.home .woocommerce ul.products li.product:hover {
    box-shadow: 0 10px 26px rgba(0,0,0,.1);
    transform: translateY(-4px);
}

/* ===== FOOTER sombre + orange ===== */
.site-footer,
.ast-hfb-footer-content,
.footer-sml-layout,
.site-primary-footer-wrap,
.site-below-footer-wrap {
    background-color: #33302c !important;
    color: var(--bc-on-dark-mut) !important;
}
.site-footer a { color: var(--bc-on-dark) !important; }
.site-footer a:hover { color: var(--bc-orange) !important; }
.site-footer .widget-title,
.site-footer h2, .site-footer h3 { color: #fff !important; }

.lk-foot-id{color:rgba(255,255,255,.72);line-height:1.7}
.lk-foot-id p{margin:0 0 8px}
.lk-foot-id a{color:#fff;text-decoration:none}
.lk-foot-id a:hover{color:var(--bc-orange)}

/* ===== FOOTER personnalisé ===== */
.lk-footer{
    background: #33302c;
    color:rgba(255,255,255,.72);
    font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
    width:100vw;position:relative;left:50%;right:50%;
    margin-left:-50vw;margin-right:-50vw;
    padding:50px 20px 30px;box-sizing:border-box;
}
.lk-footer-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px}
.lk-footer h4{color:#fff;font-size:16px;margin:0 0 16px;font-weight:700}
.lk-footer p{margin:0 0 10px;font-size:14px;line-height:1.7}
.lk-footer a{color:rgba(255,255,255,.85);text-decoration:none;font-size:14px}
.lk-footer a:hover{color:var(--bc-orange)}
.lk-footer ul{list-style:none;padding:0;margin:0}
.lk-footer li{margin-bottom:10px}
.lk-foot-logo{max-width:170px;height:auto;margin-bottom:14px;display:block}
.lk-foot-tag{color:#fff;font-weight:600}
.lk-foot-legal{font-size:13px;color:rgba(255,255,255,.5);margin-top:14px}
.lk-footer-bottom{max-width:1180px;margin:30px auto 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);font-size:13px;color:rgba(255,255,255,.55);text-align:center}
.lk-footer-bottom a{color:rgba(255,255,255,.7)}
@media(max-width:880px){.lk-footer-inner{grid-template-columns:1fr 1fr;gap:26px}}
@media(max-width:480px){.lk-footer-inner{grid-template-columns:1fr}}

/* ============================================================
   BOUTONS WOOCOMMERCE — orange sur TOUT le site
   ============================================================ */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce .single_add_to_cart_button,
.woocommerce .wc-proceed-to-checkout .checkout-button,
.woocommerce #place_order,
.woocommerce .added_to_cart {
    background-color: var(--bc-orange) !important;
    border-color: var(--bc-orange) !important;
    color: #fff !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .single_add_to_cart_button:hover,
.woocommerce .wc-proceed-to-checkout .checkout-button:hover,
.woocommerce #place_order:hover {
    background-color: var(--bc-orange-dk) !important;
    border-color: var(--bc-orange-dk) !important;
    color: #fff !important;
}

/* ============================================================
   BOUTONS des BLOCS Panier & Checkout (WooCommerce 8+)
   ============================================================ */
.wc-block-cart__submit-button,
.wc-block-components-button,
.wc-block-components-checkout-place-order-button,
.wp-block-woocommerce-cart .wc-block-cart__submit-button,
.wc-block-cart .wc-block-components-button,
.wc-block-checkout__actions_row .wc-block-components-button,
a.wc-block-components-button,
button.wc-block-components-button {
    background-color: var(--bc-orange) !important;
    border-color: var(--bc-orange) !important;
    color: #fff !important;
    border-radius: 6px !important;
}
.wc-block-components-button:hover,
.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover {
    background-color: var(--bc-orange-dk) !important;
    border-color: var(--bc-orange-dk) !important;
}

/* Le texte interne du bouton bloc (parfois dans un <span>) */
.wc-block-components-button .wc-block-components-button__text {
    color: #fff !important;
}

/* Liens d'accent dans les blocs (ex: "Modifier", totaux) */
.wc-block-components-totals-coupon a,
.wc-block-cart__sidebar a {
    color: var(--bc-orange) !important;
}

/* Prix, promo et liens d'accent WooCommerce → cohérents */
.woocommerce span.onsale {
    background-color: var(--bc-orange) !important;
}
.woocommerce .star-rating span:before,
.woocommerce .star-rating::before {
    color: var(--bc-orange) !important;
}

/* MAQUETTE — compteur de visiteurs fiche produit */
.lk-viewers{
    display:flex;align-items:center;gap:8px;
    background:#faf0e6;border:1px solid #f3d9bf;
    color:#8a4b12; 
    padding:9px 14px;margin:14px 0;font-size:14px;font-weight:500;
}
.lk-viewers-dot{
    width:9px;height:9px;border-radius:50%;
    background:var(--bc-orange);   /* au lieu de #e8730c */
    flex:0 0 auto;
    animation:lkPulse 1.4s infinite;
}
@keyframes lkPulse{
    0%  { box-shadow:0 0 0 0   rgba(var(--bc-orange-rgb),.5) }
    70% { box-shadow:0 0 0 7px rgba(var(--bc-orange-rgb),0)  }
    100%{ box-shadow:0 0 0 0   rgba(var(--bc-orange-rgb),0)  }
}

/* Récap virement après commande */
.lk-vir{max-width:560px;border:1px solid #e6ddd2;border-radius:16px;overflow:hidden;margin:20px 0;font-family:inherit}
.lk-vir-head{background:#1a1a1a;color:#fff;font-weight:700;font-size:18px;padding:16px 22px}
.lk-vir-body{padding:18px 22px}
.lk-vir-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0ece5}
.lk-vir-row span{color:#8a8175;font-size:14px}
.lk-vir-row b{color:#1a1a1a;font-size:16px}
.lk-vir-comm{margin-top:16px;background:#faf0e6;border:2px dashed var(--bc-orange);border-radius:10px;padding:14px 18px}
.lk-vir-comm span{display:block;color:var(--bc-orange);font-weight:700;font-size:13px;margin-bottom:4px}
.lk-vir-comm strong{display:inline-block;color:var(--bc-orange);font-size:24px;font-weight:800;letter-spacing:2px}
.lk-vir-comm em{display:block;color:#9a8a78;font-size:13px;font-style:normal;margin-top:2px}
.lk-vir-foot{background:#faf7f2;color:#6b6b6b;font-size:14px;padding:14px 22px;border-top:1px solid #f0ece5}

/* ===== Suivi de commande ===== */
.woocommerce form.track_order{
    max-width:560px;margin:0 auto;
    background:#fff;border:1px solid #ececec;border-radius:16px;padding:30px;
}
.woocommerce form.track_order p{margin:0 0 16px}
.woocommerce form.track_order label{display:block;font-weight:600;color:#444;margin-bottom:6px;font-size:14px}
.woocommerce form.track_order input[type="text"],
.woocommerce form.track_order input[type="email"]{
    width:100%;padding:12px 14px;border:1px solid #d8d2c8;border-radius:8px;
    font-size:15px;box-sizing:border-box;
}
.woocommerce form.track_order input:focus{border-color:var(--bc-orange);outline:none}
.woocommerce form.track_order button{
    background:var(--bc-orange) !important;border-color:var(--bc-orange) !important;
    color:#fff !important;border-radius:8px !important;font-weight:700 !important;
    padding:13px 30px !important;width:100%;
}
.woocommerce form.track_order button:hover{
    background:var(--bc-orange-dk) !important;border-color:var(--bc-orange-dk) !important;
}

/* ============================================================
   CHECKOUT — centrage + colonnes équilibrées
   ============================================================ */

/* CHECKOUT — correction mobile uniquement */
/* CHECKOUT — correction mobile uniquement */
@media (max-width:880px){
    .wc-block-checkout{ display:block !important; }
    .wc-block-checkout__main,
    .wc-block-checkout__sidebar{
        width:100% !important; max-width:100% !important;
        float:none !important; margin:0 0 24px !important;
    }
    /* Centrer le conteneur du checkout avec marges égales */
    .wc-block-checkout,
    .wp-block-woocommerce-checkout{
        width:100% !important;
        max-width:100% !important;
        margin-left:auto !important;
        margin-right:auto !important;
        padding-left:5px !important;
        padding-right:5px !important;
        box-sizing:border-box !important;
    }
}