@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//koruta.net/wp-content/themes/woodmart/fonts/woodmart-font-1-300.woff2?v=8.3.9") format("woff2");
}

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

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

:root {
	--wd-text-font: "Livvic", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgba(20,33,61,0.85);
	--wd-text-font-size: 15px;
	--wd-title-font: "Marisa Light", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 800;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Marcellus SC", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 400;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Livvic", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Marisa Bold", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(252,163,17);
	--wd-widget-title-font-size: 22px;
	--wd-header-el-font: "Marcellus SC", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 400;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 14px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(210,130,2);
	--wd-alternative-color: #fbbc34;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-font-family: "Marisa Bold", Arial, Helvetica, sans-serif;
	--btn-accented-bgcolor: rgb(252,163,17);
	--btn-accented-bgcolor-hover: rgb(210,130,2);
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://koruta.net/wp-content/uploads/2021/07/promo-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(20,33,61);
	background-image: none;
}
slider_title {
	font-family: "Marisa Bold", Arial, Helvetica, sans-serif;
	font-weight: 700;
}
html .wd-nav.wd-nav-main > li > a, div.wd-header-my-account.wd-tools-element .wd-tools-text {
	font-family: "Marisa Medium", Arial, Helvetica, sans-serif;
	font-size: 20px;
}
html .wd-nav.wd-nav-main > li:hover > a, html .wd-nav.wd-nav-main > li.current-menu-item > a, div.wd-header-my-account.wd-tools-element .wd-tools-text:hover {
	color: rgb(210,130,2);
}
html .wd-nav-mobile > li > a {
	font-family: "Marisa Medium", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: rgb(20,33,61);
}
html .wd-nav-mobile > li > a:hover, html .wd-nav-mobile > li.current-menu-item > a {
	color: rgb(248,154,3);
}
.mobile-tab-title.mobile-categories-title > a > span {
	font-family: "Marisa Medium", Arial, Helvetica, sans-serif;
	font-size: 20px;
}
.mobile-tab-title.mobile-categories-title > a > span:hover {
	color: rgb(20,33,61);
}
.mobile-tab-title.mobile-pages-title > a > span {
	font-family: "Marisa Medium", Arial, Helvetica, sans-serif;
	font-size: 20px;
}
.mobile-tab-title.mobile-pages-title > a > span:hover {
	color: rgb(20,33,61);
}
.wd-search-form  {
	font-family: "Livvic", Arial, Helvetica, sans-serif;
}
.cart-widget-side .wd-heading .title {
	font-family: "Marisa Bold", Arial, Helvetica, sans-serif;
	font-weight: 700;
	color: rgb(20,33,61);
}
.shopping-cart-widget-footer {
	font-family: "Marisa Medium", Arial, Helvetica, sans-serif;
}
.cart-info .wd-entities-title {
	font-family: "Marisa Bold", Arial, Helvetica, sans-serif;
	color: rgb(20,33,61);
}
.cart-info .quantity {
	font-family: "Marisa Medium", Arial, Helvetica, sans-serif;
}
.cart-widget-side .btn.wc-backward {
	font-family: "Marisa Medium", Arial, Helvetica, sans-serif;
}
.cart-widget-side .woocommerce-mini-cart__empty-message {
	font-family: "Livvic", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: rgba(118,118,118,0.35);
}
.product-label {
	font-family: "Marisa Light", Arial, Helvetica, sans-serif;
	font-size: 18px;
}
body > div.cart-widget-side.wd-side-hidden.wd-right.wd-opened > div.widget.woocommerce.widget_shopping_cart > div > div.shopping-cart-widget-footer > div > div.progress-msg {
	font-family: "Livvic", Arial, Helvetica, sans-serif;
	font-weight: 400;
	color: rgba(20,33,61,0.8);
}
html .wd-page-content .wd-product .product-wrapper .wd-entities-title {
	font-family: "Marisa Medium", Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 26px;
	color: rgb(20,33,61);
}
html .wd-page-content .wd-product .product-wrapper .wd-entities-title a:hover {
	color: rgba(20,33,61,0.8);
}
.page .wd-page-content {
	background-color: rgb(244,244,244);
	background-image: none;
}
.single-product .wd-page-content {
	background-color: rgb(244,244,244);
	background-image: none;
}
html .comment-form .submit {
	font-family: "Marisa Bold", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: rgb(255,255,255);
	background: rgb(252,163,17);
}
html .comment-form .submit:hover {
	background: rgb(210,130,2);
}
.product-labels .product-label.onsale {
	background-color: rgb(20,33,61);
	color: rgb(244,244,244);
}
.product-labels .product-label.new {
	background-color: rgb(20,33,61);
	color: rgb(244,244,244);
}
.product-labels .product-label.featured {
	background-color: rgb(210,130,2);
	color: rgb(244,244,244);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 768.98px) {
	html .wd-page-content .wd-product .product-wrapper .wd-entities-title {
		font-size: 22px;
	}

}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--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;
--wd-brd-radius: 0px;
}

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


.wd-page-title {
background-color: rgb(20,33,61);
}

@font-face {
	font-family: "Marisa Bold";
	src: url("//koruta.net/wp-content/uploads/2025/10/MarisaBold-1.woff2") format("woff2"), 
url("//koruta.net/wp-content/uploads/2025/10/MarisaBold-1.woff") format("woff");
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: "Marisa Light";
	src: url("//koruta.net/wp-content/uploads/2025/10/MarisaLight.woff2") format("woff2"), 
url("//koruta.net/wp-content/uploads/2025/10/MarisaLight.woff") format("woff");
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: "Marisa Medium";
	src: url("//koruta.net/wp-content/uploads/2025/10/MarisaMedium.woff2") format("woff2"), 
url("//koruta.net/wp-content/uploads/2025/10/MarisaMedium.woff") format("woff");
	font-weight: 500;
	font-style: normal;
}

/********* Top bar menu *********/
		.selectron23-option {
				padding-top: 7px !important;
				padding-bottom: 7px !important;
		}

		/* Change color of FOX Currency Switcher Loading Dots */
		.woocs-lds-ellipsis div {
				background: rgb(210,130,2) !important;
		}

		/* Top bar container for exclusive offers and announcements */
		.exclusive-offer-top-bar {
				font-size: 15px !important;
				display: flex !important;
				justify-content: center !important;
				align-items: center !important;
				text-align: center !important;
				font-family: 'Livvic', sans-serif !important;
				color: rgb(20, 33, 61) !important;
				padding: 10px 0px !important;
		}

		/* Centers top bar text and button in the middle  and fixes gap */
		.whb-top-bar .whb-col-left {
				justify-content: center !important;
				gap: 5px !important;
		}

		/* Styles top bar button border  */
		.get-30-off-button {
				border: 1px solid rgb(20,33,61) !important;
		}

/********* Top bar menu - Currency switcher *********/

		/* Target ONLY your specific container */
		.currency-fix {
				width: auto !important;
				flex: 0 0 auto !important; 
				display: flex !important;
				align-items: center !important;
				justify-content: center !important;
				line-height: 0 !important; 
				padding-right: 0 !important;
		}

		/* Target the Plugin Wrapper (The invisible div between container and dropdown) */
		.currency-fix > div {
				display: flex !important;
				align-items: center !important;
				margin: 0 !important;
				height: auto !important;
		}

		/* Target the Dropdown itself to reset plugin margins */
		.currency-fix .selectron23 {
				margin-top: 0 !important;
				margin-bottom: 0 !important;
				transform: none !important;
		}


/********* Home page *********/
		.home-page-discover-necklaces-section .btn  {
				font-family: "Marisa Bold" !important;
				font-weight: 300px !important;
				font-size: 18px !important;
		}

/********* Posts & Blogs *********/

		.related-posts .post-title {
				font-family: "Marisa Bold" !important;
				font-weight: bold !important;
				color: rgba(20,33,61,0.8) !important;
		}

		.related-posts .read-more-section a {
				color: rgb(252,163,17) !important;
				text-transform: lowercase !important;
		}

		.single-post-sidebar li.cat-item a {
				color: rgba(20,33,61,0.8) !important;
		}

		.single-post-sidebar .wd-entities-title {
			font-family: "Marisa Bold" !important;
			font-weight: bold !important;
			color: rgba(20,33,61,0.8) !important;
			padding-bottom: 0px !important;
		}

		.woodmart-recent-posts-list > li > a > img {
			width: 100% !important;
			height: 100% !important;
			object-fit: cover !important;
			border-left: 4px solid rgb(252,163,17) !important;
		}


/********* Single product page *********/

		.caroussel-title .title-subtitle {
			font-style: italic;
		}

		.woocommerce-product-rating .star-rating {
				color: rgb(197, 130, 21) !important; /* fallback */
		}

		.woocommerce-product-rating .star-rating::before {
				color: rgb(197, 130, 21) !important; /* color of empty stars */
		}

		.woocommerce-product-rating .star-rating span::before {
				color: rgb(197, 130, 21) !important; /* color of filled stars */
		}

		.woocommerce-review-link {
			color: rgb(211, 138, 22);
		}

		.woocommerce-review-link:hover {
			color: rgb(197, 130, 21);
		}

		.product-delivery-note {
			display: flex;
			align-items: center;
		}

		.product-delivery-note::before {
				content: "\f183";
				font-family: "woodmart-font";
				font-weight: 500;
				display: inline-block;
				margin-right: 10px; 
		}

		.product-packing-note {
			display: flex;
			align-items: center;
		}

		.product-packing-note::before {
				content: "\f11e";
				font-family: "woodmart-font";
				font-weight: 500;
				display: inline-block;
				margin-left: 0px; 
				margin-right: 10px; 
		}

		.product-page-separator .vc_separator {
				display: inline-block !important;
				vertical-align: middle !important;
				margin: 0 !important; /* remove space between lines */
				padding: 0 !important;
		}

		.product-page-separator .vc_separator:nth-child(1) {
				width: 2% !important;
		}

		.product-page-separator .vc_separator:nth-child(2) {
				width: 15% !important;
		}

		.product-page-separator .vc_separator:nth-child(3) {
				width: 83% !important;
		}

		/* Hide the Size Guide Popup Title */
		.wd-sizeguide-title {
				display: none !important;
		}

		.product-caract * {
				margin-bottom: 10px !important; 
		}


/********* Single product page (buy solo section) *********/

		/* Main wrapper for the solo purchase section */
		.koruta-solo-container-branded {
				margin-bottom: 15px !important;
				text-align: center !important;
		}

		/* Hide the default WooCommerce "View Cart" link that appears after AJAX add to cart */
		.koruta-solo-container-branded .added_to_cart.wc-forward {
				display: none !important;
		}

		/* Styling for the Select Size text label */
		.koruta-select-size-label {
				font-family: 'Livvic', sans-serif !important;
				font-size: 15px !important;
				font-weight: 600 !important;
				color: rgb(20,33,61) !important;
		}

		/* Flex container to align label and size buttons in a single row to the left */
		.solo-selection-row {
				display: flex !important;
				align-items: center !important;
				justify-content: flex-start !important;
				gap: 12px !important;
				margin-bottom: 15px !important;
		}

		/* Grid layout for the individual size variation boxes */
		.solo-size-selector {
				display: flex !important;
				gap: 8px !important;
		}

		/* Base design for size buttons matching the brand's boxy aesthetic */
		.size-option {
				width: 35px !important;
				height: 35px !important;
				display: flex !important;
				align-items: center !important;
				justify-content: center !important;
				border: 1px solid #dcdcdc !important;
				border-radius: 4px !important;
				background: #fff !important;
				color: #333 !important;
				font-weight: 600 !important;
				font-size: 13px !important;
				cursor: pointer !important;
				transition: all 0.2s !important;
		}

		/* Active state color using brand Navy when a size is selected */
		.size-option.selected {
				background-color: rgb(20,33,61) !important;
				color: #fff !important;
				border-color: rgb(20,33,61) !important;
		}

		/* Hover effect for available sizes */
		.size-option:hover:not(.out-of-stock) {
				border-color: rgb(20,33,61) !important;
		}

		/* Visual style for unavailable variations using a greyed-out look */
		.size-option.out-of-stock {
				opacity: 0.5 !important;
				cursor: not-allowed !important;
				background-color: #f5f5f5 !important;
				position: relative !important;
		}

		/* Diagonal line overlay to indicate out-of-stock status */
		.size-option.out-of-stock::before {
				content: "" !important;
				position: absolute !important;
				width: 100% !important;
				height: 100% !important;
				background: linear-gradient(to top left, transparent 48%, #ccc 49%, #ccc 51%, transparent 52%) !important;
		}

		/* Primary Solo Add to Bag button using high-contrast Orange */
		.koruta-solo-btn {
				width: 100%;
				display: block !important;
				background-color: rgb(252, 163, 17) !important;
				color: white !important;
				border: 1px solid rgb(252, 163, 17) !important;
				padding: 10px 0px !important;
				font-family: 'Marisa Medium', serif !important;
				font-size: 22px !important;
				font-weight: 500 !important;
				letter-spacing: 2px !important;
				border-radius: 6px !important;
				text-transform: uppercase;
				transition: transform 0.2s ease, background-color 0.3s ease;
		}

		/* Subtle hover brightness change for the call-to-action button */
		.koruta-solo-btn:hover:not(.disabled) {
				background-color: rgba(252, 163, 17, 0.8) !important;
		}

		/* Locked state for the button when no size selection has been made */
		.koruta-solo-btn.disabled {
				opacity: 0.5 !important;
				background-color: rgb(252, 163, 17) !important;
				border-color: rgb(252, 163, 17) !important;
				cursor: not-allowed !important;
		}

		

/********* Single product page (complete combo section) *********/

/* ================================================= */
/* 1. DUAL-COLUMN FLEX STRUCTURE                     */
/* ================================================= */

		/* Sets to Flexbox to align children in a row */
		.single-product .wooco_components {
				display: flex !important;
				flex-direction: row !important;
				flex-wrap: nowrap !important; /* Forces them to stay on one line */
				align-items: flex-start !important;
				justify-content: space-between !important;
				width: 100% !important;
		}

		/* Forces the two main product columns to split the available space evenly (50% each) */
		.single-product .wooco_component_1,
		.single-product .wooco_component_2 {
				flex: 0 0 50% !important;
				width: 100% !important;
				padding: 0px !important;
				border: none !important;
				margin: 0 !important;
				flex-direction: column !important;
				align-items: center !important;
				position: relative !important;
		}

		/* Enforces a fixed height of 250px and centering for all product images to ensure alignment */
		.single-product .wooco_components img {
				height: 250px !important;
				width: 100% !important;
				object-fit: contain !important;
				margin: 0 auto !important;
				display: block !important;
				padding: 0 !important;
				border: none !important;
		}

		/* Strips default borders, backgrounds, and shadows from selected items for a clean look */
		.single-product .wooco_component_1 .wooco_item_selected,
		.single-product .wooco_component_2 .wooco_item_selected,
		.single-product .wooco_component_1 .wooco_component_product_selection_item,
		.single-product .wooco_component_2 .wooco_component_product_selection_item {
				border: none !important;
				padding: 0 !important;
				margin: 0 !important;
				background-color: transparent !important;
				box-shadow: none !important;
		}

		/* --- UPDATED: SCROLL FIX IS HERE --- */
		/* Configures the internal product grid as a single-row flex container without wrapping */
		.single-product .wooco_component_1 .wooco_component_product_selection_grid,
		.single-product .wooco_component_2 .wooco_component_product_selection_grid {
				display: flex !important;
				flex-wrap: nowrap !important;
				overflow-x: auto !important; /* CHANGED from hidden to auto to allow JS scrolling */
				width: 100% !important;
				padding: 0 !important;
				margin: 0 !important;
				box-sizing: border-box !important;
				scrollbar-width: none !important; /* Firefox: Hide Scrollbar */
				scroll-behavior: smooth !important;
		}

		/* Chrome/Safari: Hide Scrollbar */
		.single-product .wooco_component_2 .wooco_component_product_selection_grid::-webkit-scrollbar {
				display: none !important;
		}

		/* Ensures individual grid items and images fill their container's full width (100%) */
		.single-product .wooco_component_1 .wooco_component_product_selection_grid_item,
		.single-product .wooco_component_1 .wooco_component_product_selection_grid_item_image,
		.single-product .wooco_component_2 .wooco_component_product_selection_grid_item,
		.single-product .wooco_component_2 .wooco_component_product_selection_grid_item_image {
				flex: 0 0 100% !important;
				min-width: 100% !important;
				width: 100% !important;
				border: none !important;
				margin: 0 !important;
				padding: 0 !important;
				text-align: center !important;
				box-sizing: border-box !important;
		}

/* ================================================= */
/* 2. LEFT COMPONENT: INTERACTION LOCK               */
/* ================================================= */

		/* Globally disables mouse events and resets the cursor for every element inside the left component */
		.single-product .wooco_component_1 * { 
				pointer-events: none !important; cursor: default !important; 
		}

		/* Explicitly ensures that specific grid items and images remain unclickable to prevent accidental selection */
		.single-product .wooco_component_1 .wooco_component_product_selection_grid_item,
		.single-product .wooco_component_1 img {
				pointer-events: none !important;
				cursor: default !important;
		}

		/* Force boutons reactivations */
		.single-product .wooco_component_1 .size-btn {
				pointer-events: auto !important;
				cursor: pointer !important;
		}

/* ================================================= */
/* 3. HIDE DEFAULT CHECKMARKS & BORDERS              */
/* ================================================= */

		/* Hides the default "tick" icon and pseudo-elements to prevent double visuals or clutter */
		.single-product .wooco_tick,
		.single-product .wooco_component_product_selection_item::before,
		.single-product .wooco_item_selected::before {
				display: none !important;
				content: none !important;
				opacity: 0 !important;
				visibility: hidden !important;
		}

		/* Strips standard theme borders, padding, and shadows to ensure the item looks clean and flat */
		.single-product .wooco_item_selected,
		.single-product .wooco_component_product_selection_item {
				border: none !important;
				padding: 0 !important;
				background-color: transparent !important;
				box-shadow: none !important;
		}

/* ================================================= */
/* 4. COMPLETE COMBO BUTTON STYLES                   */
/* ================================================= */

		/* The Button Design (With Opacity Logic) */
		#btn-complete-combo {
				width: 100%;
				display: block;
				background-color: rgb(20,33,61); 
				color: white; 
				border: 1px solid rgb(20,33,61);
				padding: 10px 0px;
				font-family: 'Marisa Medium', serif; 
				font-size: 22px;
				font-weight: 500;
				letter-spacing: 2px;
				border-radius: 6px;
				cursor: pointer;

				/* Hides button initially */
				opacity: 0; 
				transition: background-color 0.3s ease, opacity 0.3s ease;
		}

		/* Displays button */
		#btn-complete-combo.btn-ready {
				opacity: 1 !important;
		}

		#btn-complete-combo:hover {
				background-color: rgba(20,33,61,0.8) !important;
		}

		.single-product .combo-hidden-cart .wd-single-add-cart {
				display: none;
		}

/* ================================================= */
/* 5. RIGHT CAROUSEL NAVIGATION ARROWS               */
/* ================================================= */

		/* Create space on the sides of the Right Column for the arrows */
		.single-product .wooco_component_1,
		.single-product .wooco_component_2 {
				position: relative !important;
				padding-left: 30px !important;
				padding-right: 30px !important;
		}

		/* Style the navigation arrows */
		.custom-arrow-nav {
				position: absolute !important;
				top: 50% !important;
				transform: translateY(-50%) !important;
				width: 35px !important;
				height: 35px !important;
				background: white !important;
				border: 1px solid #ddd !important;
				border-radius: 50% !important;
				display: flex !important;
				align-items: center !important;
				justify-content: center !important;
				cursor: pointer !important;
				z-index: 450 !important;
				font-size: 20px !important;
				box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
		}

		/* Hover effect */
		.custom-arrow-nav:hover {
				background: #f9f9f9 !important;
				color: rgb(252,163,17) !important;
		}

		/* Position arrows */
		.custom-arrow-prev {
				left: 5px !important;
		}

		.custom-arrow-next {
				right: 5px !important;
		}

		/* Style for when the arrow reaches the end/start */
		.custom-arrow-nav.disabled {
				cursor: default !important;
				pointer-events: none !important;
				border-color: #e0e0e0 !important;
				color: #cccccc !important;
				background: #f9f9f9 !important;
				box-shadow: none !important;
		}

/* ================================================= */
/* 6. CENTERED FRAMES & INTEGRATED SELECT BANNERS    */
/* ================================================= */

		/* Configuration du conteneur de l'image */
		.single-product .wooco_component_product_selection_grid_item_image {
				position: relative !important;
				width: 280px !important;
				height: 200px !important;
				margin: 0 !important;
				display: flex !important;
				align-items: center !important;
				justify-content: center !important;
				background: transparent !important;
		}

		/* La Bordure Fine (Utilise ::before) */
		.single-product .wooco_component_product_selection_grid_item_image::before {
				content: "" !important;
				position: absolute !important;
				top: 0 !important;
				left: 50% !important;
				transform: translateX(-50%) !important;
				width: 80% !important;
				height: 95% !important;
				border: 1px solid rgb(20,33,61) !important;
				border-radius: 6px !important;
				z-index: 20 !important; 
				pointer-events: none !important;
				box-sizing: border-box !important;
		}

		/* 3. L'image du produit */
		.single-product .wooco_components img {
				max-width: 90% !important; 
				max-height: 90% !important;
				width: auto !important;
				height: auto !important;
				z-index: 1 !important;
				margin: 0 !important;
				padding: 0 !important;
		}

		/* La Bannière "SELECT" (État par défaut - Gris) */
		.single-product .wooco_component_2 .wooco_component_product_selection_grid_item_image::after {
				content: "Select";
				position: absolute;
				top: 0; 
				left: 50%; 
				width: 80%; 
				transform: translateX(-50%) !important;
				z-index: 10 !important; 
				background-color: #e0e0e0 !important; /* Gris */
				color: #777777 !important;
				text-align: center;
				text-transform: uppercase;
				font-weight: 600;
				padding: 6px 0;
				font-size: 16px;
				letter-spacing: 1px;
				font-family: 'Marisa', serif !important;
				transition: all 0.3s ease;
				border-radius: 6px 6px 0 0 !important; 
		}

		/* La Bannière "SELECTED" (État Actif - Bleu) */
		.single-product .wooco_component_2 .wooco_checked .wooco_component_product_selection_grid_item_image::after,
		.single-product .wooco_component_2 .wooco_item_selected .wooco_component_product_selection_grid_item_image::after,
		.single-product .wooco_component_2 .wpc-visual-selected .wooco_component_product_selection_grid_item_image::after {
				content: "Selected";
				background-color: rgb(20,33,61) !important;
				color: #F4F4F4 !important;
		}

/* ================================================= */
/* 7. PRODUCT SIZES SELECTION STYLES                 */
/* ================================================= */

		/* Hides duplicate variation cards that are not the "Master" card */
		.single-product .hidden-variation-card { 
				display: none !important; 
		}

		/* Container for the size buttons, centering them under the product image */
		.single-product .merged-buttons-container { 
				display: flex; 
				justify-content: center; 
				gap: 8px; 
				margin-top: 8px; 
				flex-wrap: wrap; 
				position: relative; 
				z-index: 20; 
		}

		/* Base style for the size buttons (white background, grey border) */
		.single-product .size-btn { 
				width: 35px; 
				height: 35px; 
				display: flex; 
				align-items: center; 
				justify-content: center; 
				border: 1px solid #dcdcdc; 
				border-radius: 4px; 
				background: #fff; 
				color: #333; 
				font-weight: 600; 
				font-size: 13px; 
				cursor: pointer; 
				transition: all 0.2s; 
		}

		/* Hover effect for size buttons (dark blue border) */
		.single-product .size-btn:hover { 
				border-color: #0f1636; 
		}

		/* Active state for the selected size button (dark blue background) */
		.single-product .size-btn.active { 
				background-color: #0f1636 !important; 
				color: #fff !important; 
				border-color: #0f1636 !important; 
		}

		/* Style for out-of-stock items (greyed out with diagonal line) */
		.single-product .size-btn.is-out-of-stock { 
				opacity: 0.5; 
				cursor: not-allowed; 
				background-color: #f5f5f5; 
				color: #aaa; 
				position: relative; 
		}

		/* Creates the diagonal line overlay for out-of-stock buttons */
		.single-product .size-btn.is-out-of-stock::before { 
				content: ""; 
				position: absolute; 
				top: 0; 
				left: 0; 
				width: 100%; 
				height: 100%; 
				background: linear-gradient(to top left, transparent 48%, #ccc 49%, #ccc 51%, transparent 52%); 
		}

		/* Hides the default checkmark icon on the Master card to keep the design clean */
		.single-product .master-card.wooco_checked::before { 
				display: none; 
		}

		/* Button customization when product is out of stock */
		#btn-complete-combo.btn-combo-oos,
		#btn-complete-combo.btn-combo-oos:hover {
				background-color: #801818 !important;
				border-color: #801818 !important;
				color: rgba(255,255,255,0.8) !important;
				pointer-events: none !important;
				cursor: not-allowed !important;
				box-shadow: none !important;
				opacity: 1 !important;
		}

/* ================================================= */
/* 8. OUT OF STOCK STYLING (RED BANNER, NO GREY)     */
/* ================================================= */

		/* Forces opacity to 100% (Removes the grey overlay) */
		.single-product .wooco_component_product_selection_grid_item.wpc-fully-oos {
				opacity: 1 !important;
		}

		/* Turns the banner RED with "OUT OF STOCK" text */
		.single-product .wooco_component_product_selection_grid_item.wpc-fully-oos .wooco_component_product_selection_grid_item_image::after {
				content: "OUT OF STOCK" !important;
				font-weight: 600;
				padding: 6px 0;
				font-size: 16px;
				letter-spacing: 1px;
				font-family: 'Marisa', serif !important;
				color: #f4f4f4 !important;
				background-color: #801818 !important;
		}

		/* Disables clicks on the image for these products */
		.single-product .wooco_component_product_selection_grid_item.wpc-fully-oos 	.wooco_component_product_selection_grid_item_image {
				pointer-events: none !important;
				border-color: #e0e0e0 !important; /* Bordure grise */
		}

		/* Hides the default text "Out of stock" description since we have the red banner now */
		.single-product .wooco_component_product_selection_grid_item_desc .out-of-stock {
				display: none !important;
		}

/* ================================================= */
/* 9. STYLE ADJUSTEMENT                              */
/* ================================================= */

		/* Remove required asterisks from titles */
		.single-product .wooco_component_name:after,
		.single-product .wooco_component_name::after {
				content: none !important;
				display: none !important;
		}

		/* Center component titles */
		.single-product .wooco_component_name {
				text-align: center !important;
				width: 100% !important;
				display: block !important;
				padding: 0 !important;
				margin-bottom: 10px !important;
		}

		/* Hides components descriptions */
		.single-product .wooco_component_desc {
				display: none !important;
		}

		.single-product  .wooco_component_product_selection_grid_item_name {
				font-size: 18px !important;
				font-family: 'Marisa Medium' !important;
				color: rgb(20,33,61) !important;
				letter-spacing: 1px !important;
		}

		.single-product .wooco_component_product_selection_grid_item_desc {
				font-size: 18px !important;
				font-family: 'Marisa Medium' !important;
		}

		.single-product .wooco_summary .woocommerce-Price-amount {
				font-size: 20px !important;
				font-family: 'Marisa Medium' !important;
		}

		.single-product .single_add_to_cart_button {
				font-size: 16px !important;
		}

		 /* Adds space below the alert */
		.single-product .wooco_alert {
				margin-bottom: 20px !important;
		}


		.single-product .variations .label.cell * {
				color: rgb(20, 33, 61) !important;
		}
		
		/* Change font color for available items that are not selected (ignoring disabled items) */
		.single-product .wd-swatches-product .wd-swatch:not(.wd-active):not(.wd-disabled) {
				color: rgb(20, 33, 61) !important;
		}

		/*Change size slection background on hover (ignoring disabled items) */
		.single-product .wd-swatches-product .wd-swatch:not(.wd-disabled):hover {
				background-color: rgb(20,33,61) !important;
				border-color: rgb(20,33,61) !important;
				color: #f4f4f4 !important;
		}

		/*Change size slection background when selected (ignoring disabled items) */
		.single-product .wd-swatches-product .wd-swatch.wd-active {
				background-color: rgb(20,33,61) !important;
				border-color: rgb(20,33,61) !important;
				color: #f4f4f4 !important;
		}

		.single-product .wooco-total {
				margin-bottom: 10px !important;
				display: block; /* Ensures the margin takes effect */
		}


/* ================================================= */
/* 10. QUICK VIEW BOTTOM LAYOUT                       */
/* ================================================= */

		/* This code forces the View button to always be clickable and on top of everything */
		.single-product .custom-qv-trigger {
				pointer-events: auto !important;
				cursor: pointer !important;
				position: relative !important;
				z-index: 500 !important;
		}

		/* Centers the row container with a maximum width of 80% and uses overflow:hidden to contain the floating children inside */
		.single-product .wooco_component_2 .wooco-bottom-row {
				display: block !important;
				flex-direction: row !important;
				align-items: center !important;
				margin: 0 auto !important;
				max-width: 80% !important;
				overflow: hidden !important;  
				box-sizing: border-box !important;
		}

		/* Floats the title and price to the left, forcing them to occupy 75% of the row's width to leave space for the button */
		.single-product .wooco_component_2 .wooco_component_product_selection_grid_item_info {
				float: left !important;
				width: auto !important;
				min-width: 50% !important;
				min-width: 75% !important;
				text-align: center !important;
				padding-left: 5px !important;
		}

		/* Styles the Quick View trigger as a 25% width inline-block with a dark blue theme to sit adjacent to the text */
		.single-product .wooco_component_2 .custom-qv-trigger {
				float: center !important;
				display: inline-block !important;
				width: 25% !important;
				margin-top: 12px !important;
				background: rgb(20,33,61) !important;
				border: 1px solid rgb(20,33,61) !important;
				border-radius: 4px !important;
				color: #f4f4f4 !important;
				text-decoration: none !important;
				cursor: pointer !important;
		}

		/* Reduces the opacity of the dark blue background slightly to provide visual feedback on hover */
		.single-product .wooco_component_2 .custom-qv-trigger:hover {
				background: rgba(20,33,61,0.8) !important;
				color: #f4f4f4 !important;
		}

		/* Sets the font to 'Livvic', ensures uppercase formatting, and vertically centers the text using line-height */
		.single-product .wooco_component_2 .custom-qv-trigger span {
				font-size: 10px !important;
				font-family: 'Livvic', serif !important;
				font-weight: 600 !important;
				text-transform: uppercase !important;
				line-height: 30px !important;
				display: block !important;
		}


/* ================================================= */
/* 11. STYLE QUANTITY CONTAINER                       */
/* ================================================= */
		/* Style the main container (the capsule) */
		.quantity {
				border: 1px solid rgb(20,33,61) !important;
				border-radius: 6px !important;
				overflow: hidden;
				display: inline-flex !important;
				padding: 0 !important;
		}

		/* Cancel styling on mini-cart */
		.cart-widget-side .quantity {
				border: none !important;
				border-radius: none !important;
		}

		/* Remove borders from the inner buttons and input */
		.quantity input[type="button"].minus,
		.quantity input[type="button"].plus,
		.quantity input.qty {
				border: none !important;
				background-color: #fafafa !important;
				font-size: 20px !important;
				font-family: 'Marisa Medium' !important;
		}

		/* Add a subtle hover effect on the +/- buttons */
		.quantity input[type="button"]:hover {
				background-color: rgba(20,33,61,0.8) !important;
		}

		/********* Cart brogress bar *********/
		.progress-area, .progress-area * {
				border-radius: 6px !important;
		}


/* ================================================= */
/* 🔴 DEBUG MODE: SHOW ALL LAYOUT LINES             */
/* ================================================= */

/* Apply a red outline to every single element inside the popup */
		.single-product .wooco_components * {
				/*outline: 1px solid red !important;

				/* Optional: Adds a very light background to see overlaps */
				/* background: rgba(255, 0, 0, 0.05) !important; */
		}


/********* Single product page (product attributes section) *********/
		.single-product table.woocommerce-product-attributes {
				border-collapse: separate !important; 
				border-spacing: 0 25px !important;
				border: none !important;
		}

		.single-product table.woocommerce-product-attributes {
			vertical-align: middle !important;
			padding-right: 40px !important;
			padding-left: 40px !important;
			padding-bottom: 0px !important;
			background-color: #fafafa !important;
			border: 1px solid rgb(20,33,61) !important;
			border-radius: 10px !important;
		}


/********* Single product page (reviews section) *********/
		#reviews #comment {
				background-color: #fafafa !important;
				border-radius: 6px !important;
				border: 1px solid rgb(20,33,61) !important;
				padding: 15px;
		}

		#reviews input[type="text"],
		#reviews input[type="email"],
		#reviews textarea {
				background-color: #fafafa !important;
				border-radius: 6px !important;
				border: 1px solid rgb(20,33,61) !important;
		}


		#reviews .star-rating,
		#reviews .star-rating::before,
		#reviews .star-rating span::before  {
				color: rgb(197, 130, 21) !important;
		}

		.comment-form-rating p.stars a {
				color: #ccc !important;
		}

		.comment-form-rating p.stars:hover a,
		.comment-form-rating p.stars.selected a {
				color: rgb(197, 130, 21) !important;
		}

		.comment-form-rating p.stars a::before {
				color: inherit !important;
		}

		.woocommerce-Reviews-title, .comment-reply-title {
			font-size: 20px !important;
			color: rgb(20,33,61) !important;
		}

		.comment-form * {
			color: rgba(20,33,61,0.8) !important;
		}

		.comment-form .required{
			color: rgb(197, 130, 21) !important;
		}

		#reviews .form-submit * {
			color: #ffffff !important;
		}

/********* Shop page - title section *********/

		.wd-nav-product-cat .nav-link-summary .nav-link-text {
				font-family: "Marisa Bold" !important; 
				font-weight: bold !important;
				color: rgb(20,33,61) !important;
				font-size: 20px !important;
		}

		.wd-nav-product-cat .nav-link-summary .nav-link-count {
				font-family: 'Livvic', sans-serif !important; 
				color: rgba(20,33,61,0.8) !important;
				font-size: 14px !important;
		}

		.wd-page-title .entry-title {
				color: rgb(20,33,61) !important;
		}

		.category-nav-link .wd-nav-img {
				width: 60px !important;
				height: auto !important;
				max-height: none !important;
		}

		.wd-nav-product-cat li.current-cat .nav-link-summary .nav-link-text,
		.wd-nav-product-cat li.wd-active .nav-link-summary .nav-link-text {
				color: rgb(210,130,2) !important;
		}

		.wd-back-btn > a {
				color: rgb(20,33,61) !important;
		}

		.wd-back-btn > a:hover {
				color: rgba(20,33,61,0.8) !important;
		}

		.wd-shop-tools .wd-breadcrumbs *,
		.wd-shop-tools .wd-show-sidebar-btn, 
		.wd-shop-tools .wd-show-sidebar-btn *,
		.wd-shop-tools .wd-products-per-page *,
		.wd-shop-tools .shop-view.current-variation,
		.wd-shop-tools .shop-view:hover,
		.wd-shop-tools .wd-products-per-page .current-variation,
		.wd-shop-tools .woocommerce-ordering * {
				color: rgb(20, 33, 61) !important;
		}

		.wd-shop-tools .wd-show-sidebar-btn:hover *,
		.wd-shop-tools .shop-view.current-variation:hover *,
		.wd-shop-tools .per-page-variation:hover * {
				color: rgb(210,130,2) !important;
		}

/********* Shop page - filter section *********/

		.wd-sidebar {
				background-color: rgb(252,250,245) !important;
		}

		.wd-sidebar .widget-title {
				font-family: 'Livvic', sans-serif !important;
				color: rgb(20, 33, 61) !important;
				font-size: 18px !important;
				text-transform: capitalize !important;
		}

		.wd-sidebar .product_list_widget .wd-entities-title {
				font-family: "Marisa Bold" !important; 
				font-weight: bold !important;
				color: rgb(20,33,61) !important;
				font-size: 18px !important;
		}


/********* About us page - primary page *********/

		.about-page-title-section {
				display: flex !important;
				justify-content: flex-end !important;
				align-items: flex-end !important;
				padding-right: 10% !important;
				overflow: visible !important;
				position: relative !important;
				z-index: 50 !important;
		}

		.about-hero-floating-box {
						bottom: 50px !important;
						width: 700px !important;
						max-width: 80% !important;
						z-index: 10 !important;
				}

		.about-hero-floating-box .btn-style-link {
				color: #f4f4f4 !important;
				font-family: 'Marisa Medium', serif !important; 
				font-size: 18px !important;
				font-weight: 500 !important;
		}

		.about-hero-floating-box .btn-style-link:hover {
				color: rgb(210,130,2) !important;
				box-shadow: 0 1px 0 0 #f7a400 !important;
				opacity: 1 !important;
		}

		.about-page-second-section .btn-style-link {
				color: rgb(20,33,61) !important;
		}

		.about-page-second-section .btn-style-link:hover {
				color: rgb(210,130,2) !important;
		}

		.about-page-third-section-picture {
				box-shadow: 5px 0 0 0 rgb(252,163,17) !important; 
		}

		.about-page-third-section-founder {
				position: relative;
				display: inline-block;
				z-index: 1;
		}

		.about-page-third-section-founder::after {
				content: "";
				position: absolute;
				left: 0;
				width: 100%;
				left: 15px;
				bottom: -6px;
				height: 20px;
				background-color: rgba(252,163,17, 0.8);
				z-index: -1;
		}

		.about-page-fourth-section {
				display: flex;
				flex-wrap: wrap;
			align-items: flex-start;
		}

		.about-page-fourth-section-column-2 {
				flex-grow: 1;
				flex-basis: 0;
				width: auto !important;
				min-width: 300px;
		}

		.about-page-fourth-section-starting-feeling {
				border-left: 5px solid rgb(252,163,17) !important;	
		}


		.about-page-fifth-section {
				position: relative !important;
				z-index: 10 !important;
				overflow: visible !important;
		}

		.about-page-fifth-section-content {
				margin-top: -120px !important;
				position: relative;
				box-shadow: 0 -15px 30px rgba(0,0,0,0.05); 
		}

		.about-page-fifth-section-content {
				position: relative;
		}

		.about-page-fifth-section-content::before {
				content: "";
				position: absolute;
				right: 0;
				top: 50%;
				bottom: 0;
				width: 5px;
				background-color: rgb(20,33,61) ;
		}


/********* Informative pages *********/

		.informative-page-title-box  {
				position: relative;
		}

		.informative-page-title-box::before {
				content: "";
				position: absolute;
				bottom: 0;
				height: 5px; 
				left: 30%;
				right: 5%;
				background-color: rgb(252,163,17) ;
		}

		.informative-page-title-content {
				color: rgb(20,33,61);
		}

		.page-id-11453 .entry-title,
		.page-id-11453 .wd-breadcrumbs,
		.page-id-11466 .entry-title,
		.page-id-11466 .wd-breadcrumbs,
		.page-id-11476 .entry-title, 
		.page-id-11476 .wd-breadcrumbs,
		.page-id-11507 .wd-breadcrumbs,
		.page-id-11583 .entry-title,
		.page-id-11583 .wd-breadcrumbs {
				opacity: 0 !important;
   			pointer-events: none;
		}

		.page-id-11453 .page-title-default::after,
		.page-id-11466 .page-title-default::after,
		.page-id-11476 .page-title-default::after,
		.page-id-11583 .page-title-default::after {
				content: "CLIENT CARE";
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				color: rgb(20,33,61);
				font-family: "Marisa Light", sans-serif;
				font-size: 68px;
				font-weight: 800;
				z-index: 10;
		}


		/* Standardize H2 for specific pages */
		.page-id-11453 .informative-page-title-content h2,
		.page-id-11453 #cmplz-document h2,
		.page-id-11466 .informative-page-title-content h2,
		.page-id-11466 #cmplz-document h2,
		.page-id-11476 .informative-page-title-content h2,
		.page-id-11476 #cmplz-document h2 {
				color: rgb(20,33,61);
				font-size: 24px;
				font-weight: 800;
				line-height: 1.2;
		}

		/* Standardize Paragraphs (p) for specific pages */
		.page-id-11453 .informative-page-title-content p,
		.page-id-11453 #cmplz-document p,
		.page-id-11466 .informative-page-title-content ,
		.page-id-11466 #cmplz-document p,
		.page-id-11476 .informative-page-title-content ,
		.page-id-11476 #cmplz-document p{
				color: rgb(20,33,61);
				font-size: 16px;
				font-weight: 400;
				line-height: 1.6;
		}

		#cmplz-document {
				max-width: 100% !important;
				width: 100% !important;
		}

		/* Hide the banner initially */
		.cmplz-cookiebanner {
				opacity: 0;
				visibility: hidden;
				animation: cmplzFadeIn 1s forwards;
				animation-delay: 5s;
		}

		/* The animation definition */
		@keyframes cmplzFadeIn {
				0% {
						opacity: 0;
						visibility: hidden;
				}
				1% {
						opacity: 0;
						visibility: visible; /* Make it clickable as it starts appearing */
				}
				100% {
						opacity: 1;
						visibility: visible;
				}
		}

		/* Change "Always active" text color */
		.cmplz-cookiebanner .cmplz-always-active,
		#cmplz-manage-consent-container .cmplz-always-active,
		.cmplz-status-allowed {
				color: rgb(210,130,2) !important;
		}

		/* Force ALL checkboxes to be Orange (Service list & Settings) */
		#cmplz-cookies-overview input[type="checkbox"], 
		#cmplz-manage-consent-container input[type="checkbox"],
		.cmplz-cookiebanner input[type="checkbox"] {
				accent-color: rgb(210,130,2) !important;
		}

		/* Custom Style Overrides (for specific browser styles) */
		#cmplz-cookies-overview input[type="checkbox"]:checked + label::before,
		#cmplz-manage-consent-container input[type="checkbox"]:checked + label::before,
		.cmplz-cookiebanner input[type="checkbox"]:checked + label::before {
				background-color: rgb(210,130,2) !important;
				border-color: rgb(210,130,2) !important;
		}


/*********  Mobile Sticky Bottom Navbar *********/

		body .wd-toolbar .wd-tools-element .wd-tools-icon,
		body .wd-toolbar .wd-tools-element .wd-toolbar-label {
				color: rgb(20, 33, 61) !important;
		}


/********* Pages Footer *********/

		.footer-widget .widget-title {
				color: rgb(210,130,2) !important;
				font-size: 24px !important;
		}

		.footer-widget ul li a {
				color: #f4f4f4 !important;
				font-size: 16px !important;
				opacity: 0.8 !important;
		}

		.footer-widget ul li a:hover {
				color: #f4f4f4 !important;
				opacity: 1 !important;
				padding-left: 5px !important; /* Small movement effect */
		}

/********* Mystery Box Product Page *********/

		body.postid-11589 button.single_add_to_cart_button.disabled,
		body.postid-11589 button.single_add_to_cart_button.wc-variation-selection-needed {
				opacity: 0.5 !important;
				pointer-events: none !important;
				cursor: not-allowed !important;
		}

		.product-learn-more {
				display: none !important;
		}

		body.postid-11589 .product-learn-more {
				margin-top: 10px !important;
				display: block !important;
		}

		body.postid-11589 .wd-single-wishlist-btn,
		body.postid-11589 .wd-single-compare-btn {
				display: none !important;
		}


/********* Compare Page *********/
		.page-id-265 .wd-breadcrumbs {
				opacity: 0 !important;
   			pointer-events: none;
		}

		.page-id-265 .wd-entities-title {	
				font-family: "Marisa Bold" !important;
				font-weight: 800px !important;
				color: rgb(20,33,61) !important;
				font-size: 26px !important;
		}

		.page-id-265 .price {
				font-family: "Marisa Medium" !important;
				font-size: 20px !important;
		}

		.page-id-265 .compare-field {
				font-family: "Livvic" !important;
				font-size: 18px !important;
				color: rgb(20, 33, 61) !important;
				font-weight: 800 !important;
				text-transform: capitalize !important;
		}


/********* View cart / Checkout / Thank you Page *********/

		/* --- 1. Titres et Textes Généraux (Navy Blue) --- */
		.woocommerce-cart,
		.woocommerce-checkout,
		.woocommerce-order-received,
		.woocommerce-cart .wd-page-title .entry-title,
		.woocommerce-checkout .wd-page-title .entry-title,
		.woocommerce-order-received .wd-page-title .entry-title,
		.woocommerce-cart .wd-page-title .title,
		.woocommerce-checkout .wd-page-title .title,
		.woocommerce-order-received .wd-page-title .title,
		.woocommerce-cart .breadcrumb,
		.woocommerce-checkout .breadcrumb,
		.woocommerce-order-received .breadcrumb,
		.woocommerce-cart .breadcrumb a,
		.woocommerce-checkout .breadcrumb a,
		.woocommerce-order-received .breadcrumb a {
				color: rgb(20, 33, 61) !important;
		}

		/* --- 2. Barre de Progression : Étapes (Span et Li) --- */
		.woocommerce-cart .wd-checkout-steps li span,
		.woocommerce-checkout .wd-checkout-steps li span,
		.woocommerce-order-received .wd-checkout-steps li span,
		.woocommerce-cart .wd-checkout-steps li.active span,
		.woocommerce-checkout .wd-checkout-steps li.active span,
		.woocommerce-order-received .wd-checkout-steps li.active span,
		.woocommerce-cart .wd-checkout-steps li a,
		.woocommerce-checkout .wd-checkout-steps li a {
				color: rgb(20, 33, 61) !important;
		}

		/* --- 3. Barre de Progression : Flèches de séparation --- */
		.woocommerce-cart .wd-checkout-steps li:after,
		.woocommerce-checkout .wd-checkout-steps li:after,
		.woocommerce-order-received .wd-checkout-steps li:after {
				color: rgb(20, 33, 61) !important;
				opacity: 1 !important;
		}

		/* Style "Thank you" message */
		.woocommerce-notice--success.woocommerce-thankyou-order-received {
				background-color: rgb(20,33,61) !important;
				color: #f4f4f4 !important;
				padding: 20px !important;
				border-radius: 15px !important;
				text-align: center !important;
				font-weight: bold !important;
				margin-bottom: 30px !important;
				border: none !important;
		}

		/* Style fonts color on page */
		.woocommerce-order-received,
		.woocommerce-order-received .woocommerce-column__title,
		.woocommerce-order-received .woocommerce-table__product-name,
		.woocommerce-order-received .address,
		.woocommerce-order-received th,
		.woocommerce-order-received dt,
		.woocommerce-order-received dd {
				color: rgb(20, 33, 61) !important;
		}

		/* Style price font and color */
		/* Note : Assurez-vous que la police Marisa est bien chargée dans votre thème */
		.woocommerce-cart .woocommerce-Price-amount,
		.woocommerce-cart .amount,
		.woocommerce-cart .total,
		.woocommerce-checkout .woocommerce-Price-amount,
		.woocommerce-checkout .amount,
		.woocommerce-checkout .total,
		.woocommerce-order-received .woocommerce-Price-amount,
		.woocommerce-order-received .amount,
		.woocommerce-order-received .total,
		.woocommerce-order-received .product-total .woocommerce-Price-amount {
				color: rgb(210, 130, 2) !important;
				font-family: "Marisa Bold", sans-serif !important;
				font-size: 22px !important;
				font-weight: normal !important;
		}

		/* Style fonts color on page */
		.woocommerce-order-details__title,
		.woocommerce-table__line-item td,
		.woocommerce-table__footer th,
		.woocommerce-order-overview li {
				color: rgb(20, 33, 61) !important;
		}

		.woocommerce-order-received table.shop_table td, 
		.woocommerce-order-received table.shop_table th {
				border-top: 1px solid rgba(20, 33, 61, 0.1) !important;
		}

		/* Hide toal and payment method from overview */
		.woocommerce-order-overview .woocommerce-order-overview__total,
		.woocommerce-order-overview .woocommerce-order-overview__payment-method {
				display: none !important;
		}

		.woocommerce-order-overview li:last-of-type {
				border-right: none;
		}

		/* 1. Bouton "PROCEED TO CHECKOUT" (Page Panier) */
		.woocommerce-cart .checkout-button.button.alt.wc-forward {
				font-size: 16px !important;
		}

		/* 2. Bouton "APPLY COUPON" (Page Panier) */
		.woocommerce-cart button[name="apply_coupon"] {
				font-size: 16px !important;
		}

		/* 3. Bouton "PLACE ORDER" (Page Paiement) */
		.woocommerce-checkout #place_order {
				font-size: 16px !important;
		}

		/* --- Style for Free Shipping Progress Bar (View Cart Page) --- */
		.woocommerce-cart .wd-shipping-progress-bar.wd-style-bordered {
				background-color: rgb(20, 33, 61) !important; /* Navy Blue background */
				color: #f4f4f4 !important;                    /* Text color */
				padding: 15px 20px !important;                 /* Internal spacing */
				border-radius: 15px !important;                /* Rounded corners */
				border: none !important;                       /* Remove default borders */
				text-align: center !important;
				font-weight: bold !important;
		}

		.woocommerce-cart .wd-free-progress-bar .progress-area {
				background-color: #d4d4d4 !important; /* Light gray track */
		}

		/* Ensure the text inside the notice follows the color rule */
		.woocommerce-cart .wd-shipping-progress-bar .title,
		.woocommerce-cart .wd-shipping-progress-bar {
		color: #f4f4f4 !important;
		}


		/* --- Style for WooCommerce Success/Notice Messages (Cart & Checkout) --- */
		.woocommerce-message, 
		.woocommerce-info, 
		.woocommerce-error,
		.woocommerce-notice {
				background-color: rgb(252,163,17) !important;    /* Light Gray background */
				color: rgb(20, 33, 61) !important;       /* Navy Blue text */
				border-radius: 10px !important;          /* Rounded corners */
				padding: 15px 25px !important;           /* Inner spacing */
				border: none !important;                 /* Remove default green/blue borders */
				margin-bottom: 5px !important;          /* Space below the alert */
				display: flex !important;
				align-items: center !important;
		}

		/* Ensure any text or links inside the message follow the color rule */
		.woocommerce-message, 
		.woocommerce-message a,
		.woocommerce-info,
		.woocommerce-info a {
				color: rgb(20, 33, 61) !important;
				font-weight: 500 !important;
				padding: 20px 25px 20px 60px !important; 
				position: relative !important;
				border: none !important;
		}

		/* 2. Position the icon and ensure it doesn't touch the text */
		.woocommerce-message::before, 
		.woocommerce-info::before, 
		.woocommerce-error::before {
				color: rgb(20, 33, 61) !important;
				/* Position the icon inside the extra padding we created */
				position: absolute !important;
				left: 20px !important; 
				top: 50% !important;
				transform: translateY(-50%) !important;
		}

		.woocommerce-cart .coupon input#coupon_code {
				border-radius: 5px !important;
		}

		/* --- Style for Product Names in the Cart Table --- */
		.woocommerce-cart-form .product-name a, 
		.woocommerce-cart-form .product-name {
				color: rgb(20, 33, 61) !important;       /* Navy Blue */
				font-family: "Marisa Bold", sans-serif !important; /* Your Brand Font */
				font-size: 20px !important;              /* Adjusted for readability */
				text-decoration: none !important;
		}

		.cart-totals-inner, 
		.cart_totals {
				border-radius: 20px !important;
				overflow: hidden !important;
				border: 1px solid rgba(20, 33, 61, 0.1) !important;
		}

		.woocommerce-checkout .cart_item .wd-delivery-detail {
				display: none !important;
		}



/* =============================================================================================================================== */
/* Page-Specific Pricing: Applies Marisa Bold only to the Home and Shop/Archive pages for a cohesive brand aesthetic.
/* Result: Removes standard fonts and replaces them with Marisa at 700 weight for all product grids.
/********* to handle later  *********/

		/* Target Home page (.home) and Shop/Category pages (.archive, .post-type-archive-product) */
		.home .price, 
		.home .price .amount,
		.archive .price, 
		.archive .price .amount,
		.post-type-archive-product .price,
		.post-type-archive-product .price .amount {
				font-family: 'Marisa Bold', sans-serif !important; 
				letter-spacing: 0.02em;
				font-size: 25px !important; 
		}

		/* Ensure the grid item prices specifically reflect the change */
		.home .product-grid-item .price,
		.archive .product-grid-item .price {
				font-family: 'Marisa Bold', sans-serif !important;
		}


/* =============================================================================================================================== */
/* Home Page Exclusive: Hides Quick View on the Home page grid while preserving it on the Shop/Archive pages.
/* This maintains a high-end "Siren" landing page while keeping functional tools for shoppers.
/* =============================================================================================================================== */

		.home .product-element-bottom .woosq-btn {
				display: none !important;
		}

		.home .product-element-bottom {
				padding-bottom: 15px !important;
		}


/* ========================================================================= */
/* Related Products Final Fix: No space between custom class and theme class */
/* ========================================================================= */

		/* 1. Hide the Quick View button using your specific custom section class */
		.single-product-page-related-items-section .woosq-btn,
		.single-product-page-related-items-section .product-element-bottom button {
				display: none !important;
		}

		/* 2. Apply Marisa Bold and Gold Color to Prices */
		.single-product-page-related-items-section .price,
		.single-product-page-related-items-section .price .amount,
		.single-product-page-related-items-section .woocommerce-Price-amount {
				font-family: 'Marisa Bold', sans-serif !important;
				font-size: 20px !important;
		}

/* ========================================================================= */
/* Home Featured Products: Title Styling (Marisa Medium)                     */
/* ========================================================================= */

		.home-featured-products .wd-entities-title,
		.home-featured-products .product-title,
		.home-featured-products .product-title a {
				font-family: 'Marisa Bold', sans-serif !important;
				font-weight: 700 !important;
				font-size: 20px !important;
				color: rgb(20, 33, 61) !important;
		}

		.home-featured-products .price,
		.home-featured-products .price .amount{
				margin-top: -10px !important;
				font-size: 18px !important;
		}

		.home-featured-products .widget-title,
		.home-featured-products .widgettitle,
		.home-featured-products .title {
				font-family: 'Livvic', sans-serif !important;
				font-style: italic !important;
				font-size: 22px !important;
				font-weight: 400 !important;
				text-transform: capitalize !important;
		}

		/* 1. Style Blog Post Titles */
		.blog .wd-entities-title,
		.blog .entry-title,
		.blog .entry-title a,
		.home-blog-section .wd-entities-title,
		.home-blog-section .entry-title,
		.home-blog-section .entry-title a {
				font-family: 'Marisa Bold', sans-serif !important;
				font-weight: 700 !important;
				color: rgb(20, 33, 61) !important;
		}

		/* 2. Style "Continue Reading" Links */
		.blog .wd-post-read-more,
		.home-blog-section .wd-post-read-more {
				text-transform: lowercase !important;
		}

		/* Ensure hover state remains subtle */
		.blog .entry-title a:hover,
		.home-blog-section .entry-title a:hover {
				color: rgb(20, 33, 61) !important;
				opacity: 0.8;
		}

		.blog .wd-sidebar,
		.archive.post-type-archive-post .wd-sidebar {
				background-color: #f4f4f4 !important;
				padding: 20px !important;
				border-radius: 5px;
		}


/********* Contact Us Page *********/

/* --- Style for WooCommerce Success/Notice Messages (Cart & Checkout) --- */
		/* Ensure the output is hidden until the plugin triggers it */
		.wpcf7-response-output {
				display: none !important; 
				background-color: rgb(20, 33, 61) !important;
				color: #f4f4f4 !important;
				border-radius: 10px !important;
				border: none !important;
				align-items: center !important;
		}

		/* This class is added by the plugin automatically upon submission */
		.wpcf7-display-none {
				display: none !important;
		}

		/* Only show when the form has been sent or has an error */
		.wpcf7-form.sent .wpcf7-response-output,
		.wpcf7-form.invalid .wpcf7-response-output,
		.wpcf7-form.spam .wpcf7-response-output,
		.wpcf7-form.failed .wpcf7-response-output {
				display: flex !important;
		}

/********* to handle later  *********/

.join-us-reviews-section-home-page {
		display: none !important;
}








@media (min-width: 1025px) {
	/********* Home page - Top bar menu *********/

		/* Transparent header : Header Jewellery Overlap : ID-181970 */
		header.whb-header.whb-header_181970 .whb-main-header .whb-row.whb-general-header {
				background-color: rgba(0, 0, 0, 0.6) !important;
				transition: background-color 1s ease !important;
		}

		/* Sticky state header when scrolling : Header Jewellery Overlap : ID-181970 */
		header.whb-header.whb-sticked.whb-header_181970 .whb-main-header .whb-row.whb-general-header {
				background-color: rgb(20, 33, 61) !important;
		}

		div.wd-header-my-account.wd-tools-element:hover > a,
		div.wd-header-search.wd-tools-element:hover > a,
		div.wd-header-wishlist.wd-tools-element:hover > a,
		div.wd-header-cart.wd-tools-element:hover > a {
				color: rgb(210,130,2) !important;
		}

/********* Home page - Mini cart Menu *********/
		.cart-widget-side {
			background-color: rgb(252,250,245) !important;
		}

		.cart-widget-side .wd-heading .title {
			font-weight: bold !important;
		}

		.close-side-widget.wd-cross-icon a {
			text-indent: -9999px !important;
		}

		.close-side-widget.wd-cross-icon a::before,
		.close-side-widget.wd-cross-icon a::after {
			text-indent: 0;
			color: rgb(20, 33, 61) !important;
		}

		.close-side-widget.wd-cross-icon a:hover::before,
		.close-side-widget.wd-cross-icon a:hover::after {
			color: rgb(210,130,2) !important;
		}

		.wd-heading {
			height: 60px !important;
			padding-top: 0 !important;
			padding-bottom: 0 !important;
		}

		.woocommerce-mini-cart .cart-item-image {
			margin-bottom: 0px !important;
		}

		.woocommerce-mini-cart .cart-item-image img,
		.woocommerce-mini-cart-item img {
			border-left: 3px solid rgba(210,130,2,0.9) !important;
		}

		.woocommerce-mini-cart .mini_cart_item:hover {
			background-color: rgb(243,236,216) !important;
		}

		.woocommerce-mini-cart .mini_cart_item {
				display: flex !important;
				align-items: center !important;
		}

		.cart-info .wd-entities-title {
			font-size: 18px !important;
    	margin-bottom: 1px !important;
		}

		.cart-info .quantity {
			font-size: 18px !important;
			color: rgb(118,118,118) !important;
		}

		.cart-info .quantity .amount {
			color: rgba(210,130,2,0.9) !important;
		}

		.woocommerce-mini-cart__total strong {
    	color: rgb(20, 33, 61) !important;
		}

		.woocommerce-mini-cart__total .woocommerce-Price-amount {
			color: rgb(210,130,2) !important;
		}

		.woocommerce-mini-cart__buttons .btn-cart {
			background-color: transparent !important;
			border-radius: 10px !important;
			border: 1.5px solid rgb(20, 33, 61) !important;
			font-size: 18px !important;
		}

		.woocommerce-mini-cart__buttons .btn-cart:hover {
			background-color: rgba(20, 33, 61,0.9) !important;
			color: #fff !important;
		}

		.woocommerce-mini-cart__buttons .checkout {
			background-color: rgb(20, 33, 61) !important;
			border-radius: 10px !important;
			font-size: 18px !important;
		}

		.woocommerce-mini-cart__buttons .checkout:hover {
			background-color: rgba(20, 33, 61,0.9) !important;
		}

		.cart-widget-side .wc-backward,
		.cart-widget-side a.btn.wc-backward {
			background-color: rgb(20, 33, 61) !important;
			border-radius: 10px !important;
			font-size: 16px !important;
		}

		.cart-widget-side .wc-backward:hover,
		.cart-widget-side a.btn.wc-backward:hover {
			background-color: rgba(20, 33, 61,0.9) !important;
		}

		.wd-empty-mini-cart {
				display: flex !important;
				flex-direction: column !important;
				align-items: center !important;
		}

		.woocommerce-mini-cart .cart-info .woocs_special_price_code,
		.woocommerce-mini-cart-item .cart-info .woocs_special_price_code,
		.woocommerce-mini-cart__total .woocs_special_price_code {
				padding-left: 10px !important;
		}

/********* Home page - ELEGANCE BOX *********/

		.elegance-box-section * {
			padding: 0px !important;
			margin-bottom: 0px !important;
		}

		.elegance-box-section {
			background-repeat: repeat-x !important;
			background-size: auto 100% !important;
			background-position: top left !important;
			position: relative !important;
			z-index: 20 !important;
			overflow: visible !important;
		}

		.section_2_to_hide_on_laptop,
		.section_2_to_hide_on_laptop_2 {
			display: none !important;
			visibility: hidden !important;
		}


/********* Home page - Caroussel Section 1 *********/
		.caroussel-banner .banner-btn-wrapper {
			font-family: 'Marisa Medium', sans-serif !important;
		}

/********* Home page - 925 SILVER SPARKLE *********/
		.discover_it a {
			color: rgb(244,244,244) !important;
		}

		.discover_it a:hover {
			color: rgb(206,206,206) !important;
		}

/********* Home page - MYSTERY BOX *********/
		.mystery-box-section { 
			background-repeat: repeat-x !important;
			background-size: auto 65% !important;
			background-position: top left !important;
			position: relative !important;
			z-index: 20 !important;
			overflow: visible !important;
		}

		.mystery-box-video .wd-el-video {
			aspect-ratio: 3 / 4 !important;
		}

		.mystery-box-section-phone { 
			display: none !important;
			visibility: hidden !important;
		}

/********* Single product page *********/

		/* Hide share links specific to mobile*/
		.single-product .product-share-for-phone {
        display: none !important;
    }

/********* Single product - COMPLETE COMBO *********/
		/* Add Side Padding to match Blue Button */
    .single-product .wooco_components {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: center !important;
        align-items: flex-start !important;
        width: 100% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        box-sizing: border-box !important;
        gap: 10px !important;
    }

    /* The Two Columns (Bracelet & Ring) */
    .single-product .wooco_component_1,
    .single-product .wooco_component_2 {
        flex: 0 0 48% !important;
        width: 48% !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: visible !important;
    }

    /* Images: Force them to fit the new smaller columns */
    .single-product .wooco_component_product_selection_grid_item_image {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 1 / 1 !important;
        max-width: 100% !important;
        margin: 0 auto !important;
    }


    /* Change the row from a "Block" to a "Flex Column" so items stack */
    .single-product .wooco_component_2 .wooco-bottom-row {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        max-width: 100% !important;
        height: auto !important;
        overflow: visible !important;
    }

		/* Style the navigation arrows */
		.custom-arrow-nav {
				position: absolute !important;
				top: 0% !important;
				transform: translateY(-10%) !important;
				width: 30px !important;
			height: 30px !important;
		}


/********* Single product quick view *********/

		/* Main Container: Turns on Flexbox so we can reorder elements */
		.popup-quick-view .wd-product-brands {
				display: inline-flex !important;
				width: 150px !important;                    
				vertical-align: middle !important;
				justify-content: flex-end !important;
				align-items: center !important;
				gap: 10px !important;
				margin-bottom: 0 !important;
				position: static !important;
		}

		/* Product Title: Moves to position #1 (Top Left) */
		.popup-quick-view h1.product_title {
				display: inline-block !important;
				width: calc(100% - 160px) !important;
				vertical-align: middle !important;
				margin-bottom: 0 !important;
				line-height: 1.2 !important;

				font-family: 'Marisa Medium', 'Marisa', sans-serif !important;
				font-weight: 500 !important;
				font-size: 40px !important;
				color: rgb(20, 33, 61) !important;
		}

		/* Brand Icons: Moves to position #2 (Top Right) */
		.popup-quick-view .wd-product-brands img {
				max-height: 65px !important; 
				width: auto !important;
				min-width: 50px !important;
		}

		/* Product Price: Moves to position #4 (Bottom) */
		.popup-quick-view .price {
				display: block !important;
				clear: both !important;
				width: 100% !important;
				font-family: 'Marisa Medium', 'Marisa', sans-serif !important;
				font-size: 30px !important;
				color: rgb(210, 130, 2) !important;
		}

		/* Custom Separator: Draws the Grey-Yellow-Grey lines above price */
		.popup-quick-view .price::before {
				content: "" !important;
				display: block !important;
				width: 100% !important;
				height: 5px !important;
				margin-top:10px !important;
				margin-bottom: 10px !important;
				background: 
						linear-gradient(to right, rgba(169, 169, 169, 0.30), rgba(169, 169, 169, 0.30)) 0% center / 2% 1px no-repeat,
						linear-gradient(to right, rgb(221, 153, 51), rgb(221, 153, 51)) 2% center / 15% 100% no-repeat,
						linear-gradient(to right, rgba(169, 169, 169, 0.30), rgba(169, 169, 169, 0.30)) 17% center / 100% 1px no-repeat;
		}

		/* Cleanup: Hides the default buttons we don't need */
		.popup-quick-view .wooco-combo-btn-wrapper,
		.popup-quick-view .popup-quick-view,
		.popup-quick-view a.button.product_type_composite,
		.popup-quick-view a.add_to_cart_button.product_type_composite,
		.popup-quick-view .view-details-btn,
		.popup-quick-view .koruta-solo-container-branded {
				display: none !important;
		}

		/* Edits descriptions bottom margin */
		.popup-quick-view .woocommerce-product-details__short-description {
				margin-bottom: 10px !important;
		}


/********* Exclusive offers page *********/

		.exclusive-offers-mobile,
		.exclusive-offers-mystery-mobile {
				display: none !important;
				visibility: hidden !important;
		}


/********* H&H offer popup *********/

		.hh-offer-popup-image-mobile {
				display: none !important;
				visibility: hidden !important;
		}

/********* Pages Footer *********/

		.footer-sidebar {
				display: flex !important;
				flex-wrap: wrap !important;
		}

    .footer-sidebar .footer-column-1 {
        flex: 0 0 25% !important; 
        max-width: 25% !important;
    }

    .footer-sidebar .footer-column:not(.footer-column-1) {
        flex: 1 !important;
        max-width: 100% !important;
    }





.elegance-box-section * {
			padding: 0px !important;
			margin-bottom: 0px !important;
			/*outline: 1px solid red !important;*/

		}

		.elegance-box-section {
			background-repeat: repeat-x !important;
			background-size: auto 100% !important;
			background-position: top left !important;
			position: relative !important;
			z-index: 20 !important;
			overflow: visible !important;
		}

.elegance-box-section {
    background-image: url('https://koruta.net/wp-content/uploads/2025/11/LP-Section-2-V2-BG-LAPTOP-web.webp') !important;
    background-repeat: repeat-x !important;
    background-position: center left !important;
    
    /* This forces the image to be exactly as tall as the section 
       and 2560px wide (its native width) to prevent stretching */
    background-size: 2560px 100% !important; 
    
    display: block !important;
    min-height: 1px; /* Forces the browser to calculate height */
    position: relative !important;
}

	


}

@media (min-width: 768px) and (max-width: 1024px) {
	/********* Home page - Top bar menu *********/

		/* Transparent header : Header Jewellery Overlap : ID-181970 */
		header.whb-header.whb-header_181970 .whb-main-header .whb-row.whb-general-header {
				background-color: rgba(0, 0, 0, 0.6) !important;
				transition: background-color 1s ease !important;
		}

		/* Sticky state header when scrolling : Header Jewellery Overlap : ID-181970 */
		header.whb-header.whb-sticked.whb-header_181970 .whb-main-header .whb-row.whb-general-header {
				background-color: rgb(20, 33, 61) !important;
		}

		div.wd-header-my-account.wd-tools-element:hover > a,
		div.wd-header-search.wd-tools-element:hover > a,
		div.wd-header-wishlist.wd-tools-element:hover > a,
		div.wd-header-cart.wd-tools-element:hover > a {
				color: rgb(210,130,2) !important;
		}

/********* Home page - Mini cart Menu *********/
		.cart-widget-side {
			background-color: rgb(252,250,245) !important;
		}

		.cart-widget-side .wd-heading .title {
			font-weight: bold !important;
		}

		.close-side-widget.wd-cross-icon a {
			text-indent: -9999px !important;
		}

		.close-side-widget.wd-cross-icon a::before,
		.close-side-widget.wd-cross-icon a::after {
			text-indent: 0;
			color: rgb(20, 33, 61) !important;
		}

		.close-side-widget.wd-cross-icon a:hover::before,
		.close-side-widget.wd-cross-icon a:hover::after {
			color: rgb(210,130,2) !important;
		}

		.wd-heading {
			height: 60px !important;
			padding-top: 0 !important;
			padding-bottom: 0 !important;
		}

		.woocommerce-mini-cart .cart-item-image {
			margin-bottom: 0px !important;
		}

		.woocommerce-mini-cart .cart-item-image img {
  		border-left: 3px solid rgba(210,130,2,0.9) !important;
		}

		.woocommerce-mini-cart .mini_cart_item:hover {
			background-color: rgb(243,236,216) !important;
		}

		.woocommerce-mini-cart .mini_cart_item {
				display: flex !important;
				align-items: center !important; /* vertical centering */
		}

		.cart-info .wd-entities-title {
			font-size: 18px !important;
    	margin-bottom: 1px !important;
		}

		.cart-info .quantity {
			font-size: 18px !important;
			color: rgb(118,118,118) !important;
		}

		.cart-info .quantity .amount {
			color: rgba(210,130,2,0.9) !important;
		}

		.woocommerce-mini-cart__total strong {
    	color: rgb(20, 33, 61) !important;
		}

		.woocommerce-mini-cart__total .woocommerce-Price-amount {
			color: rgb(210,130,2) !important;
		}

		.woocommerce-mini-cart__buttons .btn-cart {
			background-color: transparent !important;
			border-radius: 10px !important;
			border: 1.5px solid rgb(20, 33, 61) !important;
			font-size: 18px !important;
		}

		.woocommerce-mini-cart__buttons .btn-cart:hover {
			background-color: rgba(20, 33, 61,0.9) !important;
			color: #fff !important;
		}

		.woocommerce-mini-cart__buttons .checkout {
			background-color: rgb(20, 33, 61) !important;
			border-radius: 10px !important;
			font-size: 18px !important;
		}

		.woocommerce-mini-cart__buttons .checkout:hover {
			background-color: rgba(20, 33, 61,0.9) !important;
		}

		.cart-widget-side .wc-backward,
		.cart-widget-side a.btn.wc-backward {
			background-color: rgb(20, 33, 61) !important;
			border-radius: 10px !important;
			font-size: 16px !important;
		}

		.cart-widget-side .wc-backward:hover,
		.cart-widget-side a.btn.wc-backward:hover {
			background-color: rgba(20, 33, 61,0.9) !important;
		}

		.wd-empty-mini-cart {
				display: flex !important;
				flex-direction: column !important;
				align-items: center !important;
		}

/********* Home page - ELEGANCE BOX *********/

		.elegance-box-section * {
			padding: 0px !important;
			margin-bottom: 0px !important;
		}

		.elegance-box-section {
			background-repeat: repeat-x !important;
			background-size: auto 100% !important;
			background-position: top left !important;
			position: relative !important;
			z-index: 20 !important;
			overflow: visible !important;
		}

		.section_2_to_hide_on_laptop,
		.section_2_to_hide_on_laptop_ 2 {
			display: none !important;
			visibility: hidden !important;
		}

/********* Home page - 925 SILVER SPARKLE *********/
		.discover_it a {
			color: rgb(244,244,244) !important;
		}

		.discover_it a:hover {
			color: rgb(206,206,206) !important;
		}

/********* Home page - MYSTERY BOX *********/

		.mystery-box-section {
			background-size: 100% auto !important;
			background-position: center top !important;
			background-repeat: no-repeat !important;
			width: 100vw !important;
			min-height: 45vw !important; 
			height: 40vw !important;
		}

		.mystery-box-section {
			margin-top: 80px !important;
			margin-bottom: -50px !important;
			overflow: visible !important;
		}

		.mystery-box-video .wd-el-video {
			aspect-ratio: 3 / 4 !important;
		}

		.mystery-box-section-phone { 
			display: none !important;
			visibility: hidden !important;
		}

/********* Home page - H&H OFFER *********/

		.offer-section-spacing { 
			display: none !important;
			visibility: hidden !important;
		}

		.hh-section {
			display: flex !important;
			flex-direction: row !important;
			align-items: center!important;
			justify-content: center!important;
		}

/********* Single product page *********/

		/* Hide share likns specific to mobile*/
		.single-product .product-share-for-phone {
        display: none !important;
    }

/********* Shop page - title section *********/

		.wd-nav-accordion-mb-on.color-scheme-light .wd-nav-product-cat {
        background-color: rgba(0, 0, 0, 0.3) !important; 
    }

		.wd-btn-show-cat a {
				color: rgba(20,33,61,0.8) !important;
		}

		.wd-btn-show-cat a:hover {
				color: rgb(210,130,2) !important;
		}


/********* Informative pages *********/

		.page-id-11453 .page-title-default::after,
		.page-id-11466 .page-title-default::after,
		.page-id-11476 .page-title-default::after {
				font-size: 36px;
		}

		#cmplz-manage-consent .cmplz-manage-consent {
				display: none !important;
		}

/********* Exclusive offers page *********/

		.exclusive-offers-mobile,
		.exclusive-offers-mystery-laptop {
				display: none !important;
				visibility: hidden !important;
		}


/********* H&H offer popup *********/

		.hh-offer-popup-image-mobile {
				display: none !important;
				visibility: hidden !important;
		}

/********* Pages Footer *********/

		.footer-sidebar {
				display: flex !important;
				flex-wrap: wrap !important;
		}

    .footer-sidebar .footer-column-1 {
        flex: 0 0 25% !important; 
        max-width: 25% !important;
    }

    .footer-sidebar .footer-column:not(.footer-column-1) {
        flex: 1 !important;
        max-width: 100% !important;
    }

}

@media (min-width: 577px) and (max-width: 767px) {
	/********* Home page - ELEGANCE BOX *********/

		.elegance-box-section * {
			padding: 0px !important;
			margin-bottom: 0px !important;
		}

		.elegance-box-section {
			background-repeat: repeat-x !important;
			background-size: auto 100% !important;
			background-position: top left !important;
			position: relative !important;
			z-index: 20 !important;
			overflow: visible !important;
		}

		.section_2_to_hide_on_laptop,
		.section_2_to_hide_on_laptop_2 {
			display: none !important;
			visibility: hidden !important;
		}

/********* Home page - MYSTERY BOX *********/
		.mystery-box-section,
		.mystery-box-section * {
  		background-image: none !important;
		}

		.mystery-box-content {
			display: flex !important;
  		justify-content: flex-start !important;
		}

		.mystery-box-section-phone { 
			display: none !important;
			visibility: hidden !important;
		}

/********* Home page - H&H OFFER *********/

		.hh-section {
			display: flex !important;
			flex-direction: row !important;
			align-items: center!important;
			justify-content: center!important;
		}

/********* Single product page *********/

		/* Hide share likns specific to mobile*/
		.single-product .product-share-for-phone {
        display: none !important;
    }


/********* Shop page - title section *********/

		.wd-nav-accordion-mb-on.color-scheme-light .wd-nav-product-cat {
        background-color: rgba(0, 0, 0, 0.3) !important; 
    }

		.wd-btn-show-cat a {
				color: rgba(20,33,61,0.8) !important;
		}

		.wd-btn-show-cat a:hover {
				color: rgb(210,130,2) !important;
		}


/********* Informative pages *********/

		.page-id-11453 .page-title-default::after,
		.page-id-11466 .page-title-default::after,
		.page-id-11476 .page-title-default::after {
				font-size: 36px;
		}

		#cmplz-manage-consent .cmplz-manage-consent {
				display: none !important;
		}

/********* Exclusive offers page *********/

		.exclusive-offers-mobile,
		.exclusive-offers-mystery-laptop {
				display: none !important;
				visibility: hidden !important;
		}


/********* H&H offer popup *********/

		.hh-offer-popup-image-mobile {
				display: none !important;
				visibility: hidden !important;
		}

/********* Pages Footer *********/

		.footer-sidebar {
				display: flex !important;
				flex-wrap: wrap !important;
		}

    .footer-sidebar .footer-column-1 {
        flex: 0 0 25% !important; 
        max-width: 25% !important;
    }

    .footer-sidebar .footer-column:not(.footer-column-1) {
        flex: 1 !important;
        max-width: 100% !important;
    }

}

@media (max-width: 576px) {
	/********* Home page - Top bar menu *********/

		/* Transparent header : Header Jewellery Overlap : ID-181970 */
		header.whb-header.whb-header_181970 .whb-main-header .whb-row.whb-general-header {
				background-color: rgba(0, 0, 0, 0.6) !important;
				transition: background-color 1s ease !important;
		}

		/* Sticky state header when scrolling : Header Jewellery Overlap : ID-181970 */
		header.whb-header.whb-sticked.whb-header_181970 .whb-main-header .whb-row.whb-general-header {
				background-color: rgb(20, 33, 61) !important;
		}

		div.wd-header-mobile-nav.wd-tools-element:hover > a,
		div.wd-header-cart.wd-tools-element:hover > a {
						color: rgb(210,130,2) !important;
				}

		/* Top bar container for exclusive offers and announcements */
		.exclusive-offer-top-bar-phone {
				font-size: 15px !important;
				display: flex !important;
				justify-content: center !important;
				align-items: center !important;
				text-align: center !important;
				font-family: 'Livvic', sans-serif !important;
				color: rgb(20, 33, 61) !important;
				padding-left: 0px !important;
				padding-right: 0px !important;
		}

		/* Styles top bar button border  */
		.get-30-off-button {
				padding-left: 5px !important;
				padding-right: 5px !important;
		}

		/* Positions top bar currency switcher  */
		.selectron23 {
			width: 65px !important;
			position: absolute !important;
			right: 15px !important;
			top: 50% !important;
			transform: translateY(-50%) !important;
		}

		/* Positions top bar (with offer) currency switcher  */
		.whb-header_648656 .selectron23 {
			width: 65px !important;
			position: absolute !important;
			right: 15px !important;
			top: 67% !important;
			transform: translateY(-50%) !important;
		}

/********* Home page - Left Menu *********/

		.mobile-nav {
			background-color: rgb(252,250,245) !important;
		}

		.searchform .wd-clear-search:hover,
		.searchform .searchsubmit:hover {
			color: rgb(210,130,2) !important;
		}

		#menu-categories .wd-nav-img {
				width: 60px !important;
				height: 60px !important;
				margin-right: 20px !important;
				max-height: none !important;
		}

/********* Home page - Mini cart Menu *********/

		.cart-widget-side {
			background-color: rgb(252,250,245) !important;
		}

		.cart-widget-side .wd-heading .title {
			font-weight: bold !important;
		}

		.close-side-widget.wd-cross-icon a {
			text-indent: -9999px !important;
		}

		.close-side-widget.wd-cross-icon a::before,
		.close-side-widget.wd-cross-icon a::after {
			text-indent: 0;
			color: rgb(20, 33, 61) !important;
		}

		.close-side-widget.wd-cross-icon a:hover::before,
		.close-side-widget.wd-cross-icon a:hover::after {
			color: rgb(210,130,2) !important;
		}

		.wd-heading {
			height: 60px !important;
			padding-top: 0 !important;
			padding-bottom: 0 !important;
		}

		.woocommerce-mini-cart .cart-item-image {
			margin-bottom: 0px !important;
		}

		.woocommerce-mini-cart .cart-item-image img {
  		border-left: 3px solid rgba(210,130,2,0.9) !important;
		}

		.woocommerce-mini-cart .mini_cart_item:hover {
			background-color: rgb(243,236,216) !important;
		}

		.woocommerce-mini-cart .mini_cart_item {
				display: flex !important;
				align-items: center !important; /* vertical centering */
		}

		.cart-info .wd-entities-title {
			font-size: 18px !important;
    	margin-bottom: 1px !important;
		}

		.cart-info .quantity {
			font-size: 18px !important;
			color: rgb(118,118,118) !important;
		}

		.cart-info .quantity .amount {
			color: rgba(210,130,2,0.9) !important;
		}

		.woocommerce-mini-cart__total strong {
    	color: rgb(20, 33, 61) !important;
		}

		.woocommerce-mini-cart__total .woocommerce-Price-amount {
			color: rgb(210,130,2) !important;
		}

		.woocommerce-mini-cart__buttons .btn-cart {
			background-color: transparent !important;
			border-radius: 10px !important;
			border: 1.5px solid rgb(20, 33, 61) !important;
			font-size: 18px !important;
		}

		.woocommerce-mini-cart__buttons .btn-cart:hover {
			background-color: rgba(20, 33, 61,0.9) !important;
			color: #fff !important;
		}

		.woocommerce-mini-cart__buttons .checkout {
			background-color: rgb(20, 33, 61) !important;
			border-radius: 10px !important;
			font-size: 18px !important;
		}

		.woocommerce-mini-cart__buttons .checkout:hover {
			background-color: rgba(20, 33, 61,0.9) !important;
		}

		.cart-widget-side .wc-backward,
		.cart-widget-side a.btn.wc-backward {
			background-color: rgb(20, 33, 61) !important;
			border-radius: 10px !important;
			font-size: 16px !important;
		}

		.cart-widget-side .wc-backward:hover,
		.cart-widget-side a.btn.wc-backward:hover {
			background-color: rgba(20, 33, 61,0.9) !important;
		}

		.wd-empty-mini-cart {
				display: flex !important;
				flex-direction: column !important;
				align-items: center !important;
		}

/********* Home page - ELEGANCE BOX *********/

		.elegance-box-section,
		.section_2_to_hide_on_phone {
			display: none !important;
			visibility: hidden !important;
		}

		.section_2_to_hide_on_laptop {
				background-size: 100% auto !important;
				background-position: top center !important;
				aspect-ratio: 1538/2560  !important; 
				height: auto !important;
				min-height: 0 !important;
		}

/********* Home page - 925 SILVER SPARKLE *********/
  
		.discover_it a {
			color: rgb(244,244,244) !important;
			text-decoration-color: rgb(210,130,2); !important;
		}

		.discover_it a:hover {
			color: rgb(206,206,206) !important;
		}

/********* Home page - MYSTERY BOX *********/

		.mystery-box-section { 
			display: none !important;
			visibility: hidden !important;
		}

		.mystery-box-section-phone {
			background-repeat: repeat-x !important;
			background-size: auto 100% !important;
		}

		.mystery-box-video-phone .wd-el-video {
			width: 100% !important;
			max-width: 100% !important;
			height: auto !important;
			padding: 0 !important;
		}

/********* Single product page (title and brand) *********/

		/* Category path */
		.single-product .wd-el-breadcrumbs {
				padding-top: 10px !important;
				padding-left: 10px !important;
				padding-bottom: -10px !important;
				margin-bottom: -10px !important;
		}

    /* Flex Container: Align Center Vertical */
    .single-product .product_title .wpb_wrapper {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important; /* This is the key command */
        width: 100% !important;
				margin-bottom: 10px !important;
    }

    /* Title: Remove invisible vertical space */
    .single-product .wd-single-title {
        width: auto !important;     
        margin: 0 !important;
        padding: 0 0 0 10px !important;
        flex-shrink: 1 !important;
        line-height: 1.2 !important;
        display: flex !important;
        align-items: center !important;
    }
    
    /* Brands Container: Force Center */
    .single-product .wd-single-brands {
        width: auto !important;
        margin: 0 !important;
        padding: 0 10px 0 0 !important;
        display: flex !important;
        align-items: center !important;
        align-self: center !important;
        height: auto !important;
    }

    /* Brand Images: Remove hidden bottom spacing */
    .single-product .wd-single-brands img {
        width: auto !important;
        margin-bottom: 0 !important;
        display: block !important;
        vertical-align: middle !important;
    }


/********* Single product - (price and share buttons) *********/
		/* Hide share likns specific to laptop*/
		.single-product .product-share-for-laptop {
        display: none !important;
    }

		/* ROW: Force Horizontal Layout (No Wrapping) */
		.single-product .price-share-container-phone {
        width: 100vw !important; 
        position: relative !important;
        left: 50% !important;
        right: 50% !important;
        margin-left: -50vw !important;
        margin-right: -50vw !important;
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding-left: 5px !important; 
        padding-right: 5px !important;
        box-sizing: border-box !important;
				padding-bottom: 20px !important;
    }

    /* COLUMNS: Unlock width so they fit on one line */
    .single-product .price-share-container-phone .wpb_column {
        width: auto !important;
        flex: 0 1 auto !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    .single-product .price-share-container-phone .vc_column-inner,
    .single-product .price-share-container-phone .wpb_wrapper {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        height: 100% !important;
			width: 100% !important; /* Ensure they fill the stretched row */
    }

    
    .single-product .price-share-container-phone .product_price .wpb_wrapper {
        justify-content: flex-start !important;
    }

    
    .single-product .price-share-container-phone .social-share-phone-product .wpb_wrapper {
        justify-content: flex-end !important;
    }

    .single-product .price-share-container-phone .wd-text-block {
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1 !important;
        display: flex !important;
        align-items: center !important;
    }

    .single-product .social-share-phone-product .wd-social-icons,
    .single-product .social-share-phone-product .woodmart-social-icons {
        display: flex !important;
        align-items: center !important;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
        padding: 0 !important;
        line-height: 1 !important;
    }


/********* Single product - COMPLETE COMBO *********/
		/* Add Side Padding to match Blue Button */
    .single-product .wooco_components {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: center !important;
        align-items: flex-start !important;
        width: 100% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        box-sizing: border-box !important;
        gap: 10px !important;
    }

    /* The Two Columns (Bracelet & Ring) */
    .single-product .wooco_component_1,
    .single-product .wooco_component_2 {
        flex: 0 0 48% !important;
        width: 48% !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: visible !important;
    }

    /* Images: Force them to fit the new smaller columns */
    .single-product .wooco_component_product_selection_grid_item_image {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 1 / 1 !important;
        max-width: 100% !important;
        margin: 0 auto !important;
    }


    /* Change the row from a "Block" to a "Flex Column" so items stack */
    .single-product .wooco_component_2 .wooco-bottom-row {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        max-width: 100% !important;
        height: auto !important;
        overflow: visible !important;
    }

    /* Reset the Name/Price section to take up full width (removes side-by-side) */
    .single-product .wooco_component_2 .wooco_component_product_selection_grid_item_info {
        float: none !important;
        width: 100% !important;
        min-width: 100% !important;
        padding: 0 !important;
        margin-bottom: 8px !important;
    }

    /* Center the Button below the text */
    .single-product .wooco_component_2 .custom-qv-trigger {
        float: none !important;
        display: inline-block !important;
        width: auto !important;
        min-width: 100px !important;
        margin: 0 auto !important;
        background: rgb(20,33,61) !important;
    }

		/* Style the navigation arrows */
		.custom-arrow-nav {
				position: absolute !important;
				top: 0% !important;
				transform: translateY(-10%) !important;
				width: 30px !important;
			height: 30px !important;
		}

		.custom-arrow-nav.custom-arrow-prev {
				left: -10px !important;
				right: auto !important;
		}

		.custom-arrow-nav.custom-arrow-next {
				right: -10px !important;
				left: auto !important;
		}

		.single-product .wooco_component_2 .wooco_component_product_selection_grid_item_image::after,
		.single-product .wooco_component_product_selection_grid_item.wpc-fully-oos .wooco_component_product_selection_grid_item_image::after {
				font-size: 16px;
				letter-spacing: 1px;
				font-family: 'Marisa Light' !important;
		}


/********* Single product page (product attributes section) *********/
		.single-product table.woocommerce-product-attributes {
			vertical-align: middle !important;
			padding-right: 15px !important;
			padding-left: 15px !important;
		}


/********* Single product quick view *********/

		/* Main Container: Turns on Flexbox so we can reorder elements */
		.popup-quick-view .wd-product-brands {
				display: inline-flex !important;
				width: 150px !important;                    
				vertical-align: middle !important;
				justify-content: flex-end !important;
				align-items: center !important;
				gap: 10px !important;
				margin-bottom: 0 !important;
				position: static !important;
		}

		/* Product Title: Moves to position #1 (Top Left) */
		.popup-quick-view h1.product_title {
				display: inline-block !important;
				width: calc(100% - 160px) !important;
				vertical-align: middle !important;
				margin-bottom: 0 !important;
				line-height: 1.2 !important;

				font-family: 'Marisa Medium', 'Marisa', sans-serif !important;
				font-weight: 500 !important;
				font-size: 40px !important;
				color: rgb(20, 33, 61) !important;
		}

		/* Brand Icons: Moves to position #2 (Top Right) */
		.popup-quick-view .wd-product-brands img {
				max-height: 65px !important; 
				width: auto !important;
				min-width: 50px !important;
		}

		/* Product Price: Moves to position #4 (Bottom) */
		.popup-quick-view .price {
				display: block !important;
				clear: both !important;
				width: 100% !important;
				font-family: 'Marisa Medium', 'Marisa', sans-serif !important;
				font-size: 30px !important;
				color: rgb(210, 130, 2) !important;
		}

		/* Custom Separator: Draws the Grey-Yellow-Grey lines above price */
		.popup-quick-view .price::before {
				content: "" !important;
				display: block !important;
				width: 100% !important;
				height: 5px !important;
				margin-top:10px !important;
				margin-bottom: 10px !important;
				background: 
						linear-gradient(to right, rgba(169, 169, 169, 0.30), rgba(169, 169, 169, 0.30)) 0% center / 2% 1px no-repeat,
						linear-gradient(to right, rgb(221, 153, 51), rgb(221, 153, 51)) 2% center / 15% 100% no-repeat,
						linear-gradient(to right, rgba(169, 169, 169, 0.30), rgba(169, 169, 169, 0.30)) 17% center / 100% 1px no-repeat;
		}

		/* Cleanup: Hides the default buttons we don't need */
		.popup-quick-view .wooco-combo-btn-wrapper,
		.popup-quick-view .popup-quick-view,
		.popup-quick-view a.button.product_type_composite,
		.popup-quick-view a.add_to_cart_button.product_type_composite,
		.popup-quick-view .view-details-btn {
				display: none !important;
		}

		/* Edits descriptions bottom margin */
		.popup-quick-view .woocommerce-product-details__short-description {
				margin-bottom: 10px !important;
		}



/********* Checkout - Reverse columns on mobile *********/
		.woocommerce-checkout .customer-details {
				order: 4 !important;
		}

		.woocommerce-checkout .checkout-order-review {
				order: 1 !important;
		}

		#wc-stripe-express-checkout-button-separator {
				order: 2 !important;
		}

		form.woocommerce-checkout>* {
				order: 3 !important;
		}


/********* Shop page - title section *********/

		.wd-nav-accordion-mb-on.color-scheme-light .wd-nav-product-cat {
        background-color: rgba(0, 0, 0, 0.3) !important; 
    }

		.wd-btn-show-cat a {
				color: rgba(20,33,61,0.8) !important;
		}

		.wd-btn-show-cat a:hover {
				color: rgb(210,130,2) !important;
		}


/********* Informative pages *********/

		.page-id-11453 .page-title-default::after,
		.page-id-11466 .page-title-default::after,
		.page-id-11476 .page-title-default::after,
		.page-id-11583 .page-title-default::after {
				font-size: 24px;
		}

		#cmplz-manage-consent .cmplz-manage-consent {
				display: none !important;
		}

/********* Exclusive offers page *********/

		.exclusive-offers-laptop,
		.exclusive-offers-mystery-laptop {
				display: none !important;
				visibility: hidden !important;
		}



/********* H&H offer popup *********/

		.hh-offer-popup-image-laptop {
				display: none !important;
				visibility: hidden !important;
		}


/********* Pages Footer *********/

		.footer-sidebar .widget-title::after {
				color: rgb(210,130,2) !important;
				background: none !important;
				transition: all 0.3s ease;
		}

/********* Home Page: discover necklaces section *********/

		.home-page-discover-necklaces-section .content-banner {
				margin-left: 30px !important;
				padding-right:  -40px !important;
				margin-right: -40px !important;
		}

		.home-page-discover-necklaces-section .wrapper-content-banner {
				padding-right: -40px !important;
				margin-right: -40px !important;
		}

		.home-page-discover-necklaces-section .banner-inner * {
				margin-bottom: 15px !important;
				font-size: 16px !important;
		}

}