@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//abita-boischauffage.fr/wp-content/themes/woodmart/fonts/woodmart-font-3-400.woff2?v=8.0.6") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//abita-boischauffage.fr/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//abita-boischauffage.fr/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//abita-boischauffage.fr/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//abita-boischauffage.fr/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//abita-boischauffage.fr/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//abita-boischauffage.fr/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//abita-boischauffage.fr/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//abita-boischauffage.fr/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-header-banner-h: 45px;
	--wd-text-font: "Cabin", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 16px;
	--wd-title-font: "Instrument Sans", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Instrument Sans", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Instrument Sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Instrument Sans", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 16px;
	--wd-primary-color: rgb(195,54,21);
	--wd-alternative-color: #fbbc34;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: rgb(221,153,51);
	--btn-default-bgcolor-hover: rgb(221,153,51);
	--btn-accented-bgcolor: rgb(195,54,21);
	--btn-accented-bgcolor-hover: rgb(195,54,21);
	--btn-transform: capitalize;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: rgb(221,31,31);
	--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://abita-boischauffage.fr/wp-content/uploads/2024/07/hak2-1-scaled.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: scroll;
	background-position: center center;
	--wd-popup-width: 800px;
}
.header-banner {
	background-color: rgb(0,0,0);
	background-image: none;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: rgb(240,240,240);
	background-image: url(https://abita-boischauffage.fr/wp-content/uploads/2025/12/hak3-scaled.jpg);
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: rgb(240,240,240);
	background-image: none;
}
html .wd-nav-mobile > li > a {
	text-transform: capitalize;
}
html table th {
	text-transform: capitalize;
}
html .post.wd-post .post-title {
	font-size: 28px;
}
html .page-title > .container > .title, html .page-title > .container > .wd-title-wrapp > .title, html .wd-checkout-steps li {
	text-transform: capitalize;
}
.page .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-brd-color: rgb(51,51,51);
	--wd-form-brd-color-focus: rgb(15,82,214);
}
.product-labels .product-label.onsale {
	background-color: rgb(195,54,21);
	color: rgb(255,255,255);
}
.product-labels .product-label.new {
	background-color: rgb(195,54,21);
	color: rgb(255,255,255);
}
.product-labels .product-label.featured {
	background-color: rgb(195,54,21);
	color: rgb(255,255,255);
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
.woocommerce-product-gallery {
	--wd-gallery-gap: 20px;
}

@media (max-width: 1024px) {
	:root {
		--wd-header-banner-h: 40px;
	}
	html .post.wd-post .post-title {
		font-size: 24px;
	}

}

@media (max-width: 768.98px) {
	html .post.wd-post .post-title {
		font-size: 22px;
	}

}
:root{
--wd-container-w: 1420px;
--wd-form-brd-radius: 0px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 0px;
}

@media (min-width: 1420px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1420px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1420px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


:root {
  /* --- RAPPEL DES COULEURS "ARCHITECTURE & MATIÈRE" --- */
  --color-primary: #1F2226;          /* Anthracite */
  --color-primary-light:#F2D2BD;    /* Gris Pierre */
  --color-secondary: #C8553D;        /* Terracotta */
  --color-secondary-light: #FDF3F1;  /* Fond Terracotta pâle */
  --color-accent: #E9C46A;           /* Ocre */
  
  --color-text-base: #2D2D2D;
  --color-text-light: #757575;
  --color-background: #ffffff;
  --color-border: #E0E0E0;

  /* --- TYPOGRAPHIE --- */
  --font-family-headings: 'Montserrat', sans-serif;
  --font-family-base: 'Open Sans', sans-serif;
  --font-size-base: 16px;
  --container-width: 1000px; /* Largeur réduite pour faciliter la lecture des textes longs */
  --spacing-md: 1rem;
  --spacing-lg: 2rem;
  --spacing-xl: 4rem;
}
/* --- TOP BAR DÉFILEMENT INFINI (SANS FOND) --- */

.wood-top-bar-infinite {
    background-color: transparent; /* Pas de fond */
    /* Petite bordure en bas pour séparer du header (optionnel) */
    border-bottom: 1px solid #e1e1e1; 
    height: 45px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    font-family: var(--font-family-base);
	color:#ffffff;
}

/* La piste qui contient les deux textes */
.scrolling-track {
    display: flex;
    white-space: nowrap;
    /* C'est ici qu'on règle la vitesse : 40s = Lent */
    animation: scroll-infinite 40s linear infinite; 
}

/* Le style du texte */
.scrolling-content {
    font-size: 0.95rem;
    font-weight: 500;
    color: #ffffff; /* Texte Anthracite (puisque fond transparent) */
    padding-right: 50px; /* Espace entre la fin du texte 1 et le début du texte 2 */
}

/* Mots clés en gras */
.scrolling-content strong {
    font-weight: 800;
    text-transform: uppercase;
}

/* Mise en avant de la promo */
.scrolling-content .highlight {
    color: var(--color-secondary); /* Terracotta */
    font-weight: 800;
}

/* Animation fluide et infinie */
@keyframes scroll-infinite {
    0% {
        transform: translateX(0);
    }
    100% {
        /* On déplace de -50% car la piste contient 2 fois le texte. 
           Quand on arrive à la moitié, le 2ème texte est exactement 
           là où le 1er a commencé, créant une boucle invisible. */
        transform: translateX(-50%); 
    }
}

/* --- MOBILE --- */
@media (max-width: 768px) {
    .scrolling-track {
        /* Un peu plus rapide sur mobile car l'écran est petit */
        animation-duration: 25s; 
    }
    .scrolling-content {
        font-size: 0.85rem;
    }
}
/* ==========================================================================
   STYLE SECTION LIVRAISON (TEXTE NOIR)
   ========================================================================== */

.wood-shipping-wrapper {
    font-family: var(--font-family-base, sans-serif);
    line-height: 1.8;
    color: #000000 !important; /* Force le noir */
    margin-top: 2rem;
}

.shipping-intro {
    font-size: 1.05rem;
    margin-bottom: 2.5rem;
    color: #000000 !important;
}

/* --- TITRES --- */
.shipping-title {
    font-family: var(--font-family-headings, sans-serif);
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #000000 !important;
    margin-top: 3rem;
    margin-bottom: 1.5rem;
    padding-bottom: 10px;
    border-bottom: 3px solid var(--color-secondary, #C8553D); /* Ligne Terracotta */
    display: inline-block;
}

/* --- GRILLE CARACTÉRISTIQUES --- */
.shipping-features {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-bottom: 3rem;
}

.ship-feature-item {
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    padding: 1.5rem;
    border-radius: 4px;
    text-align: center;
    transition: transform 0.3s ease;
}

.ship-feature-item:hover {
    transform: translateY(-5px);
    border-color: var(--color-secondary, #C8553D);
}

.feature-icon {
    font-size: 2rem;
    color: var(--color-secondary, #C8553D); /* Icône Terracotta */
    margin-bottom: 1rem;
}

.ship-feature-item h4 {
    font-family: var(--font-family-headings);
    font-size: 1.1rem;
    font-weight: 700;
    color: #000000 !important;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
}

.ship-feature-item p {
    font-size: 0.95rem;
    color: #000000 !important;
    margin: 0;
}

/* --- LISTE ÉTAPES (TIMELINE) --- */
/* --- STYLE DES ÉTAPES DE LIVRAISON --- */

.shipping-steps {
    list-style: none;
    padding: 0;
    margin-bottom: 3rem;
    position: relative;
}

.shipping-steps li {
    display: flex;
    align-items: flex-start;
    position: relative;
    padding-bottom: 2rem; /* Espace en bas de chaque étape */
}

/* On retire l'espace pour le dernier élément */
.shipping-steps li:last-child {
    padding-bottom: 0;
}

/* LA BULLE NUMÉRO */
.step-number {
    flex-shrink: 0; /* Empêche la bulle de s'écraser */
    width: 35px;    /* Un peu plus grand pour le mobile */
    height: 35px;
    background-color: var(--color-primary, #1F2226); /* Fond Anthracite */
    color: #ffffff !important;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-family: var(--font-family-headings);
    margin-right: 20px;
    z-index: 2; /* Pour passer au-dessus de la ligne */
    position: relative;
    border: 2px solid #ffffff; /* Petit contour blanc pour détacher */
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* LE CONTENU TEXTE */
.step-content {
    flex: 1; /* Prend toute la place restante */
    color: #000000 !important;
}

.step-content strong {
    display: block; /* Le titre passe sur sa propre ligne */
    font-size: 1.1rem;
    margin-bottom: 5px;
    color: var(--color-primary); /* Titre en Anthracite ou Noir */
    text-transform: uppercase;
}

.step-content p {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.6;
    color: #000000 !important;
}

/* --- EFFET TIMELINE (Ligne Verticale) --- */
/* Crée une ligne grise qui relie les puces */
.shipping-steps li::after {
    content: '';
    position: absolute;
    left: 16px; /* Centré sous la bulle de 35px (35/2 = 17.5 - largeur trait/2) */
    top: 35px;  /* Commence juste sous la bulle */
    bottom: 0;  /* Va jusqu'en bas */
    width: 2px;
    background-color: #e0e0e0; /* Gris clair */
    z-index: 1;
}

/* Pas de ligne après le dernier numéro */
.shipping-steps li:last-child::after {
    display: none;
}

/* --- OPTIMISATION MOBILE --- */
@media (max-width: 600px) {
    .step-number {
        width: 30px;
        height: 30px;
        font-size: 0.9rem;
        left: 0;
        margin-right: 15px;
    }
    
    .shipping-steps li::after {
        left: 14px; /* Ajustement pour la bulle de 30px */
        top: 30px;
    }

    .step-content strong {
        font-size: 1rem;
    }
    
    .step-content p {
        font-size: 0.9rem;
    }
}

/* --- BOITE D'AVERTISSEMENT (IMPORTANT) --- */
.shipping-warning {
    background-color: #fff8e1; /* Fond jaune très pâle pour l'attention */
    border: 1px solid #ffe082;
    border-left: 5px solid #ffa000; /* Bordure orange/ambre */
    padding: 2rem;
    border-radius: 4px;
}

.shipping-warning h4 {
    color: #000000 !important;
    font-size: 1.1rem;
    font-weight: 800;
    margin-bottom: 1rem;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 10px;
}

.shipping-warning h4 i {
    color: #ffa000; /* Icône Ambre */
    font-size: 1.4rem;
}

.shipping-warning p {
    color: #000000 !important;
    font-size: 0.95rem;
    margin: 0;
}
/* --- DESCRIPTION COURTE PRODUIT (SIMPLE & NOIR) --- */

.wood-product-short-summary {
    font-family: var(--font-family-base, sans-serif);
    font-size: 15px; /* Taille standard lisible */
    line-height: 1.6;
    color: #000000 !important; /* Force le texte en noir */
    margin-bottom: 1.5rem;
}

/* Introduction */
.wood-product-short-summary .summary-intro {
    margin-bottom: 10px;
    font-weight: 600; /* Légèrement gras pour l'accroche */
    color: #000000 !important;
}

/* Liste à puces simple */
.wood-product-short-summary .summary-list {
    list-style-type: disc; /* Puces rondes classiques */
    padding-left: 20px; /* Indentation propre */
    margin: 0;
    color: #000000 !important;
}

.wood-product-short-summary .summary-list li {
    margin-bottom: 5px; /* Espacement léger entre les lignes */
    color: #000000 !important;
}

/* Mots clés en gras (Noir aussi) */
.wood-product-short-summary strong {
    font-weight: 700;
    color: #000000 !important;
}
/* ==========================================================================
   STYLE FICHE PRODUIT (TEXTE NOIR)
   ========================================================================== */

/* --- CONTENEUR GLOBAL --- */
.product-description {
    font-family: var(--font-family-base, sans-serif);
    font-size: 16px;
    line-height: 1.8; /* Interligne aéré pour la lecture */
    color: #000000 !important; /* FORCE LE NOIR PARTOUT */
}

/* Force les paragraphes en noir */
.product-description p,
.product-description strong,
.product-description span {
    color: #000000 !important;
}

/* --- TITRES H3 (Soulignés Terracotta) --- */
.product-description h3 {
    font-family: var(--font-family-headings, sans-serif);
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #000000 !important; /* Titre Noir */
    margin-top: 2.5rem;
    margin-bottom: 1.5rem;
    padding-bottom: 10px;
    border-bottom: 3px solid var(--color-secondary, #C8553D); /* Ligne Terracotta */
    display: inline-block; /* La ligne s'arrête à la fin du texte */
    width: 100%;
}

/* --- TABLEAU TECHNIQUE --- */
.tech-specs-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 2rem;
    background-color: #ffffff;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05); /* Ombre légère */
}

.tech-specs-table td {
    padding: 15px 20px;
    border-bottom: 1px solid #e0e0e0;
    color: #000000 !important; /* Texte Noir */
    font-size: 0.95rem;
}

/* Colonne de gauche (Label) */
.tech-specs-table td:first-child {
    font-weight: 700;
    background-color: #f4f4f4; /* Gris très clair pour distinguer */
    width: 40%;
}

/* Colonne de droite (Valeur) */
.tech-specs-table td:last-child {
    font-weight: 500;
}

/* Enlever la bordure du bas de la dernière ligne */
.tech-specs-table tr:last-child td {
    border-bottom: none;
}

/* --- LISTE DES AVANTAGES --- */
.advantages-list {
    list-style: none; /* Enlève les puces par défaut */
    padding: 0;
    margin-bottom: 2rem;
}

.advantages-list li {
    position: relative;
    padding-left: 35px; /* Espace pour l'icône */
    margin-bottom: 15px;
    color: #000000 !important; /* Texte Noir */
}

/* Création de la puce personnalisée (Carré Terracotta) */
.advantages-list li::before {
    content: ''; 
    position: absolute;
    left: 0;
    top: 8px;
    width: 12px;
    height: 12px;
    background-color: var(--color-secondary, #C8553D); /* Terracotta */
    border-radius: 2px;
}

/* Mots en gras dans la liste */
.advantages-list li strong {
    font-weight: 800;
    text-transform: uppercase;
    font-size: 0.9rem;
    margin-right: 5px;
}

/* --- BOITE CONSEILS D'UTILISATION --- */
.usage-tips {
    background-color: #fdfdfd; /* Fond quasi blanc */
    border: 1px solid #e0e0e0;
    border-left: 5px solid var(--color-secondary, #C8553D); /* Bordure gauche colorée */
    padding: 20px;
    border-radius: 0 4px 4px 0;
    color: #000000 !important; /* Texte Noir */
    font-style: italic;
    position: relative;
}

/* Ajout d'une petite icône "Info" avant le texte */
.usage-tips::before {
    content: "💡 Conseil d'Expert :";
    display: block;
    font-style: normal;
    font-weight: 800;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 0.9rem;
    color: #000000;
}
/* Icônes Mobile en BLANC et plus grandes (Ergonomie) */
.whb-mobile-left .wd-tools-icon,
.whb-mobile-right .wd-tools-icon {
    color: #ffffff !important;
    font-size: 24px !important; /* Agrandit l'icône pour le doigt */
}

/* Texte "Menu" et "Account" sur mobile */
.whb-mobile-left .wd-tools-text,
.whb-mobile-right .wd-tools-text {
    color: #ffffff !important;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 10px !important; /* Petit mais lisible */
    margin-top: 3px; /* Espace entre icône et texte */
}

/* Espacement des éléments mobiles pour éviter les clics accidentels */
.whb-mobile-left .wd-tools-element,
.whb-mobile-right .wd-tools-element {
    padding: 0 10px; /* Donne de l'espace autour des boutons */
}

/* Logo Mobile (Centré) */
.whb-mobile-center .site-logo img {
    max-height: 50px; /* Contrôle la hauteur pour ne pas casser le header */
    width: auto;
}
/* =========================================
   STYLE SPÉCIFIQUE PAGES LÉGALES & TEXTE
   ========================================= */

/* Conteneur principal centré et moins large pour la lecture */
.legal-page-container {
  max-width: var(--container-width);
  margin: 0 auto;
  padding: var(--spacing-xl) var(--spacing-md);
  font-family: var(--font-family-base);
  color: var(--color-text-base);
  line-height: 1.8; /* Interligne augmenté pour le confort de lecture */
}
.wpb_content_element, ul.wpb_thumbnails-fluid>li {
     margin-bottom: 0px !important; 
}
/* Titre principal de la page (H1) */
.legal-title {
  font-family: var(--font-family-headings);
  color: var(--color-primary);
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: var(--spacing-xl);
  padding-bottom: var(--spacing-md);
  border-bottom: 2px solid var(--color-accent); /* Souligné avec l'Ocre */
}
/* ==========================================================================
   DESIGN MENU & HEADER (THEME WOODMART)
   Charte : Architecture & Matière
   ========================================================================== */

/* -----------------------------------------------------------
   1. MENU PRINCIPAL (CENTRE)
----------------------------------------------------------- */

/* Liens du menu : Réduction taille + Style "Architecture" */
.wd-nav-main > li > a {
    font-family: var(--font-family-headings); /* Montserrat */
    font-size: 12px !important;               /* Réduction demandée (Texte fin) */
    font-weight: 700;                         /* Gras pour la lisibilité malgré la petite taille */
    text-transform: uppercase;                /* Style industriel */
    letter-spacing: 0.5px;                    /* Légère aération */
    transition: all 0.3s ease;
}

/* Couleur au survol et pour l'élément actif */
.wd-nav-main > li:hover > a,
.wd-nav-main > li.current-menu-item > a,
.wd-nav-main > li.current-menu-ancestor > a {
    color: rgb(236,244,211) !important; /* Terracotta */
}

/* Ligne de soulignement (Effect "Underline" de Woodmart) */
.wd-nav-main.wd-style-underline > li > a .nav-link-text::after {
    background-color: var(--color-secondary) !important; /* La ligne devient Terracotta */
    height: 2px; /* Ligne un peu plus épaisse pour le style graphique */
}

/* -----------------------------------------------------------
   2. ICONES ET OUTILS (DROITE - Compte, Panier, Recherche)
----------------------------------------------------------- */

/* Texte des outils (My Account, Search...) */
.whb-col-right .wd-tools-text, 
.whb-col-right .wd-tools-element > a {
    font-family: var(--font-family-headings);
    font-size: 12px !important;              /* Encore plus discret que le menu */
    font-weight: 600;
    text-transform: uppercase;
    color: var(--color-primary) !important;  /* Anthracite */
}

/* Les Icones (avant le survol) */
.whb-col-right .wd-tools-icon {
    color: var(--color-primary) !important;  /* Icônes Anthracite */
    font-size: 18px;                         /* Taille ajustée */
}

/* Changement de couleur au survol de tout le bloc */
.whb-col-right .wd-tools-element:hover .wd-tools-text,
.whb-col-right .wd-tools-element:hover .wd-tools-icon {
    color: var(--color-secondary) !important; /* Devient Terracotta */
}

/* -----------------------------------------------------------
   3. LE PANIER (CART) SPÉCIFIQUE
----------------------------------------------------------- */

/* Le prix du panier */
.wd-header-cart .wd-cart-subtotal .amount {
    color: var(--color-primary);
    font-weight: 700;
}

/* La petite bulle de compteur (0 items) */
.wd-header-cart .wd-cart-number {
    background-color: var(--color-secondary) !important; /* Fond Terracotta */
    color: #ffffff !important;                           /* Chiffre Blanc */
    font-size: 10px;
    font-weight: bold;
    border-radius: 50%; /* Rond parfait */
}

/* -----------------------------------------------------------
   4. VERSION MOBILE (Hamburger & Icones)
----------------------------------------------------------- */



/* Texte "Menu" sur mobile */
.whb-mobile-left .wd-tools-text {
    font-weight: 700;
    text-transform: uppercase;
    color: var(--color-primary) !important;
}

/* Sections du document */
.legal-section {
  margin-bottom: var(--spacing-xl);
}

/* Sous-titres (H2) en Terracotta */
.legal-section h2 {
  font-family: var(--font-family-headings);
  color: var(--color-secondary);
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: var(--spacing-md);
  display: flex;
  align-items: center;
}

/* Petit tiret décoratif avant le titre H2 */
.legal-section h2::before {
  content: '';
  display: inline-block;
  width: 8px;
  height: 24px;
  background-color: var(--color-accent);
  margin-right: 12px;
  border-radius: 2px;
}

/* Paragraphes */
.legal-section p {
  margin-bottom: var(--spacing-md);
  text-align: justify; /* Justifié pour faire "document officiel" */
}

/* Liste de détails (Société, adresse...) */
.legal-details-list {
  list-style: none;
  padding: 0;
  margin: 0;
  background-color: var(--color-primary-light); /* Fond gris pierre */
  border-left: 4px solid var(--color-primary); /* Bordure anthracite */
  padding: var(--spacing-lg);
  border-radius: 4px;
}

.legal-details-list li {
  margin-bottom: 8px;
  font-size: 0.95rem;
}

.legal-details-list strong {
  color: var(--color-primary);
  font-weight: 700;
  min-width: 150px;
  display: inline-block;
}

/* Liens dans le texte */
.legal-link {
  color: var(--color-secondary);
  text-decoration: underline;
  transition: all 0.3s ease;
  font-weight: 600;
}

.legal-link:hover {
  color: var(--color-primary);
  background-color: var(--color-accent);
  text-decoration: none;
}
fieldset {
  display: none;
}
/* --- SECTION FAQ GRID --- */

.faq-grid-section {
    /* Fond "Beige/Brun clair" (#F7F3EF) pour rappeler le bois */
    background-color: #f9f9f9 !important; 
    padding: var(--spacing-xxl) var(--spacing-md);
    
    /* Une petite bordure un peu plus foncée pour la finition en haut */
    border-top: 1px solid #E6DED8; 
}
.faq-container {
    max-width: 1200px; /* Largeur plus grande pour accueillir les 2 colonnes */
    margin: 0 auto;
	    padding-bottom: 15px;
}

/* Titres */
.section-header {
    text-align: center;
    margin-bottom: 3rem;
}

.faq-title {
    color: var(--color-primary);
    font-family: var(--font-family-headings);
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.faq-subtitle {
    font-size: 1.1rem;
    color: var(--color-text-light);
}

/* --- LA GRILLE --- */
.faq-grid {
    display: grid;
    /* Création automatique de colonnes : 
       Si l'écran est large, 2 colonnes.
       Si l'écran est petit (mobile), 1 colonne. */
    grid-template-columns: repeat(auto-fit, minmax(480px, 1fr)); 
    gap: 1.5rem; /* Espace entre les cartes */
}

/* --- LA CARTE --- */
.faq-card {
    background: var(--color-background);
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow); /* Ombre légère pour donner du volume */
    transition: var(--transition-base);
    overflow: hidden;
    
    /* Design "Architecture" : Une bordure colorée sur le côté */
    border-left: 5px solid var(--color-secondary); /* Bordure Terracotta */
}

.faq-card:hover {
    transform: translateY(-3px); /* Effet de levée au survol */
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

/* En-tête de la carte (La question) */
.faq-card-header {
    width: 100%;
    background: none;
    border: none;
    padding: 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    text-align: left;
}

.question-text {
    font-family: var(--font-family-headings);
    font-weight: 600;
    font-size: 1.1rem;
    color: var(--color-primary);
    padding-right: 15px;
}

/* Icône ronde élégante */
.toggle-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    background-color: var(--color-primary-light);
    border-radius: 50%;
    color: var(--color-secondary);
    font-weight: bold;
    font-size: 1.2rem;
    transition: all 0.3s ease;
    flex-shrink: 0; /* Empêche l'icône de s'écraser */
}

/* État actif (Ouvert) */
.faq-card.active .toggle-icon {
    background-color: var(--color-secondary);
    color: #fff;
    transform: rotate(45deg); /* Le + devient x */
}

.faq-card.active .question-text {
    color: var(--color-secondary); /* Le titre se colore */
}

/* Corps de la carte (Réponse) */
.faq-card-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-out;
    background-color: #fafafa; /* Fond très légèrement différent pour la réponse */
}

.faq-card-body p {
    padding: 0 1.5rem 1.5rem 1.5rem;
    margin: 0;
    color: var(--color-text-base);
    line-height: 1.6;
    font-size: 0.95rem;
}

/* --- MOBILE --- */
@media (max-width: 768px) {
    .faq-grid {
        grid-template-columns: 1fr; /* 1 seule colonne sur mobile */
    }
}
/* --- WRAPPER GLOBAL --- */
.wood-contact-wrapper {
    background-color: var(--color-background-alt); /* Fond gris clair général de la page */
    padding: var(--spacing-xxl) var(--spacing-md);
    display: flex;
    justify-content: center;
}

/* --- CONTENEUR GRILLE (SPLIT SCREEN) --- */
.wood-contact-container {
    display: grid;
    grid-template-columns: 1fr 1.5fr; /* Colonne Info plus petite, Formulaire plus large */
    max-width: 1200px;
    width: 100%;
    background-color: #fff;
    box-shadow: var(--box-shadow);
    border-radius: var(--border-radius);
    overflow: hidden; /* Pour que les coins arrondis coupent le contenu */
}

/* -----------------------------------------------------------
   PARTIE GAUCHE : INFORMATIONS (ANTHRACITE)
----------------------------------------------------------- */
.contact-info-box {
    background-color: var(--color-primary); /* Anthracite #1F2226 */
    color: #ffffff;
    padding: 3rem;
    display: flex;
    flex-direction: column;
    position: relative;
}

/* Élément décoratif (barre latérale) */
.contact-info-box::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 6px;
    background-color: var(--color-secondary); /* Terracotta */
}

.contact-info-title {
    font-family: var(--font-family-headings);
    color: #ffffff; /* Titre en blanc sur fond sombre */
    font-size: 2rem;
    margin-bottom: 1rem;
}

.contact-info-desc {
    color: #cccccc; /* Gris clair pour le texte */
    margin-bottom: 2.5rem;
    line-height: 1.6;
}

/* Liste des infos */
.contact-details {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.contact-detail-item {
    display: flex;
    align-items: center;
    gap: 1rem;
}

/* Icônes rondes */
.icon-circle {
    width: 45px;
    height: 45px;
    background-color: rgba(255, 255, 255, 0.1); /* Blanc transparent */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    color: var(--color-accent); /* Ocre pour l'icône */
}

.detail-text {
    display: flex;
    flex-direction: column;
}

.detail-text .label {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #888;
    margin-bottom: 2px;
}

.detail-text .value {
    font-family: var(--font-family-headings);
    font-size: 1.1rem;
    color: #fff;
    text-decoration: none;
    font-weight: 500;
}

.detail-text a.value:hover {
    color: var(--color-accent);
}

/* -----------------------------------------------------------
   PARTIE DROITE : FORMULAIRE (BLANC)
----------------------------------------------------------- */
.contact-form-box {
    padding: 3rem;
    background-color: #ffffff;
}

.form-title {
    font-family: var(--font-family-headings);
    color: var(--color-primary);
    font-size: 1.8rem;
    margin-bottom: 2rem;
}

/* Structure du formulaire */
.wood-custom-form {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}



/* Labels */
.wood-label {
    font-family: var(--font-family-headings);
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--color-primary);
    margin-bottom: 0.5rem;
}

/* Inputs (Champs) */
.wood-input {
    height: 50px;
    padding: 0 1rem;
    border: 1px solid #ddd;
    background-color: #f9f9f9;
    border-radius: 2px; /* Coins presque carrés "Architecture" */
    font-family: var(--font-family-base);
    font-size: 1rem;
    color: var(--color-text-base);
    transition: all 0.3s ease;
}

.wood-textarea {
    height: 150px;
    padding: 1rem;
    resize: vertical;
}

/* Focus des champs */
.wood-input:focus {
    outline: none;
    border-color: var(--color-secondary); /* Terracotta au focus */
    background-color: #fff;
    box-shadow: 0 0 0 4px rgba(200, 85, 61, 0.1);
}

/* Select custom arrow */
.select-wrapper {
    position: relative;
}
/* Note: Le style natif du select est dur à surcharger totalement sans JS, 
   mais le style de base fonctionnera avec la couleur de bordure */

/* Checkbox GDPR */
.checkbox-group {
    flex-direction: row;
    align-items: flex-start;
    gap: 0.5rem;
    font-size: 0.85rem;
    color: var(--color-text-light);
}

.checkbox-group input {
    margin-top: 4px;
    accent-color: var(--color-secondary); /* Checkbox Terracotta */
}

.checkbox-group a {
    color: var(--color-secondary);
    text-decoration: underline;
}

/* Bouton Submit */
.wood-submit-btn {
    background-color: var(--color-secondary); /* Terracotta */
    color: #fff;
    border: none;
    padding: 1rem 2rem;
    font-family: var(--font-family-headings);
    font-weight: 700;
    font-size: 1rem;
    letter-spacing: 0.5px;
    border-radius: 2px;
    cursor: pointer;
    transition: all 0.3s ease;
    align-self: flex-start; /* Bouton à gauche */
    margin-top: 1rem;
    text-transform: uppercase;
}

.wood-submit-btn:hover {
    background-color: var(--color-primary); /* Anthracite au survol */
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(200, 85, 61, 0.3);
}

/* --- MOBILE RESPONSIVE --- */
@media (max-width: 900px) {
    .wood-contact-container {
        grid-template-columns: 1fr; /* Passage en 1 colonne */
    }
    
    .contact-info-box {
        padding: 2rem;
    }
    
    .contact-form-box {
        padding: 2rem;
    }
}

@media (max-width: 600px) {
    .form-row {
        grid-template-columns: 1fr; /* Champs nom/prénom l'un sous l'autre sur mobile */
        gap: 0;
    }
    
    .wood-contact-wrapper {
        padding: 1rem; /* Moins de marge sur petit écran */
    }
}
/* --- STYLE DESCRIPTIONS CATÉGORIES --- */

/* Titres */
/* --- STYLE DESCRIPTION CATÉGORIE (TEXTE NOIR) --- */

/* Conteneur principal */
.wood-cat-long-desc {
    font-family: var(--font-family-base);
    line-height: 1.8; /* Interligne confortable pour la lecture */
}

/* FORCER LE TEXTE EN NOIR PUR */
.wood-cat-long-desc p, 
.wood-cat-long-desc li,
.wood-cat-long-desc td,
.wood-cat-long-desc th,
.wood-cat-long-desc div {
    color: #000000 !important; /* Noir pur pour lisibilité maximale */
}

/* Titres */
.wood-cat-title {
    font-family: var(--font-family-headings);
    color: #000000 !important; /* Titre en noir */
    font-size: 2rem;
    margin-bottom: 0.5rem;
    font-weight: 700;
}

.wood-cat-subtitle {
    font-family: var(--font-family-headings);
    color: var(--color-secondary) !important; /* Seuls les sous-titres restent en Terracotta pour le design */
    font-size: 1.4rem;
    margin-bottom: 1rem;
    font-weight: 700;
    margin-top: 0;
}

.wood-separator-small {
    width: 60px;
    height: 3px;
    background-color: var(--color-accent); /* Ocre */
    margin-bottom: 2rem;
}

/* Espacement des sections */
.cat-section {
    margin-bottom: 3rem;
}

/* TABLEAU TECHNIQUE */
.wood-tech-table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5rem 0 3rem 0;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

.wood-tech-table th, 
.wood-tech-table td {
    padding: 15px 20px;
    text-align: left;
    border-bottom: 1px solid #e0e0e0;
}

.wood-tech-table th {
    background-color: #333333; /* Fond gris foncé pour l'entête */
    color: #ffffff !important; /* Texte blanc forcé dans l'entête */
    width: 30%;
    font-weight: 600;
    text-transform: uppercase;
}

.wood-tech-table td {
    background-color: #ffffff;
    font-weight: 500;
}

/* GRILLE ATOUTS (FLEXBOX FORCÉ) */
.wood-features-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap; /* Reste sur une ligne sur PC */
    justify-content: space-between;
    gap: 20px;
    width: 100%;
    margin-bottom: 4rem;
    margin-top: 2rem;
}

.wood-feature-box {
    width: 33.33%;
    background-color: #ffffff;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    padding: 2rem 1.5rem;
    text-align: center;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.wood-feature-box:hover {
    transform: translateY(-5px);
    border-color: var(--color-secondary);
}

.box-icon {
    width: 65px;
    height: 65px;
    background-color: #f4f4f4; /* Gris très clair */
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}

.box-icon i {
    font-size: 1.6rem;
    color: var(--color-secondary);
}

.box-content h4 {
    color: #000000 !important;
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 0.8rem;
    text-transform: uppercase;
}

.box-content p {
    font-size: 0.95rem;
    margin: 0;
}

/* LISTE A PUCES & SPLIT */
.cat-section-split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: start;
}

.wood-check-list {
    list-style: none;
    padding: 0;
}

.wood-check-list li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
}

.wood-check-list li::before {
    content: '\f00c'; /* Check icon */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 3px;
    color: var(--color-success); /* Vert */
}

.box-highlight {
    background-color: #f9f9f9; /* Fond gris très léger pour faire ressortir */
    border: 1px solid #e0e0e0;
    padding: 2.5rem;
    border-radius: 4px;
}

/* MOBILE */
@media (max-width: 900px) {
    .wood-features-container {
        flex-direction: column;
    }
    .wood-feature-box {
        width: 100%;
        margin-bottom: 1rem;
    }
    .cat-section-split {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
}
/* --- STYLE DESCRIPTION COURTE (HAUT DE PAGE) --- */
.wood-cat-short-desc {
    background-color: #f9f9f9; /* Fond très clair pour détacher du blanc */
    border-left: 5px solid var(--color-secondary); /* Bordure Terracotta à gauche */
    padding: 1.5rem 2rem;
    margin-bottom: 2rem;
    border-radius: 0 4px 4px 0;
    box-shadow: 0 4px 10px rgba(0,0,0,0.03); /* Ombre légère */
    font-size: 1.05rem;
    line-height: 1.6;
    color: var(--color-text-base);
}

.wood-cat-short-desc p {
    margin-bottom: 0.8rem;
    margin-top: 0;
}

.wood-cat-short-desc p:last-child {
    margin-bottom: 0;
}

.wood-cat-short-desc strong {
    color: var(--color-primary); /* Mots clés en Anthracite */
    font-weight: 700;
}

.wood-check-icon {
    color: var(--color-secondary); /* Icône en Terracotta */
    margin-right: 8px;
}