@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//containerlar-sl.es/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("//containerlar-sl.es/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//containerlar-sl.es/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//containerlar-sl.es/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//containerlar-sl.es/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

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

:root {
	--wd-text-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 15px;
	--wd-title-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--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: "Manrope", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 700;
	--wd-widget-title-transform: capitalize;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Manrope", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 14px;
	--wd-brd-radius: 10px;
	--wd-primary-color: rgb(0,0,0);
	--wd-alternative-color: #fbbc34;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(0,68,56);
	--btn-accented-bgcolor-hover: rgb(0,68,56);
	--btn-transform: capitalize;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: rgb(221,4,4);
	--notices-warning-color: #fff;
	--wd-sticky-btn-height: 95px;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	--wd-popup-width: 800px;
}
:is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg, :is(.woodmart-archive-shop .wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product,.wd-fbt) .wd-products-with-bg :is(.wd-product,.wd-cat) {
	--wd-prod-bg:rgb(255,255,255);
	--wd-bordered-bg:rgb(255,255,255);
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: rgb(255,255,255);
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: rgb(10,49,58);
	background-image: none;
}
html .wd-nav-mobile > li > a {
	text-transform: capitalize;
}
html .wd-checkout-steps li, html table th {
	text-transform: capitalize;
}
html .page-title > .container > .title, html .page-title > .container > .wd-title-wrapp > .title {
	font-size: 32px;
}
.page .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) .wd-page-content {
	background-color: rgb(248,248,248);
	background-image: none;
}
.single-product .wd-page-content {
	background-color: rgb(248,248,248);
	background-image: none;
}
.woodmart-archive-blog .wd-page-content {
	background-color: rgb(250,248,245);
	background-image: none;
}
.single-post .wd-page-content {
	background-color: rgb(250,248,245);
	background-image: none;
}
.woodmart-archive-portfolio .wd-page-content {
	background-color: rgb(250,248,245);
	background-image: none;
}
.single-portfolio .wd-page-content {
	background-color: rgb(250,248,245);
	background-image: none;
}
html .widget_price_filter [class*="price_slider_amount"] .button {
	color: rgb(255,255,255);
	background: rgb(15,76,92);
}
html .widget_price_filter [class*="price_slider_amount"] .button:hover {
	color: rgb(255,255,255);
	background: rgb(15,76,92);
}
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-bg: rgb(255,255,255);
}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
	--wd-arrow-size: 40px;
	--wd-arrow-icon-size: 16px;
	--wd-arrow-offset-h: 20px;
	--wd-arrow-color: rgb(51,51,51);
	--wd-arrow-color-hover: rgb(255,255,255);
	--wd-arrow-color-dis: rgba(51,51,51,0.8);
	--wd-arrow-bg: rgb(255,255,255);
	--wd-arrow-bg-hover: rgb(140,188,103);
	--wd-arrow-bg-dis: rgb(255,255,255);
	--wd-arrow-radius: 10px;
	--wd-arrow-shadow: 0px 0px 0px 0px rgba(255,255,255,0);
}
.wd-nav-scroll {
	--wd-nscroll-height: 3px;
	--wd-nscroll-drag-bg: rgb(140,188,103);
	--wd-nscroll-drag-bg-hover: rgb(128,171,94);
}
.product-labels .product-label.new {
	background-color: rgb(140,188,103);
	color: rgb(255,255,255);
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-sticky-btn-height: 95px;
	}
	html .page-title > .container > .title, html .page-title > .container > .wd-title-wrapp > .title {
		font-size: 28px;
	}
	[class*="thumbs-grid-bottom"] .woocommerce-product-gallery__wrapper.wd-grid {
		--wd-col: 1;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-sticky-btn-height: 42px;
	}
	[class*="thumbs-grid-bottom"] .woocommerce-product-gallery__wrapper.wd-grid {
		--wd-col: 1;
	}

}
:root{
--wd-container-w: 1480px;
--wd-form-brd-radius: 5px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--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;
}

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


/* Nouveau */
/* Import Google Fonts for a modern look */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&family=Open+Sans:wght@400;600&display=swap');

/* --- Root CSS Variables (Colors) --- */
:root {
    --cs-color-primary: #004438; /* Dark Green/Teal */
    --cs-color-secondary: #000000; /* Black */
    --cs-color-text: #535353; /* Grey for body text */
    --cs-color-accent: #68BA56; /* Main Accent - Light Green */
    --cs-color-white: #FFFFFF; /* White */
    --cs-color-light-green-accent: #A0FF8B; /* Lighter Green Accent */
    --cs-color-olive-green: #AEC16F; /* Olive Green */
    --cs-color-blue-grey: #74A7B1; /* Blue-ish Grey */
    --cs-color-dark-bg: #001F19; /* Very Dark Green/Almost Black - for dark section */
    --cs-color-light-bg: #F2F2F2; /* Light Grey Background */
    --cs-color-light-grey: #E3E3E3; /* Slightly darker Light Grey */
    --cs-color-medium-grey: #CACACA; /* Medium Grey */
    --cs-color-transparent: #02010100; /* Transparent */
}

/* --- Base Styles --- */
body {
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    padding: 0;
    background-color: var(--cs-color-light-bg);
    color: var(--cs-color-text);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.product-element-bottom{
padding-left:5px !important;
padding-right:5px !important;}

@media (max-width: 767px) {
    .woocommerce-ordering.wd-ordering-mb-icon select option {
       
        color: #000000 !important;
    }
	.wd-arrow-inner{
	color:#ffffff !important
	}
	.wd-arrow-inner:hover{
	color: #ffffff}
}

/* Note: @import url for fonts and :root variables should be defined globally in your theme's main stylesheet. */

/* --- Top Section Styling --- */
.cs-home-top-section {
    background-color: var(--cs-color-white); /* White background for the section */
    padding: 80px 0;
    font-family: 'Open Sans', sans-serif;
    color: var(--cs-color-text);
}

.cs-home-top-section .cs-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    flex-wrap: wrap; /* Allows columns to stack on smaller screens */
    gap: 40px; /* Space between the two main columns */
    align-items: flex-start; /* Align content to the top */
}

.cs-text-info-column {
    flex: 1 1 45%; /* Takes about 45% width */
    min-width: 380px; /* Minimum width before wrapping */
}

.cs-section-heading {
    font-family: 'Montserrat', sans-serif;
    font-size: 2.8em;
    font-weight: 700;
    color: var(--cs-color-primary);
    margin-top: 0;
    margin-bottom: 25px;
    line-height: 1.2;
}

.cs-section-description {
    font-size: 1.05em;
    line-height: 1.7;
    margin-bottom: 40px;
}

/* Info Boxes Grid - Simplifié */
.cs-info-boxes-grid {
    display: flex; /* Use flexbox for side-by-side */
    flex-wrap: wrap; /* Allow wrapping */
    gap: 25px; /* Space between info boxes */
    justify-content: flex-start; /* Align to start */
}

.cs-info-box {
    display: flex;
    align-items: center; /* Align icon and text vertically */
    flex: 1 1 calc(50% - 12.5px); /* Two items per row on larger screens */
    min-width: 250px; /* Prevent shrinking too much */
    background-color: var(--cs-color-light-bg); /* Light background for info boxes */
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.cs-info-icon { /* Style for Font Awesome icon directly */
    flex-shrink: 0;
    font-size: 2.2em; /* Increased size for impact */
    color: var(--cs-color-accent); /* Accent color for the icon */
    margin-right: 15px;
}

.cs-info-box-content {
    flex-grow: 1;
}

.cs-info-box-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.2em;
    font-weight: 700;
    color: var(--cs-color-primary);
    margin-top: 0;
    margin-bottom: 5px;
}

.cs-info-box-text {
    font-size: 0.95em;
    line-height: 1.5;
    color: var(--cs-color-text);
    margin-bottom: 0;
}

/* --- Right Column: Images with Common Title --- */
.cs-images-column {
    flex: 1 1 45%; /* Takes about 45% width */
    min-width: 350px; /* Minimum width before wrapping */
    display: flex;
    flex-direction: column; /* Stack title and image grid */
    align-items: center; /* Center content horizontally */
    text-align: center;
}

.cs-images-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 2.1em;
    font-weight: 700;
    color: var(--cs-color-primary);
    margin-top: 0;
    margin-bottom: 30px; /* Space below title */
    width: 100%; /* Ensure title takes full width */
}

.cs-images-grid {
    display: flex; /* Use flexbox for side-by-side images */
    flex-wrap: wrap; /* Allow images to wrap if necessary */
    gap: 20px; /* Space between images */
    justify-content: center; /* Center images if space allows */
    align-items: flex-start; /* Align images to the top */
    width: 100%; /* Ensure grid takes full width of its column */
}

.cs-image-card {
    flex: 1 1 calc(50% - 10px); /* Two images per row, with gap */
    background-color: var(--cs-color-white); /* White background for image cards */
    border-radius: 10px;
    overflow: hidden; /* Ensures image corners are rounded */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    min-width: 150px; /* Ensure images don't get too small */
    display: flex;
    flex-direction: column;
    height: 100%; /* Important for equal height cards */
}

.cs-image-card a {
    text-decoration: none; /* Remove underline from link */
    color: inherit; /* Inherit color from parent */
    display: flex;
    flex-direction: column;
    height: 100%;
}

.cs-responsive-img {
    width: 100%;
    height: 200px; /* Fixed height for visual consistency */
    display: block;
    object-fit: cover; /* Cover the area, cropping if necessary */
}

.cs-image-caption {
    font-family: 'Open Sans', sans-serif;
    font-size: 0.95em; /* Slightly larger caption */
    color: var(--cs-color-text);
    padding: 15px;
    margin: 0;
    background-color: var(--cs-color-light-bg); /* Light grey background for caption */
    border-top: 1px solid var(--cs-color-dc3e34a);
    flex-grow: 1; /* Allows caption to expand and align bottom of cards */
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600; /* Bolder caption */
}

/* --- Bottom Banner Section --- */
.cs-bottom-banner-section {
    background-image: url('/wp-content/uploads/2025/07/fondo-maritimo-variedad.webp'); /* Chemin de l'image de fond */
    background-size: cover;
    background-position: center center;
    position: relative;
    padding: 180px 180px; /* PC Version Padding as specified */
    text-align: center;
    color: var(--cs-color-white);
    margin-top: 50px; /* Space above this section */
    border-radius: 10px;
    overflow: hidden; /* For border-radius */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

.cs-banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 68, 56, 0.85); /* Overlay with primary color, slightly more opaque for better text readability */
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cs-banner-content-wrapper {
    position: relative;
    z-index: 2; /* Ensures content is above overlay */
    max-width: 900px;
    margin: 0 auto;
    padding: 20px; /* Padding for content inside overlay */
}

.cs-banner-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 2.4em;
    font-weight: 800;
    color: var(--cs-color-accent); /* Accent color for main title */
    margin-bottom: 20px;
    line-height: 1.2;
}

.cs-banner-description {
    font-size: 1.0em;
    line-height: 1.7;
    margin-bottom: 35px;
    color: var(--cs-color-light-grey);
}

.cs-maritime-types-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px 40px; /* Vertical and horizontal gap */
    margin-bottom: 40px;
}

.cs-maritime-type-item {
    display: flex;
    flex-direction: row; /* Icons and text on same line */
    align-items: center;
    gap: 10px; /* Space between icon and text */
    color: var(--cs-color-white);
    text-align: left; /* Align text left within item */
    min-width: 120px; /* Ensure items don't collapse too much */
}

.cs-maritime-icon {
    font-size: 1.6em; /* Slightly smaller icon size */
    color: var(--cs-color-accent); /* Accent color for maritime icons */
}

.cs-maritime-type-text {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 0.95em; /* Slightly smaller text for better fit */
    line-height: 1.3;
}

.cs-banner-button {
    background-color: var(--cs-color-accent);
    color: var(--cs-color-white);
    padding: 15px 40px;
    border-radius: 30px;
    border: none;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 1.1em;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.cs-banner-button:hover {
    background-color: var(--cs-color-f5a43b7); /* Lighter green on hover */
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
}

/* --- Responsive Adjustments --- */
@media (max-width: 1024px) {
    .cs-home-top-section .cs-container {
        flex-direction: column; /* Stack columns */
        gap: 30px;
    }
    .cs-text-info-column,
    .cs-images-column {
        flex: 1 1 100%; /* Take full width */
        min-width: unset;
    }
    .cs-images-title {
        font-size: 2.2em;
    }
    .cs-images-grid {
        flex-direction: row; /* Keep images side-by-side in a row */
        justify-content: center;
    }
    .cs-image-card {
        flex: 1 1 calc(50% - 10px);
    }
    .cs-section-heading {
        font-size: 2.2em;
    }
    .cs-info-boxes-grid {
        flex-direction: column; /* Stack info boxes */
        gap: 20px;
    }
    .cs-info-box {
        flex: 1 1 100%;
        min-width: unset;
    }

    /* Bottom Banner Section for 1024px */
    .cs-bottom-banner-section {
        padding: 120px 80px; /* Reduced padding from desktop */
    }
    .cs-banner-title {
        font-size: 2.5em;
    }
    .cs-banner-description {
        font-size: 1.1em;
    }
    .cs-maritime-types-list {
        gap: 20px 30px; /* Adjust gaps */
    }
    .cs-maritime-icon {
        font-size: 1.4em;
    }
    .cs-maritime-type-text {
        font-size: 0.9em;
    }
}

@media (max-width: 768px) {
    .cs-home-top-section {
        padding: 60px 0;
    }
    .cs-section-heading {
        font-size: 1.8em;
        margin-bottom: 20px;
    }
    .cs-section-description {
        font-size: 1em;
        margin-bottom: 30px;
    }
    .cs-info-box {
        padding: 15px;
    }
    .cs-info-box-title {
        font-size: 1.1em;
    }
    .cs-info-box-text {
        font-size: 0.9em;
    }
    .cs-info-icon {
        font-size: 1.8em;
    }
    .cs-images-title {
        font-size: 1.8em;
        margin-bottom: 20px;
    }
    .cs-images-grid {
        flex-direction: column; /* Stack images on small tablets */
    }
    .cs-image-card {
        flex: 1 1 100%;
        height: auto; /* Allow height to be auto for stacked images */
    }
    .cs-responsive-img {
        height: 180px; /* Smaller fixed height for mobile images */
    }

    /* Bottom Banner Section for 768px */
    .cs-bottom-banner-section {
        padding: 180px 180px; /* More padding to show image, centered content */
    }
    .cs-banner-title {
        font-size: 16px;
    }
    .cs-banner-description {
        font-size: 14px; /* Slightly smaller description */
        margin-bottom: 30px;
    }
    .cs-banner-button {
        padding: 12px 30px;
        font-size: 1em;
    }
    .cs-maritime-types-list {
        display: grid; /* Use grid for 3 icons per line */
        grid-template-columns: repeat(3, 1fr);
        gap: 20px 15px; /* Adjust gaps for 3 per line */
        margin-bottom: 30px;
    }
    .cs-maritime-type-item {
        flex-direction: column; /* Stack icon and text within item */
        text-align: center;
        gap: 5px;
        min-width: unset; /* Remove min-width to allow grid to manage width */
    }
    .cs-maritime-icon {
        font-size: 1.5em; /* Icon size for 3 per line */
        margin-right: 0; /* Remove margin-right when stacked */
    }
    .cs-maritime-type-text {
        font-size: 0.85em; /* Smaller text for 3 per line */
    }
}

@media (max-width: 480px) {
    .cs-home-top-section {
        padding: 40px 0;
    }
    .cs-home-top-section .cs-container {
        padding: 0 15px;
    }
    .cs-section-heading {
        font-size: 1.6em;
    }
    .cs-banner-title {
        font-size: 1.8em;
    }
    .cs-banner-description {
        font-size: 0.9em; /* Even smaller description */
    }

    /* Bottom Banner Section for 480px */
    .cs-bottom-banner-section {
        padding: 180px 180px; /* More padding for smaller screens, to show image */
        margin-top: 30px;
    }
    .cs-banner-title {
        font-size: 14px; /* Smaller title */
        margin-bottom: 20px;
    }
    .cs-banner-description {
        font-size: 12px; /* Smaller description */
        margin-bottom: 25px;
    }
    .cs-maritime-types-list {
        grid-template-columns: repeat(2, 1fr); /* 2 icons per line for very small screens */
        gap: 15px 10px;
        margin-bottom: 25px;
    }
    .cs-maritime-icon {
        font-size: 1.4em; /* Smaller icon size */
    }
    .cs-maritime-type-text {
        font-size: 0.75em; /* Even smaller text */
    }
    .cs-banner-button {
        padding: 10px 25px;
        font-size: 0.9em;
    }
}


/* Note: Les variables :root et les imports de polices devraient être définis globalement dans le CSS de votre thème. */
/* --- GENERAL PAGE LAYOUT & CONTAINER --- */

/* Conteneur principal de la page pour un fond propre */
/* Note: Les variables :root et les imports de polices devraient être définis globalement dans le CSS de votre thème. */

/* --- GENERAL PAGE LAYOUT & CONTAINER --- */

/* Conteneur principal de la page pour un fond propre */
.wd-page-content.main-page-wrapper {
    background-color: var(--cs-color-light-bg); /* Fond gris clair pour toute la page */
    padding-top: 40px; /* Padding en haut de la page */
    padding-bottom: 40px; /* Padding en bas de la page */
}

/* Conteneur du contenu principal (main) pour le centrage et l'encadrement */
main.wd-content-layout.content-layout-wrapper.container.wd-builder-on {
    background-color: var(--cs-color-white); /* Fond blanc pour le contenu central */
    border-radius: 10px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
    padding: 30px; /* Padding interne pour le contenu */
}

/* --- PRODUCT PAGE STRUCTURE (TOP SECTION: GALLERY & DETAILS) --- */

/* Le premier vc_row qui contient la galerie et les détails */
.vc_row.wd-rs-62139abb8534b {
    margin-top: 0 !important; /* Neutralise les marges négatives potentielles de WoodMart */
    margin-bottom: 40px !important; /* Espace après la section principale produit */
}

/* Colonnes Gauche (Galerie) et Droite (Détails) */
/* WoodMart gère les largeurs et flexbox, on se concentre sur l'espacement et l'esthétique */
.wd-rs-62237f5a7dfb9 { /* Colonne Galerie */
    padding-right: 15px !important; /* Espace entre galerie et détails */
}
.wd-rs-620d24bfe555d { /* Colonne Détails */
    padding-left: 15px !important; /* Espace entre galerie et détails */
}

/* --- PRODUCT GALLERY STYLING --- */

/* Conteneur de la galerie principale */
.wd-single-gallery.wd-wpb {
    margin-bottom: 0 !important; /* Géré par le parent */
}
.woocommerce-product-gallery.images {
    border: 1px solid var(--cs-color-dc3e34a); /* Bordure subtile autour de la galerie */
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    background-color: var(--cs-color-white);
    overflow: hidden; /* S'assure que les coins arrondis sont respectés */
}

/* Image principale du produit */
.woocommerce-product-gallery__wrapper img {
    border-radius: 0; /* Pas de coins arrondis si l'image est à l'intérieur d'un conteneur arrondi */
}

/* Flèches de navigation de la galerie */
.wd-nav-arrows.wd-pos-sep.wd-custom-style {
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 100%;
    justify-content: space-between;
    pointer-events: none; /* Permet de cliquer à travers pour les produits */
}
 .wd-nav-arrows.wd-pos-sep .wd-btn-arrow {
    background-color: var(--cs-color-primary); /* Fond des flèches */
    color: var(--cs-color-white);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-size: 1.1em;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
    pointer-events: all; /* Rend les flèches cliquables */
	margin-bottom:40px;
} 
.wd-nav-arrows.wd-pos-sep .wd-btn-arrow:hover {
    background-color: var(--cs-color-accent);
    transform: scale(1.1);
}

/* Vignettes (thumbnails) */
.wd-carousel-container.wd-gallery-thumb {
    margin-top: 15px; /* Espace entre l'image principale et les vignettes */
}
.wd-carousel.wd-thumbs .wd-carousel-item img {
    border: 1px solid var(--cs-color-dc3e34a);
    border-radius: 5px;
    opacity: 0.7;
    transition: all 0.3s ease;
}
.wd-carousel.wd-thumbs .wd-carousel-item.wd-thumb-active img,
.wd-carousel.wd-thumbs .wd-carousel-item img:hover {
    border-color: var(--cs-color-accent);
    opacity: 1;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}


/* --- PRODUCT DETAILS STYLING --- */

/* Barre de navigation produit (préc/suivant/retour) */
.wd-single-nav.wd-wpb {
    margin-bottom: 20px !important; /* Espace sous la navigation */
}
.wd-products-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.wd-products-nav .wd-product-nav-btn {
    color: var(--cs-color-primary);
    font-size: 1.1em;
    transition: color 0.3s ease;
}
.wd-products-nav .wd-product-nav-btn:hover {
    color: var(--cs-color-accent);
}
.wd-products-nav .wd-btn-back {
    font-size: 0.9em;
    border: 1px solid var(--cs-color-dc3e34a);
    padding: 5px 10px;
    border-radius: 5px;
}

/* Titre du produit (H1) */
.wd-single-title.wd-wpb h1.product_title {
    font-family: 'Montserrat', sans-serif;
    font-size: 2.2em; /* Taille du titre du produit */
    font-weight: 700;
    color: var(--cs-color-primary);
    margin-bottom: 15px;
}

/* Prix du produit */
.wd-single-price.wd-wpb .price {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.8em; /* Taille du prix */
    font-weight: 700;
    color: var(--cs-color-accent); /* Couleur accentuée pour le prix */
    margin-bottom: 20px;
    display: block;
}
.wd-single-price .woocommerce-Price-currencySymbol {
    font-size: 0.8em; /* Taille du symbole monétaire */
    vertical-align: super;
}
.wd-single-price .price del {
    color: var(--cs-color-medium-grey);
    font-weight: 500;
    font-size: 0.8em;
}

/* Courte description */
.wd-single-short-desc.wd-wpb .woocommerce-product-details__short-description {
    font-size: 1em;
    line-height: 1.6;
    color: var(--cs-color-text);
    margin-bottom: 30px;
}
.wd-single-short-desc.wd-wpb .woocommerce-product-details__short-description strong {
    color: var(--cs-color-primary); /* Rendre le texte en gras de la description en couleur primaire */
}


/* --- Quantity Input Styling (DO NOT TOUCH ADD TO CART / BUY NOW BUTTONS) --- */
.wd-single-add-cart.wd-wpb {
    margin-bottom: 30px !important;
}
/* .wd-single-add-cart .quantity .minus,
.wd-single-add-cart .quantity .plus {
    background-color: var(--cs-color-light-bg);
    border: 1px solid var(--cs-color-dc3e34a);
    color: var(--cs-co;
    width: 38px;
    height: 38px;
    font-size: 1.2em;
    border-radius: 5px;
    transition: all 0.3s ease;
}
.wd-single-add-cart .quantity .minus:hover,
.wd-single-add-cart .quantity .plus:hover {
    background-color: var(--cs-color-accent);
    color: var(--cs-color-white);
    border-color: var(--cs-color-accent);
} */
/* 
.wd-single-add-cart .quantity .input-text.qty.text {
    border: 1px solid var(--cs-color-dc3e34a);
    border-radius: 5px;
    width: 60px; /* Largeur de l'input quantité */
    height: 38px;
    text-align: center;
    font-size: 1.1em;
    color: var(--cs-color-primary);
} */


/* Product Meta (categories, tags, etc.) */
.wd-single-meta.wd-wpb {
    margin-bottom: 20px !important;
}
.product_meta.wd-layout-default span {
    font-size: 0.9em;
    color: var(--cs-color-text);
}
.product_meta.wd-layout-default .meta-label {
    font-weight: 600;
    color: var(--cs-color-primary);
}
.product_meta.wd-layout-default a {
    color: var(--cs-color-text);
    text-decoration: none;
    transition: color 0.3s ease;
}
.product_meta.wd-layout-default a:hover {
    color: var(--cs-color-accent);
    text-decoration: underline;
}

/* --- PRODUCT TABS (DESCRIPTION, REVIEWS) --- */
.vc_row.wd-rs-6212126fea365 { /* Le vc_row qui contient les tabs */
    margin-top: 40px !important; /* Espace au-dessus des tabs */
    padding: 30px 0; /* Padding interne */
    background-color: var(--cs-color-white); /* Fond blanc pour la section des tabs */
    border-top: 1px solid var(--cs-color-dc3e34a) !important; /* Ligne de séparation */
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

.wd-single-tabs.wd-wpb {
    margin-bottom: 0 !important; /* Nettoie les marges par défaut */
}

/* Navigation des onglets (Description, Informations Complémentaires, etc.) */
.woocommerce-tabs .wd-nav-wrapper.wd-nav-tabs-wrapper {
    margin-bottom: 30px; /* Espace entre les onglets et leur contenu */
}

.woocommerce-tabs .wd-nav.wd-nav-tabs.tabs {
    border-bottom: 2px solid var(--cs-color-dc3e34a); /* Ligne sous les onglets */
}

.woocommerce-tabs .wd-nav.wd-nav-tabs.tabs li {
    margin-bottom: -2px; /* Pour que la bordure active chevauche la ligne */
}

.woocommerce-tabs .wd-nav.wd-nav-tabs.tabs li a.wd-nav-link {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.1em;
    font-weight: 600;
    color: var(--cs-color-text); /* Couleur du texte des onglets inactifs */
    padding: 10px 20px;
    transition: all 0.3s ease;
    border-bottom: 2px solid transparent; /* Bordure transparente par défaut */
}

.woocommerce-tabs .wd-nav.wd-nav-tabs.tabs li a.wd-nav-link:hover {
    color: var(--cs-color-primary);
    border-color: var(--cs-color-primary);
}

.woocommerce-tabs .wd-nav.wd-nav-tabs.tabs li.active a.wd-nav-link {
    color: var(--cs-color-accent); /* Couleur accentuée pour l'onglet actif */
    border-color: var(--cs-color-accent); /* Ligne accentuée sous l'onglet actif */
    background-color: transparent; /* S'assurer pas de fond non désiré */
}

/* Contenu des onglets */
.woocommerce-Tabs-panel.wc-tab {
    padding: 25px 0;
    font-size: 1em;
    line-height: 1.7;
    color: var(--cs-color-text);
}
.woocommerce-Tabs-panel.wc-tab p,
.woocommerce-Tabs-panel.wc-tab ul {
    margin-bottom: 15px;
}
.woocommerce-Tabs-panel.wc-tab strong {
    color: var(--cs-color-primary);
}

/* --- RELATED PRODUCTS CAROUSEL --- */
/* Le vc_row contenant les produits liés */
.vc_row.wd-rs-6212126fea365 + .vc_row-full-width + .vc_row[data-vc-full-width-init="true"] {
    margin-top: 40px !important; /* Espace entre tabs et produits liés */
    padding: 30px 0; /* Padding interne */
    background-color: var(--cs-color-white); /* Fond blanc pour la section des produits liés */
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

.wd-products-element.wd-products.wd-quantity-enabled {
    /* Si les produits ont un fond blanc et ombre dans le carrousel (woodmart par défaut) */
    /* Ces styles devraient être déjà appliqués par le thème ou par mon CSS précédent,
       donc ici on s'assure juste de l'encadrement si le carrousel n'a pas de conteneur propre. */
    padding: 20px 0; /* Padding interne pour le carrousel lui-même si nécessaire */
}

/* Titre "PRODUTOS RELACIONADOS" */
#wd-6821d42ea63e1.title-wrapper {
    margin-bottom: 30px !important;
    text-align: left; /* Aligne le titre à gauche */
}
#wd-6821d42ea63e1 .woodmart-title-container.title {
    font-family: 'Montserrat', sans-serif;
    font-size: 2em; /* Taille pour le titre des produits liés */
    font-weight: 700;
    color: var(--cs-color-primary);
    margin: 0;
    display: inline-block; /* Pour la ligne accent sous le titre */
    padding-bottom: 10px;
    border-bottom: 2px solid var(--cs-color-accent);
}

/* Flèches du carrousel des produits liés */
/* #carousel-644 .wd-nav-arrows.wd-pos-sep {
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 100%;
    justify-content: space-between;
    pointer-events: none;
} */
 #carousel-644 .wd-btn-arrow {
    background-color: var(--cs-color-primary);
    color: var(--cs-color-white);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-size: 1.1em;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
    pointer-events: all;
} 
 #carousel-644 .wd-btn-arrow:hover {
    background-color: var(--cs-color-accent);
    transform: scale(1.1);
}
#carousel-644 .wd-btn-arrow.wd-prev {
    margin-left: -20px;
}
#carousel-644 .wd-btn-arrow.wd-next {
    margin-right: -20px;
} 

/* --- VISIBILITY OF PRODUCT IMAGE BUTTONS (Wishlist, Quick Shop) --- */
/* Les boutons sont dans .wd-buttons.wd-pos-r-t */
/* Rendre le conteneur des boutons toujours visible ou plus visible au survol */
.wd-product .wd-buttons {
    opacity: 0.9; /* Rendre les boutons semi-transparents par défaut */
    visibility: visible; /* Assurer qu'ils sont visibles */
    transition: opacity 0.3s ease, transform 0.3s ease;
    /* Si vous voulez qu'ils apparaissent seulement au survol du produit entier: */
    /* opacity: 0;
       visibility: hidden;
       pointer-events: none; */
}

/* Au survol du produit, rendre les boutons pleinement visibles */
.wd-product:hover .wd-buttons {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    /* Optionnel: pour qu'ils glissent légèrement vers le bas */
    /* transform: translateY(10px); */
}

/* Style des boutons individuels (wishlist, quick shop) */
.wd-product .wd-buttons .wd-action-btn {
    background-color: var(--cs-color-primary); /* Fond vert foncé pour les boutons */
    color: var(--cs-color-white); /* Icône blanche */
    width: 35px; /* Taille des boutons */
    height: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2em; /* Taille de l'icône */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
}

.wd-product .wd-buttons .wd-action-btn:hover {
    background-color: var(--cs-color-accent); /* Fond accentué au survol */
    transform: scale(1.1); /* Léger agrandissement */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

/* Les textes "Add to Wishlist" ou "Quick View" peuvent être cachés ou stylisés différemment */
.wd-product .wd-buttons .wd-action-btn span {
    /* Si vous voulez cacher le texte et laisser seulement l'icône, utilisez: */
    /* display: none; */
}


/* --- RESPONSIVE ADJUSTMENTS --- */
@media (max-width: 1199px) {
    main.wd-content-layout.content-layout-wrapper.container {
        padding: 20px; /* Padding légèrement réduit */
    }
    .wd-rs-62237f5a7dfb9, .wd-rs-620d24bfe555d {
        padding: 0 10px !important;
    }
    .wd-page-title .entry-title.title {
        font-size: 2em;
    }
    .wd-single-title h1.product_title {
        font-size: 1.8em;
    }
    .wd-single-price .price {
        font-size: 1.5em;
    }
    .wd-single-short-desc .woocommerce-product-details__short-description {
        font-size: 0.95em;
    }
    .woocommerce-tabs .wd-nav.wd-nav-tabs.tabs li a.wd-nav-link {
        font-size: 1em;
        padding: 8px 15px;
    }
    #wd-6821d42ea63e1 .woodmart-title-container.title {
        font-size: 1.8em;
    }
    /* Flèches du carrousel produits liés */
    #carousel-644 .wd-btn-arrow {
        width: 35px;
        height: 35px;
        font-size: 1em;
    }
    #carousel-644 .wd-btn-arrow.wd-prev {
        margin-left: -10px;
    }
    #carousel-644 .wd-btn-arrow.wd-next {
        margin-right: -10px;
    }
}

@media (max-width: 767px) { /* Mobile */
    main.wd-content-layout.content-layout-wrapper.container {
        padding: 15px;
    }
    .wd-rs-62237f5a7dfb9, .wd-rs-620d24bfe555d {
        padding: 0 !important; /* Pas de padding horizontal entre les colonnes empilées */
        margin-bottom: 20px; /* Espace entre la galerie et les détails */
    }
    .wd-page-title .entry-title.title {
        font-size: 1.6em;
    }
    .wd-single-title h1.product_title {
        font-size: 1.6em;
        text-align: center; /* Centre le titre du produit sur mobile */
    }
    .wd-single-price .price {
        text-align: center; /* Centre le prix sur mobile */
    }
    .wd-single-short-desc .woocommerce-product-details__short-description {
        text-align: center; /* Centre la description courte sur mobile */
    }
    .wd-single-add-cart .cart {
        flex-direction: column; /* Empile quantité et boutons */
        align-items: center;
    }
    .wd-single-add-cart  {
        margin-bottom: 15px;
    }
/* 	.quantity */
    .wd-single-add-cart .single_add_to_cart_button.button.alt {
        margin-left: 0; /* Retire la marge gauche si empilé */
        width: 80%; /* Bouton prend plus de largeur */
        max-width: 300px;
    }
    #wd-add-to-cart.wd-buy-now-btn {
        width: 80%;
        max-width: 300px;
    }
    .product_meta.wd-layout-default {
        text-align: center; /* Centre les meta sur mobile */
    }

    /* Tabs sur mobile */
    .woocommerce-tabs .wd-nav.wd-nav-tabs.tabs {
        flex-direction: column; /* Empile les onglets */
        border-bottom: none;
    }
    .woocommerce-tabs .wd-nav.wd-nav-tabs.tabs li {
        width: 100%;
        margin-bottom: 5px;
        text-align: center;
    }
    .woocommerce-tabs .wd-nav.wd-nav-tabs.tabs li a.wd-nav-link {
        border-bottom: none;
        border-radius: 5px; /* Coins arrondis pour les onglets empilés */
        background-color: var(--cs-color-light-bg);
        border: 1px solid var(--cs-color-dc3e34a);
    }
    .woocommerce-tabs .wd-nav.wd-nav-tabs.tabs li.active a.wd-nav-link {
        background-color: var(--cs-color-accent);
        color: var(--cs-color-white);
        border-color: var(--cs-color-accent);
    }
    .woocommerce-Tabs-panel.wc-tab {
        padding: 15px 0; /* Moins de padding pour le contenu des onglets */
    }

    /* Produits liés sur mobile */
    #wd-6821d42ea63e1 .woodmart-title-container.title {
        font-size: 1.6em;
        text-align: center; /* Centre le titre des produits liés */
        display: block; /* Pour le centrage */
        margin: 0 auto 20px auto; /* Centre et ajoute marge */
    }
     #carousel-644 .wd-btn-arrow {
        display: none; /* Cache les flèches du carrousel sur mobile */
    } 
}

@media (max-width: 480px) {
    .wd-page-title .entry-title.title {
        font-size: 1.4em;
    }
    .wd-single-title h1.product_title {
        font-size: 1.4em;
    }
    .wd-single-price .price {
        font-size: 1.3em;
    }
    .wd-single-short-desc .woocommerce-product-details__short-description {
        font-size: 0.9em;
    }
    .woocommerce-tabs .wd-nav.wd-nav-tabs.tabs li a.wd-nav-link {
        font-size: 0.9em;
        padding: 8px 10px;
    }
    #wd-6821d42ea63e1 .woodmart-title-container.title {
        font-size: 1.4em;
    }
}




/* Note: Les variables :root et les imports de polices devraient être définis globalement dans le CSS de votre thème. */

/* --- GENERAL PAGE LAYOUT IMPROVEMENTS --- */

/* Applique un fond clair à la zone principale de contenu */
.wd-page-content.main-page-wrapper {
    background-color: var(--cs-color-light-bg);
}

/* Conteneur principal de la page pour le centrage et le padding */
main.wd-content-layout.content-layout-wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
}

/* Les conteneurs WoodMart (vc_row) ont souvent des marges négatives ou des paddings personnalisés.
   On les réinitialise ou les ajuste pour un meilleur contrôle. */
.vc_row.vc_custom_1645452883830 { /* Cible le premier vc_row qui contient le titre de la page */
    margin-top: 0 !important; /* Retire le margin-top négatif si présent */
    margin-bottom: 40px !important; /* Ajoute un espace après le titre de la page */
    padding: 0 !important; /* Retire le padding pour un contrôle total par la section */
    box-shadow: none !important; /* Retire l'ombre par défaut si présente */
}

/* S'assure que le contenu intérieur de la colonne principale est bien aligné */
.wd-page-content .wpb_column.vc_col-sm-12 > .vc_column-inner > .wpb_wrapper {
    box-sizing: border-box;
    /* Cela devrait déjà être flex par WoodMart (.wd-enabled-flex) */
}


/* --- PAGE TITLE & BREADCRUMBS --- */

/* Conteneur du titre de la page */
.wd-page-title-el.wd-wpb {
    margin-bottom: 0 !important; /* Géré par le .vc_row parent */
}

.wd-page-title.page-title {
    background-color: var(--cs-color-primary); /* Fond vert foncé pour le titre de la page */
    color: var(--cs-color-white);
    padding: 30px 20px; /* Padding interne */
    border-radius: 8px; /* Coins arrondis */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    text-align: center;
}

.wd-page-title .entry-title.title {
    font-family: 'Montserrat', sans-serif;
    font-size: 2.5em; /* Taille du titre de page */
    font-weight: 700;
    color: var(--cs-color-white); /* Titre blanc */
    margin: 0;
}

/* Breadcrumbs (fil d'Ariane) */
.wd-el-breadcrumbs.wd-wpb {
    padding: 20px 0; /* Padding vertical pour le breadcrumb */
    text-align: left; /* Aligne le breadcrumb à gauche */
    margin-bottom: 0 !important; /* Géré par le parent */
}

.wd-el-breadcrumbs nav.wd-breadcrumbs {
    font-size: 0.9em;
}

.wd-el-breadcrumbs a {
    color: var(--cs-color-text); /* Couleur du texte des liens */
    text-decoration: none;
    transition: color 0.3s ease;
}

.wd-el-breadcrumbs a:hover {
    color: var(--cs-color-accent); /* Couleur accentuée au survol */
}

.wd-el-breadcrumbs .wd-delimiter {
    color: var(--cs-color-medium-grey); /* Couleur des séparateurs */
    margin: 0 8px;
}

.wd-el-breadcrumbs .wd-last {
    color: var(--cs-color-primary); /* Couleur de la page actuelle */
    font-weight: 600;
}


/* --- SIDEBAR FILTERS (LEFT COLUMN) --- */
.wpb_column.vc_col-sm-3.vc_col-lg-3.wd-col-offcanvas-sm { /* Cible la colonne du sidebar */
    padding-top: 20px !important; /* Ajuste le padding en haut */
    padding-bottom: 20px !important; /* Ajuste le padding en bas */
    background-color: var(--cs-color-white); /* Fond blanc pour le sidebar */
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    padding-left: 25px !important; /* Padding interne pour les widgets */
    padding-right: 25px !important;
}

/* Style général des widgets dans le sidebar */
.wd-widget.widget.sidebar-widget {
    margin-bottom: 30px; /* Espace entre les widgets */
    padding-bottom: 20px; /* Padding interne pour chaque widget */
    border-bottom: 1px solid var(--cs-color-dc3e34a); /* Séparateur entre widgets */
}

.wd-widget.widget.sidebar-widget:last-child {
    border-bottom: none; /* Pas de séparateur pour le dernier widget */
    margin-bottom: 0;
    padding-bottom: 0;
}

/* Titres des widgets */
.wd-widget.widget-title { /* Si le titre widget a déjà cette classe */
    font-family: 'Montserrat', sans-serif;
    font-size: 1.3em;
    font-weight: 700;
    color: var(--cs-color-primary);
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--cs-color-accent); /* Ligne accent sous le titre */
    display: inline-block; /* Pour que la ligne accent s'ajuste à la largeur du texte */
}
.wd-widget h5.widget-title { /* Pour cibler spécifiquement le h5 si nécessaire */
    font-family: 'Montserrat', sans-serif;
    font-size: 1.3em;
    font-weight: 700;
    color: var(--cs-color-primary);
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--cs-color-accent);
    display: inline-block;
}


/* Styles du filtre de prix (si woodmart le permet) */
.wd-widget.woocommerce.widget_price_filter form .price_slider_amount .button {
    background-color: var(--cs-color-accent);
    color: var(--cs-color-white);
    border-radius: 5px; /* Moins rond que les autres boutons */
    padding: 8px 15px;
    font-size: 0.9em;
    text-transform: uppercase;
    font-weight: 600;
    transition: background-color 0.3s ease;
}
.wd-widget.woocommerce.widget_price_filter form .price_slider_amount .button:hover {
    background-color: var(--cs-color-primary);
}

/* Catégories de produits dans le sidebar */
.wd-widget.widget_product_categories ul.product-categories li {
    margin-bottom: 8px;
}
.wd-widget.widget_product_categories ul.product-categories li a {
    color: var(--cs-color-text);
    text-decoration: none;
    font-size: 1em;
    transition: color 0.3s ease;
}
.wd-widget.widget_product_categories ul.product-categories li a:hover {
    color: var(--cs-color-accent);
    text-decoration: underline;
}


/* --- PRODUCT CONTROLS (RIGHT COLUMN - TOP BAR) --- */
/* Conteneur de la barre des filtres et affichage (results, per-page, view, order-by) */
.vc_row.vc_inner.vc_custom_1645452913983 {
    margin-bottom: 40px !important; /* Espace après cette barre de contrôle */
    padding: 15px 0; /* Padding interne */
    border-bottom: 1px solid var(--cs-color-dc3e34a); /* Ligne de séparation */
    align-items: center; /* Centre verticalement les éléments */
    justify-content: space-between; /* Distribue l'espace entre les éléments */
}

/* Visibilité des éléments sur différentes tailles d'écran (si WoodMart ne le gère pas bien) */
/* Les classes hidden-lg, hidden-md, etc. sont déjà gérées par WoodMart, donc peu de CSS ici */

/* Compteur de résultats */
.wd-shop-result-count.wd-wpb p.woocommerce-result-count {
    font-size: 0.95em;
    color: var(--cs-color-text);
    margin: 0;
}

/* Products per page (dropdown style) */
.wd-shop-prod-per-page.wd-wpb .wd-products-per-page {
    font-size: 0.9em;
    color: var(--cs-color-text);
}
.wd-shop-prod-per-page.wd-wpb .wd-products-per-page .wd-label {
    font-weight: 600;
    color: var(--cs-color-primary);
    margin-right: 5px;
}
.wd-shop-prod-per-page.wd-wpb .wd-products-per-page a.per-page-variation {
    color: var(--cs-color-text);
    text-decoration: none;
    padding: 0 5px;
    transition: color 0.3s ease;
}
.wd-shop-prod-per-page.wd-wpb .wd-products-per-page a.per-page-variation:hover,
.wd-shop-prod-per-page.wd-wpb .wd-products-per-page a.per-page-variation.current-variation {
    color: var(--cs-color-accent);
}

/* Product view switcher (grid/list) */
.wd-shop-view.wd-wpb .wd-products-shop-view a.shop-view {
    border: 1px solid var(--cs-color-medium-grey);
    border-radius: 5px;
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 5px;
    transition: all 0.3s ease;
}
.wd-shop-view.wd-wpb .wd-products-shop-view a.shop-view:hover,
.wd-shop-view.wd-wpb .wd-products-shop-view a.shop-view.current-variation {
    border-color: var(--cs-color-accent);
    background-color: var(--cs-color-accent);
    color: var(--cs-color-white); /* Assuming icons are fonts */
}

/* Order by dropdown */
.wd-shop-ordering.wd-wpb .woocommerce-ordering select.orderby {
    border: 1px solid var(--cs-color-medium-grey);
    border-radius: 5px;
    padding: 8px 15px;
    font-size: 0.9em;
    color: var(--cs-color-text);
    background-color: var(--cs-color-white);
    cursor: pointer;
    transition: border-color 0.3s ease;
}
.wd-shop-ordering.wd-wpb .woocommerce-ordering select.orderby:hover,
.wd-shop-ordering.wd-wpb .woocommerce-ordering select.orderby:focus {
    border-color: var(--cs-color-accent);
    outline: none;
}


/* --- PRODUCT GRID --- */
.products.wd-products {
    /* WoodMart applique déjà des styles de grille (grid-columns-3).
       Ces styles garantissent l'apparence des cartes individuelles. */
    gap: 30px; /* Assure un bon espacement entre les produits */
}

/* Styles pour les produits si background et ombre ne sont pas déjà parfaits */
.wd-product.product-grid-item {
    background-color: var(--cs-color-white);
    border: 1px solid var(--cs-color-dc3e34a);
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}
.wd-product.product-grid-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

/* Ajustement de la taille des images des produits dans la grille */
.products.wd-products .attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    width: 100%;
    height: 250px; /* Hauteur fixe pour toutes les images produit */
    object-fit: cover; /* Recadre l'image pour couvrir l'espace */
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

/* --- PAGINATION --- */
.woocommerce-pagination.wd-pagination {
    margin-top: 50px; /* Espace au-dessus de la pagination */
    text-align: center;
}

.woocommerce-pagination ul.page-numbers {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-flex; /* Pour aligner les numéros horizontalement */
    gap: 8px; /* Espace entre les numéros de page */
}

.woocommerce-pagination ul.page-numbers li {
    display: inline-block;
}

.woocommerce-pagination ul.page-numbers li a,
.woocommerce-pagination ul.page-numbers li span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px; /* Largeur minimale des boutons de page */
    height: 40px; /* Hauteur des boutons de page */
    background-color: var(--cs-color-light-bg); /* Fond des boutons inactifs */
    border: 1px solid var(--cs-color-dc3e34a);
    border-radius: 8px; /* Coins arrondis */
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 0.95em;
    color: var(--cs-color-text);
    text-decoration: none;
    transition: all 0.3s ease;
}

.woocommerce-pagination ul.page-numbers li a:hover {
    background-color: var(--cs-color-accent);
    color: var(--cs-color-white);
    border-color: var(--cs-color-accent);
}

.woocommerce-pagination ul.page-numbers li span.current {
    background-color: var(--cs-color-primary); /* Fond de la page active */
    color: var(--cs-color-white);
    border-color: var(--cs-color-primary);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}


/* --- RESPONSIVE ADJUSTMENTS --- */
@media (max-width: 1199px) { /* Adjustments for tablets (WoodMart's default breakpoint) */
    .vc_row.wd-rs-68231219c08bd > .wpb_column.vc_col-sm-12 {
        padding: 0 15px; /* Less horizontal padding */
    }
    .wd-page-title .entry-title.title {
        font-size: 2em;
    }
    .wpb_column.vc_col-sm-3.vc_col-lg-3.wd-col-offcanvas-sm { /* Sidebar */
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .wd-widget.widget-title {
        font-size: 1.2em;
    }
    .vc_row.vc_inner.vc_custom_1645452913983 { /* Product controls bar */
        margin-bottom: 30px !important;
        padding: 10px 0;
    }
    .products.wd-products {
        gap: 20px;
    }
    .products.wd-products .attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
        height: 220px; /* Adjust image height for tablets */
    }
}

@media (max-width: 991px) { /* Tablet Portrait - Sidebar moves to off-canvas */
    .wd-shop-result-count.hidden-lg { /* Visible now on smaller screens */
        /* Ensure its default visibility is okay or override if needed */
    }
    /* The main content area will take full width */
    .wpb_column.vc_col-sm-12.vc_col-lg-9 {
        flex: 1 1 100%;
        max-width: 100%;
    }
    /* Hide the desktop per-page/view/order elements if they are problematic */
    .wd-shop-prod-per-page.hidden-md,
    .wd-shop-view.hidden-md,
    .wd-shop-ordering.hidden-md {
        /* display: none !important; // Uncomment if these still appear */
    }
    /* Ensure mobile versions of filters/sort/view are present or add them */
}


@media (max-width: 767px) { /* Mobile */
    .vc_row.wd-rs-68231219c08bd {
        padding: 20px 0;
    }
    .wd-page-title .entry-title.title {
        font-size: 1.8em;
    }
    .wd-el-breadcrumbs.wd-wpb {
        padding: 15px 0;
    }
    .wpb_column.vc_col-sm-3.vc_col-lg-3.wd-col-offcanvas-sm { /* Sidebar as a block */
        padding: 15px !important; /* Smaller padding */
        margin-bottom: 20px; /* Space if stacked above products */
    }
    .wd-widget.widget-title {
        font-size: 1.1em;
        margin-bottom: 15px;
    }
    .vc_row.vc_inner.vc_custom_1645452913983 {
        flex-direction: column; /* Stack controls vertically */
        gap: 15px; /* Space between stacked controls */
        margin-bottom: 25px !important;
        padding: 10px 0;
    }
    /* Align controls when stacked */
    .vc_row.vc_inner.vc_custom_1645452913983 > .wpb_column {
        flex: 1 1 100%;
        max-width: 100%;
        text-align: center; /* Center text for stacked controls */
    }
    .products.wd-products {
        grid-template-columns: 1fr; /* Single column on mobile */
        gap: 15px;
    }
    .products.wd-products .attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
        height: 180px; /* Smaller image height for mobiles */
    }
    .woocommerce-pagination ul.page-numbers li a,
    .woocommerce-pagination ul.page-numbers li span {
        min-width: 35px;
        height: 35px;
        font-size: 0.85em;
    }
}

@media (max-width: 480px) {
    .wd-page-title .entry-title.title {
        font-size: 1.5em;
    }
    .wd-el-breadcrumbs nav.wd-breadcrumbs {
        font-size: 0.8em;
    }
}





/* --- Section Styling --- */
.cs-page-section {
    padding: 80px 0;
    margin-bottom: 30px; /* Space between main sections */
    background-color: var(--cs-color-white);
    border-radius: 10px;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08);
}

.cs-page-section:last-child {
    margin-bottom: 0; /* No margin after the last section */
}

/* Specific background for dark section */
.cs-dark-section {
    background-color: var(--cs-color-dark-bg);
    color: var(--cs-color-white);
}

/* Inner container for max-width and centering */
.cs-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 30px;
}

/* --- Headings --- */
.cs-heading-primary {
    font-family: 'Montserrat', sans-serif;
    font-size: 2.8em;
    font-weight: 700;
    color: var(--cs-color-primary);
    margin-bottom: 40px;
    text-align: center;
}

.cs-dark-section .cs-heading-primary {
    color: var(--cs-color-accent); /* Accent for headings on dark background */
}

.cs-heading-secondary {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.8em;
    font-weight: 600;
    color: var(--cs-color-primary);
    margin-bottom: 20px;
}

.cs-dark-section .cs-heading-secondary {
    color: var(--cs-color-accent);
}

/* --- Text Content --- */
.cs-text-content p {
    font-size: 1.05em;
    line-height: 1.7;
    margin-bottom: 15px;
}

.cs-text-content ul {
    list-style-type: disc;
    padding-left: 25px;
    margin-bottom: 20px;
}

.cs-text-content li {
    margin-bottom: 8px;
    font-size: 1.05em;
    line-height: 1.6;
}

.cs-dark-section .cs-text-content p,
.cs-dark-section .cs-text-content li {
    color: var(--cs-color-light-grey); /* Lighter grey for text on dark background */
}

.cs-contact-section .cs-contact-details p {
    font-size: 1.1em;
    margin-bottom: 10px;
}

.cs-contact-section .cs-contact-details a {
    color: var(--cs-color-accent);
    text-decoration: none;
    transition: color 0.3s ease;
}

.cs-contact-section .cs-contact-details a:hover {
    color: var(--cs-color-primary);
}


/* --- Layout (Columns and Rows) --- */
.cs-columns-container {
    display: flex;
    flex-direction: column; /* Stacks rows by default */
    gap: 60px; /* Space between rows */
}

.cs-row {
    display: flex;
    flex-wrap: wrap;
    gap: 40px; /* Space between columns */
    align-items: flex-start; /* Align items to the top by default */
}

.cs-row.cs-align-center {
    align-items: center; /* Vertically center items in this row */
}

.cs-col {
    flex: 1 1 calc(50% - 20px); /* Two columns layout */
    box-sizing: border-box;
}

/* For multi-block sections like Mission/Vision/Values or Team/Why Choose */
.cs-mission-vision-values,
.cs-team-why-choose {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 40px;
    margin-top: 40px;
    margin-bottom: 40px;
}

.cs-about-us-section .cs-text-content:first-of-type {
    margin-bottom: 30px; /* Space after intro text before mission/vision */
}

.cs-block {
    /* Styles for individual blocks within mission/vision/values/team/why choose */
    padding: 20px;
    border: 1px solid var(--cs-color-light-grey);
    border-radius: 8px;
    background-color: var(--cs-color-white);
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.cs-dark-section .cs-block {
    background-color: var(--cs-color-primary); /* Darker green for blocks in dark section */
    border-color: var(--cs-color-primary);
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

/* Specific grid for versatile uses bottom text */
.cs-grid-content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid rgba(255, 255, 255, 0.1); /* Separator in dark section */
}

/* --- Images --- */
.cs-image-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.cs-image {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    display: block;
    object-fit: cover;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.cs-dark-section .cs-image {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); /* Stronger shadow on dark background */
}

/* --- Buttons --- */
.cs-button-wrapper {
    margin-top: 25px;
    text-align: left; /* Align button to the left */
}

.cs-button {
    background-color: var(--cs-color-accent);
    color: var(--cs-color-white);
    padding: 14px 30px;
    border-radius: 30px;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 1.0em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
    border: none;
    cursor: pointer;
}

.cs-button:hover {
    background-color: var(--cs-color-light-green-accent);
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
}

/* --- Utility Classes --- */
.cs-text-center {
    text-align: center;
}

/* --- Responsive Adjustments --- */
@media (max-width: 992px) {
    .cs-page-section {
        padding: 60px 0;
    }
    .cs-heading-primary {
        font-size: 2.2em;
    }
    .cs-heading-secondary {
        font-size: 1.6em;
    }
    .cs-col {
        flex: 1 1 100%; /* Stack columns on smaller screens */
    }
    .cs-row {
        flex-direction: column; /* Ensure rows stack vertically */
        gap: 30px;
    }
    .cs-mission-vision-values,
    .cs-team-why-choose,
    .cs-grid-content {
        grid-template-columns: 1fr; /* Single column for grid layouts */
    }
}

@media (max-width: 768px) {
    .cs-page-section {
        padding: 40px 0;
    }
    .cs-container {
        padding: 0 20px;
    }
    .cs-heading-primary {
        font-size: 1.8em;
        margin-bottom: 30px;
    }
    .cs-heading-secondary {
        font-size: 1.4em;
    }
    .cs-text-content p,
    .cs-text-content li {
        font-size: 1em;
    }
    .cs-button {
        padding: 12px 25px;
        font-size: 0.95em;
    }
    .cs-button-wrapper {
        text-align: center; /* Center buttons on mobile */
    }
}

@media (max-width: 480px) {
    .cs-page-section {
        padding: 30px 0;
    }
    .cs-heading-primary {
        font-size: 1.6em;
        margin-bottom: 25px;
    }
    .cs-heading-secondary {
        font-size: 1.2em;
    }
    .cs-container {
        padding: 0 15px;
    }
}



/* Note: Les variables :root et les imports de polices doivent être définis globalement dans le CSS de votre thème. */

/* --- GENERAL HEADER STYLING --- */
/* Note: Les variables :root et les imports de polices doivent être définis globalement dans le CSS de votre thème. */

/* --- GENERAL HEADER STYLING --- */
/* Retrait des background-color sur .whb-main-header pour conserver ceux du thème */
/* .whb-main-header {
    // background-color: var(--cs-color-primary); // Supprimé pour garder le background d'origine du thème
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    font-family: 'Montserrat', sans-serif;
} */

/* Ajustement de la hauteur de la barre supérieure */
.whb-row.whb-top-bar {
    min-height: 70px; /* Légèrement réduit pour être moins imposant */
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); /* Ligne de séparation subtile */
    /* background-color: var(--cs-color-primary); // Supprimé pour garder le background d'origine du thème */
}

/* Conteneur des éléments de la barre supérieure pour alignement */
.whb-flex-row.whb-top-bar-inner {
    align-items: center; /* Centre les éléments verticalement */
}

/* Logo */
.site-logo.wd-switch-logo img {
    max-width: 140px !important; /* Taille ajustée pour le logo */
    height: auto;
    transition: transform 0.3s ease;
}

.site-logo.wd-switch-logo img:hover {
    transform: scale(1.05); /* Effet de zoom léger au survol */
}

/* --- SEARCH BAR STYLING --- */
.wd-search-form.wd-header-search-form {
    max-width: 750px; /* Largeur maximale ajustée ("juste un peu" réduit) */
    width: 100%; /* S'assure qu'il prend la largeur disponible dans sa max-width */
    margin-left: 80px; /* Espacement autour de la barre de recherche */
}

.wd-search-form .searchform {
    display: flex; /* Permet d'aligner input et bouton */
    border-radius: 30px; /* Coins arrondis pour la barre de recherche complète */
    overflow: hidden; /* S'assurer que les coins arrondis s'appliquent */
    background-color: var(--cs-color-white); /* Fond blanc pour la barre de recherche */
    border: 1px solid var(--cs-color-white); /* Bordure discrète */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.wd-search-form .searchform input.s {
    flex-grow: 1; /* L'input prend le maximum d'espace */
    padding: 10px 18px; /* Padding interne ajusté */
    border: none; /* Retire la bordure par défaut de l'input */
    outline: none; /* Retire le focus outline */
    font-size: 0.9em; /* Taille de police légèrement réduite */
    color: var(--cs-color-text);
    background-color: transparent; /* Fond transparent pour l'input */
}

.wd-search-form .searchform input.s::placeholder {
    color: var(--cs-color-medium-grey); /* Couleur du placeholder */
}

.wd-search-form .searchform button.searchsubmit {
    flex-shrink: 0; /* Le bouton ne rétrécit pas */
    background-color: var(--cs-color-accent); /* Couleur accentuée pour le bouton de recherche */
    color: var(--cs-color-white);
    border: none;
    padding: 0 16px; /* Padding interne du bouton */
    cursor: pointer;
    font-size: 0px; /* Taille de l'icône ou du texte */
    transition: background-color 0.3s ease, transform 0.2s ease;
}

.wd-search-form .searchform button.searchsubmit:hover {
    background-color: #001F19; /* Couleur plus claire au survol */
    transform: scale(1.05); /* Léger agrandissement */
}

/* --- ACCOUNT AND CART ICONS STYLING --- */
/* Styles généraux pour les outils d'en-tête (compte, panier) */
.wd-tools-element {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: var(--cs-color-white); /* Couleur du texte par défaut */
    transition: color 0.3s ease;
    margin-left: 25px; /* Espace entre les éléments (logo, search, account, cart) */
}

.wd-tools-element:hover {
    color: var(--cs-color-accent); /* Couleur accentuée au survol */
}




/* Texte des outils (Minha Conta, 0 itens) */
.wd-tools-element .wd-tools-text {
    font-size: 0.95em; /* Légèrement plus grand */
    font-weight: 500;
    line-height: 1.2;
    text-transform: uppercase;
}

/* Compteur d'articles dans le panier */
.wd-header-cart .wd-cart-number.wd-tools-count {
    font-weight: 700;
    color: var(--cs-color-white); /* Couleur du nombre d'articles */
    background-color: var(--cs-color-accent); /* Fond du cercle du compteur */
    border-radius: 50%;
    min-width: 22px; /* Taille minimale du cercle, légèrement augmentée */
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8em; /* Taille du texte du compteur */
    margin-left: -10px; /* Décalage pour le faire chevaucher l'icône */
    position: relative;
    top: -12px; /* Positionnement au-dessus, ajusté */
    left: 5px;
    transform: translateX(0); /* Reset any default transformations */
}

/* Sous-total du panier */
.wd-header-cart .wd-cart-subtotal {
    font-size: 1em; /* Légèrement plus grand */
    font-weight: 600;
    color: var(--cs-color-white);
}

/* Séparateur "/ itens" */
.wd-header-cart .subtotal-divider {
    color: rgba(255, 255, 255, 0.5); /* Couleur plus discrète */
    margin: 0 5px;
}

/* --- MAIN NAVIGATION BAR STYLING --- */
/* Retrait des background-color sur .whb-row.whb-general-header pour conserver ceux du thème */
.whb-row.whb-general-header {
    /* background-color: var(--cs-color-b5664b8); // Supprimé pour garder le background d'origine du thème */
    min-height: 55px; /* Hauteur de la barre de navigation, légèrement réduite */
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

/* Liens du menu principal */
.wd-header-nav .wd-nav-main > li > a.woodmart-nav-link {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 0.9em; /* Taille de police légèrement réduite pour un look plus compact */
    color: #000000; /* Liens blancs */
    padding: 15px 20px; /* Padding des liens */
    transition: color 0.3s ease, background-color 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.wd-header-nav .wd-nav-main > li > a.woodmart-nav-link:hover {
    color: var(--cs-color-accent); /* Couleur accentuée au survol */
    background-color: rgba(255, 255, 255, 0.05); /* Léger fond au survol */
}

/* Liens du menu principal actifs */
.wd-header-nav .wd-nav-main > li.current-menu-item > a.woodmart-nav-link,
.wd-header-nav .wd-nav-main > li.current_page_parent > a.woodmart-nav-link {
    color: var(--cs-color-accent); /* Couleur accentuée pour l'élément actif */
}

/* Styles des sous-menus (dropdowns) */
.wd-dropdown-menu.wd-dropdown {
    background-color: #ffffff; /* Fond sombre pour les sous-menus */
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    padding: 15px 0;
}

.wd-dropdown-menu .wd-sub-menu li a.woodmart-nav-link {
    font-family: 'Open Sans', sans-serif;
    font-size: 0.9em;
    color: #001F19; /* Texte plus clair pour les sous-éléments */
    padding: 20px 20px;
    transition: color 0.3s ease, background-color 0.3s ease;
}

.wd-dropdown-menu .wd-sub-menu li a.woodmart-nav-link:hover {
    background-color: rgba(104, 186, 86, 0.1); /* Léger fond accentué au survol */
    color: var(--cs-color-accent);
}

/* Bouton "Solicitud de presupuesto" */
/* Utilisez l'ID pour la spécificité */
#wd-68819e7ba8f8e.wd-button-wrapper .btn.btn-style-default {
    background-color: var(--cs-color-accent) !important; /* Couleur accentuée pour le bouton */
    color: var(--cs-color-white) !important;
    padding: 8px 25px !important; /* Padding ajusté */
    border-radius: 30px !important; /* Bords arrondis */
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    font-size: 0.9em !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease !important;
    border: none !important;
}

#wd-68819e7ba8f8e.wd-button-wrapper .btn.btn-style-default:hover {
    background-color: var(--cs-color-f5a43b7) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15) !important;
}

/* --- MOBILE HEADER STYLING (ajustements si WoodMart le permet) --- */
/* Masquer la barre supérieure sur mobile (whb-hidden-mobile) est géré par le thème */
/* Masquer la navigation principale sur mobile (whb-hidden-desktop) est géré par le thème */

/* Général pour la barre mobile inférieure */
.whb-row.whb-header-bottom.whb-hidden-desktop {
    /* background-color: var(--cs-color-primary); // Supprimé pour garder le background d'origine du thème */
    min-height: 50px; /* Hauteur de la barre mobile, légèrement réduite */
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1); /* Ombre légère en haut */
}

/* Éléments mobiles (Menu, Search, Cart) */
.wd-header-mobile-nav,
.wd-header-search-mobile,
.wd-header-cart.wd-design-1 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1; /* Distribue l'espace également */
    color: var(--cs-color-white);
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 0.8em;
    padding: 8px 0; /* Ajuste le padding */
    transition: color 0.3s ease, background-color 0.3s ease;
}

.wd-header-mobile-nav:hover,
.wd-header-search-mobile:hover,
.wd-header-cart.wd-design-1:hover {
    color: var(--cs-color-accent);
    background-color: rgba(255, 255, 255, 0.05);
}

.



/* Logo mobile */
.whb-col-mobile .site-logo img {
    max-width: 65px !important; /* Taille ajustée pour le logo mobile */
}