/*
Theme Name: natalys-alchemist-jewels
Theme URI: 
Author: 4wp.dev
Author URI: 
Description: 
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: natalys-alchemist-jewels
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}


/** Heaader Cart Icon */
.wc-block-mini-cart__badge{
	font-size: 14px!important;
}

/** Hero Carousel Pagination */
body .wp-block-cb-carousel-v2 .cb-pagination.swiper-pagination-horizontal {
    top: auto;
    bottom: 16px;
	z-index: 9!important;
}

/** Top Sellers */
body .wc-block-product-template__responsive {
    grid-gap: 1em;
}


footer a{
	text-decoration: none!important;
}

footer a:hover{
	text-decoration: underline!important;
}


.wp-block-navigation:not(.has-text-color) .wp-block-navigation__submenu-container {
    color: #000;
    width: auto !important;
    min-width: 110px !important;
	background: #726658!important;
}


.wp-block-navigation:not(.has-text-color) .wp-block-navigation__submenu-container a {
    color: #000;
    background: #726658;
    color: #fff !important;
    border: 0;
    padding: 0px 8px 3px 8px;
	font-size: 14px!important;
}

.wp-block-navigation:not(.has-text-color) .wp-block-navigation__submenu-container li:first-child a {
	padding-top: 6px;
	
}

.wp-block-navigation:not(.has-text-color) .wp-block-navigation__submenu-container li:last-child a {
	padding-bottom: 6px;
}

/* Off-canvas product filters (Gutenberg + WooCommerce) */
/* .wp-filter-toggle {
	position: fixed;
	top: 140px; 
	left: calc((100vw - var(--wp--style--global--content-size, 1200px))/2 - 56px); 
	z-index: 900; 
	padding: 8px 12px;
	background: #726658; 
	color: #fff;
	cursor: pointer;
	border-radius: 4px;
	text-decoration: none;
	display: flex; 
	align-items: center;
	gap: 8px;
    box-shadow: 0 0 0 0 transparent;
} */

.wp-floating-filter {
	position: fixed;
	top: 0;
	left: -320px;
	width: 320px;
	height: 100vh;
	overflow-y: auto;
	background: #fff;
	border-right: 1px solid #ddd;
	box-shadow: 0 0 20px rgba(0,0,0,.1);
	transition: left .3s ease;
	z-index: 1000;
	padding: 20px;
}

.wp-floating-filter.is-open {
	left: 0;
}


html[dir="rtl"] .wp-floating-filter.is-open {
	left: auto;
	right: 0;
}


.wp-floating-filter.is-open .wc-block-product-filters__overlay-dialog{
	transform: none;
    transition: none;
    max-width: 80%;
}
.wp-filter-toggle .wp-filter-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 18px;
	flex-shrink: 0;
}

.wp-filter-toggle .wp-filter-icon svg {
	display: block;
	width: 100%;
	height: 100%;
	color: currentColor;
}

/* Close badge shown only when active filters are present */
.wp-filter-close {
	position: absolute;
	top: -6px;
	right: -6px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #fff;
	color: #726658;
	border: 1px solid #726658;
	display: none;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 12px;
	z-index: 10;
}
.wp-filter-toggle.has-active-filters .wp-filter-close { 
	display: inline-flex; 
}
.wp-filter-toggle.has-active-filters .wp-filter-close::before { 
	content: '×'; 
	line-height: 1; 
}

/* When panel is open, keep close badge on toggle button */
.wp-filter-toggle.is-active.has-active-filters .wp-filter-close,
.wp-filter-toggle.is-active .wp-filter-close {
	position: absolute !important;
	z-index: 10;
	top: -6px !important;
	right: -6px !important;
	left: auto !important;
}


html[dir="rtl"] .wp-floating-filter {
	left: auto;
	right: -320px;
	border-right: 0;
	border-left: 1px solid #ddd;
	transition: right .3s ease;
}

html[dir="rtl"] .wp-filter-close { 
	right: auto; 
	left: -6px; 
}
html[dir="rtl"] .wp-filter-toggle.is-active.has-active-filters .wp-filter-close,
html[dir="rtl"] .wp-filter-toggle.is-active .wp-filter-close {
	left: -6px !important;
	right: auto !important;
	top: -6px !important;
}

/* Floating round close button at the bottom of the filter panel */
.wp-filter-panel-close {
	position: absolute;
	
	left: 50%;
	transform: translateX(-50%);
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: #000;
	color: #fff;
	border: none;
	box-shadow: 0 2px 6px rgba(0,0,0,.2);
	cursor: pointer;
	z-index: 101; /* above panel */
	display: none; /* show only when panel open */
}
.wp-filter-panel-close::before{ content: '×'; font-size: 18px; line-height: 24px; display: block; text-align: center; }

/* Show when filter panel is open */
.wp-floating-filter.is-open ~ .wp-filter-panel-close,
.wp-floating-filter.is-open .wp-filter-panel-close {
	display: block;
}

@media (max-width: 782px) {
	.wp-filter-panel-close {
		top: 80px;
		bottom: auto;
		left: 90%;
		transform: translateX(-50%);
	}

	html[dir="rtl"] .wp-filter-panel-close {
		left: auto;
		right: 90%;
	}

	.wc-block-product-filters__close-overlay{
		display: none!important;
	}

}

/* RTL position - same bottom center position */
html[dir="rtl"] .wp-filter-panel-close {
	left: 50%;
	right: auto;
	transform: translateX(-50%);
}

@media (max-width: 782px) {
	html[dir="rtl"] .wp-filter-panel-close {
		left: 50%;
		right: auto;
		transform: translateX(-50%);
	}
}

/* =============================
   Accessible focus styles
   - Removes noisy default outlines for mouse users
   - Preserves high-quality focus for keyboard users
   - Structured for easy SCSS tokenization
   ============================= */

:root {
	--focus-color: #726658;
	--focus-ring: 2px solid var(--focus-color);
	--focus-offset: 2px;
	--focus-radius: 4px;
}

/* Reset default outline on focus (mouse) */
:where(a, button, [role="button"], input, select, textarea, [tabindex]:not([tabindex="-1"])):focus {
	outline: none;
}

/* Provide clean keyboard-only focus */
:where(a, button, [role="button"], input, select, textarea, [tabindex]:not([tabindex="-1"])):focus-visible {
	outline: var(--focus-ring);
	outline-offset: var(--focus-offset);
	border-radius: var(--focus-radius);
	box-shadow: 0 0 0 2px color-mix(in srgb, var(--focus-color) 20%, transparent);
}

/* Images inside links also show focus */
a:focus-visible img {
	outline: var(--focus-ring);
	outline-offset: var(--focus-offset);
	border-radius: 6px;
}

/* High-contrast/Windows */
@media (forced-colors: active) {
	:where(a, button, [role="button"], input, select, textarea, [tabindex]:not([tabindex="-1"])):focus-visible {
		outline: 2px solid CanvasText;
		box-shadow: none;
	}
}

/* Firefox legacy dotted fix */
button::-moz-focus-inner { border: 0; }

html[dir="rtl"] .wp-floating-filter.is-open {
	right: 0;
}

/* Ensure toggle is always visible */
.wp-filter-toggle { 
	display: inline-flex;
	align-items: center;
	gap: 8px;
	position: relative;
}

/* Add filter icon before button text */
.wp-filter-toggle .wp-block-button__link::before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 18px;
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='18' viewBox='0 0 20 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='19.5' y1='2.53391' x2='0.5' y2='2.53391' stroke='currentColor' stroke-linecap='round'/%3E%3Cline x1='19.5' y1='8.99716' x2='0.5' y2='8.99716' stroke='currentColor' stroke-linecap='round'/%3E%3Cline x1='19.5' y1='15.4604' x2='0.5' y2='15.4605' stroke='currentColor' stroke-linecap='round'/%3E%3Ccircle cx='15.5932' cy='15.3672' r='1.5339' fill='white' stroke='currentColor' stroke-linecap='round'/%3E%3Ccircle cx='9.83053' cy='8.70055' r='1.5339' fill='white' stroke='currentColor' stroke-linecap='round'/%3E%3Ccircle cx='4.70065' cy='2.0339' r='1.5339' fill='white' stroke='currentColor' stroke-linecap='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin-right: 8px;
	margin-bottom: -2px;
	flex-shrink: 0;
}




.woocommerce div.product form.cart {
    margin-bottom: 0;
}



h2.wc-block-mini-cart__title{
	font-size: 18px!important;
}

.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions a{
	padding: 20px 20px;
    font-size: 16px;
    /* min-height: 10px; */
    line-height: 1;
	
}

.wc-block-cart__submit-container a{
	background: #726658!important;
	color: #fff!important;
	padding: 20px 20px;
    font-size: 16px;
    /* min-height: 10px; */
    line-height: 1;
	border-radius: 6px!important;
	border: none!important;
	box-shadow: none!important;
	cursor: pointer!important;
	transition: all 0.3s ease!important;
}

.wc-block-components-totals-item__label{
	font-size: 18px!important;
}

.wc-block-components-formatted-money-amount{
	font-size: 18px!important;
}

/* Product excerpt collapse/expand functionality */
.wp-block-post-excerpt {
	position: relative;
}

.wp-block-post-excerpt:not(.is-expanded) {
	position: relative;
}

.wp-block-post-excerpt:not(.is-expanded) .wp-block-post-excerpt__excerpt {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	min-height: calc(1.5em * 2); /* 3 lines based on line-height */
	max-height: calc(1.6em * 2); /* 3 lines based on line-height */
	transition: max-height 0.3s ease;
	position: relative;
	mask-image: linear-gradient(to bottom, black 0%, black 60%, transparent 100%);
	-webkit-mask-image: linear-gradient(to bottom, black 0%, black 60%, transparent 100%);
	padding-bottom: 0;
}

/* Fade effect for collapsed excerpt */
.wp-block-post-excerpt:not(.is-expanded):not(.has-more-content)::after {
	display: none;
}

.wp-block-post-excerpt:not(.is-expanded).has-more-content::after {
	content: '';
	position: absolute;
	bottom: 35px; /* Position above the "read more" button */
	left: 0;
	right: 0;
	height: 50px;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 40%, rgba(255, 255, 255, 0.9) 70%, rgba(255, 255, 255, 1) 100%);
	pointer-events: none;
	z-index: 1;
}

.wp-block-post-excerpt.is-expanded .wp-block-post-excerpt__excerpt {
	display: block;
	max-height: none;
	-webkit-line-clamp: none;
	line-clamp: none;
	mask-image: none;
	-webkit-mask-image: none;
}

.wp-block-post-excerpt__read-more {
	display: inline-block;
	margin-top: 10px;
	cursor: pointer;
	color: #333;
	text-decoration: underline;
	font-size: inherit;
	background: none;
	border: none;
	padding: 0;
	font-family: inherit;
}

.wp-block-post-excerpt__read-more:hover {
	text-decoration: none;
}

.wp-block-post-excerpt:not(.has-more-content) .wp-block-post-excerpt__read-more {
	display: none;
}

/* Limit product titles in Query Loop to 2 lines with fade effect */
.wp-block-woocommerce-product-collection .wp-block-post-title {
	position: relative;
}

.wp-block-woocommerce-product-collection .wp-block-post-title,
.wp-block-woocommerce-product-collection .wp-block-post-title a {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	min-height: calc(1.3em * 2);
    max-height: calc(1.5em * 2);
	word-wrap: break-word;
	position: relative;
	mask-image: linear-gradient(to bottom, black 0%, black 50%, transparent 100%);
	-webkit-mask-image: linear-gradient(to bottom, black 0%, black 50%, transparent 100%);
}

/* Fade effect overlay for product titles */
.wp-block-woocommerce-product-collection .wp-block-post-title::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: calc(1.2em * 0.6); /* ~60% of one line height */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 1) 100%);
	pointer-events: none;
	z-index: 1;
}

.wc-block-components-product-metadata .wc-block-components-product-metadata__description>p{
	font-size: 16px!important;
}

.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-formatted-money-amount {
    font-weight: 400!important;
	font-size: 18px!important;
}

h2.wc-block-components-title.wc-block-components-title{
	font-size: 24px!important;
}

.wc-block-components-form.wc-block-checkout__form{
	font-size: 16px!important;
}



.taxonomy-product_cat a{
	text-decoration: none!important;
	
}

.taxonomy-product_cat a:hover{
	text-decoration: underline!important;
}





.color-swatches {
    display: flex;
    gap: 8px;
    margin-bottom: 8px;
}

.color-swatches .swatch {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    cursor: pointer;
    border: 2px solid #ccc;
    display: inline-block;
}

.color-swatches .swatch.active {
    border-color: #000;
    transform: scale(1.05);
}


.forwp-loop-swatches {
    margin-top: 8px;
    display: flex;
    gap: 6px;
	justify-content: center;
}

.forwp-swatch {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid rgba(0,0,0,0.2);
    display: inline-block;
}

.forwp-swatch {
    border: 2px solid transparent;
}
.forwp-swatch.active {
    border: 2px solid #000;
}


.single-product .woocommerce div.product form.cart .variations {
    margin-bottom: 0!important;
}

.single-product .woocommerce table.variations tr th{
	padding: 0!important;
}

.woocommerce div.product form.cart .variations td, 
.woocommerce div.product form.cart .variations th.value {
    border: 0;
    line-height: 0!important;
}

.single-product .woocommerce .variations #pa_color,
.single-product .woocommerce .variations label[for="pa_color"]{
	display: none!important;

}

header .whishlist{
	padding: 0 10px;
}

/* Fix header container padding - ensure 16px right padding only */
header .wp-block-group.alignwide {
	padding-right: 16px !important;
	box-sizing: border-box;
}

@media (max-width: 782px) {
/* Ensure navigation menu is visible and doesn't overflow */
header .wp-block-navigation {
	display: block !important;
	visibility: visible !important;
	max-width: 100%;
	box-sizing: border-box;
}

/* Ensure navigation items wrap properly */
header .wp-block-navigation ul {
	flex-wrap: wrap;
}
}
header ul.wp-block-navigation li{
	text-decoration: none!important;
	border-bottom: 1px solid transparent!important;
}


header ul.wp-block-navigation li.current-menu-item{
	text-decoration: none!important;
	border-bottom: 1px solid #726658!important;
}

header ul.wp-block-navigation li:hover{
	text-decoration: none!important;
	border-bottom: 1px solid #726658!important;
}


header ul.wp-block-navigation li a:hover{
	text-decoration: none!important;
}

.accordion-item__toggle:focus {
    outline: none !important;
    box-shadow: none !important;
}

body *:focus {
	outline: none !important;
	
}


[role=button]:not([disabled]):focus, [role=heading]:focus, [role=navigation]:focus, button:not([disabled]):focus, form:not([disabled]):focus, h1[tabindex="-1"]:focus, h2[tabindex="-1"]:focus, h3[tabindex="-1"]:focus, h4[tabindex="-1"]:focus, h5[tabindex="-1"]:focus, h6[tabindex="-1"]:focus, img:focus, nav:focus, picture:focus, svg:focus{
	outline: none !important;
	border: none !important;
}

.wc-block-components-main .wc-block-components-product-name {
	font-size: 18px!important;
}

.wc-block-components-main .wc-block-components-formatted-money-amount{
	font-size: 16px!important;
	
}

.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
    appearance: textfield;
    background: transparent;
    border: 0;
    box-shadow: none;
    color: currentColor;
    flex: 1 1 auto;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    margin: 0;
    min-width: 28px;
    order: 2;
    padding: 0.3em 0;
    text-align: center;
    vertical-align: middle;
}

.wc-block-components-quantity-selector {
    border-radius: 4px;
    box-sizing: content-box;
    display: flex;
    margin: 0 0 .25em;
    position: relative;
    width: 90px;
}

.wc-block-checkout__actions .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button,
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    background: #726658 !important;
    border-radius: 6px;
    font-family: 'Assistant';
}

/* Pagination Styles - Clean & Simple */
.wp-block-query-pagination-numbers {
	display: flex;
	gap: 8px;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	margin: 0;
}

.wp-block-query-pagination-numbers a.page-numbers,
.wp-block-query-pagination-numbers span.page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 14px;
	height: 14px;
	padding: 8px 10px;
	border: 1px solid #ddd;
	border-radius: 6px;
	background: #fff;
	color: #726658;
	text-decoration: none;
	font-weight: 400;
	font-size: 15px;
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
	cursor: pointer;
}

.wp-block-query-pagination-numbers a.page-numbers:hover {
	background: #726658;
	color: #fff;
	border-color: #726658;
}

.wp-block-query-pagination-numbers span.page-numbers.current {
	background: #726658;
	color: #fff;
	border-color: #726658;
	font-weight: 500;
	cursor: default;
}

.wp-block-query-pagination-numbers a.page-numbers.dots,
.wp-block-query-pagination-numbers span.page-numbers.dots {
	border: none;
	background: transparent;
	cursor: default;
	padding: 0 4px;
	min-width: auto;
	color: #726658;
	font-weight: 400;
}

.wp-block-query-pagination-numbers a.page-numbers.dots:hover {
	background: transparent;
	color: #726658;
}

/* Pagination Previous/Next buttons */
.wp-block-query-pagination-previous a,
.wp-block-query-pagination-next a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 14px;
	height: 14px;
	padding: 8px 10px;
	border: 1px solid #ddd;
	border-radius: 6px;
	background: #fff;
	color: #726658;
	text-decoration: none;
	font-weight: 400;
	font-size: 15px;
	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.wp-block-query-pagination-previous a:hover,
.wp-block-query-pagination-next a:hover {
	background: #726658;
	color: #fff;
	border-color: #726658;
}

.wp-block-query-pagination-previous a:disabled,
.wp-block-query-pagination-next a:disabled,
.wp-block-query-pagination-previous a[aria-disabled="true"],
.wp-block-query-pagination-next a[aria-disabled="true"] {
	opacity: 0.5;
	cursor: not-allowed;
	pointer-events: none;
}

/* Pagination container */
.wp-block-query-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	flex-wrap: wrap;
	margin: 40px 0;
}

/* RTL support */
html[dir="rtl"] .wp-block-query-pagination-numbers {
	direction: rtl;
}




.woocommerce div.product div.images .flex-control-thumbs {
    max-height: 580px;
	gap: 10px!important;
}

.woocommerce-product-gallery.custom-vertical-gallery .thumbnails-nav{
	display: flex;
    flex-direction: row-reverse!important;
    position: absolute;
    right: 0;
    bottom: 0;
	background: #fff;
	display: flex;
    order: 2;
    flex-shrink: 0;
    justify-content: space-between;
    gap: 10px;
    padding: 0 5px;
    left: auto;
    right: 0;
    width: 140px!important;
}

.woocommerce .wp-block-woocommerce-product-image-gallery .woocommerce-product-gallery.images {
    width: 100%;
    gap: 10px;
    display: flex;
    justify-content: space-between;
}

.woocommerce .wp-block-woocommerce-product-image-gallery {
    clear: both;
    max-width: 100%;
    position: relative;
}

.woocommerce-product-gallery.custom-vertical-gallery .flex-control-thumbs{
	gap: 10px!important;
	width: 140px!important;
	width: 150px!important;
}


.woocommerce div.product div.images.woocommerce-product-gallery .flex-viewport{
	max-height: 580px!important;
	min-height: 400px!important;
	height: auto!important;
}

.woocommerce div.product div.images.woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__wrapper {
	min-height: 400px!important;
}

.woocommerce div.product div.images {
    margin-bottom: 0;
	min-height: 520px!important;
}

.woocommerce-product-gallery.custom-vertical-gallery .flex-control-thumbs li img.flex-active,
.woocommerce-product-gallery.custom-vertical-gallery .flex-control-thumbs li img:hover,
.woocommerce-product-gallery.custom-vertical-gallery .flex-control-thumbs li img:focus,
.woocommerce-product-gallery.custom-vertical-gallery .flex-control-thumbs li img:visiteds {

    border-color: #fff!important;
	border: 0!important;
}
.woocommerce-product-gallery.custom-vertical-gallery .flex-control-thumbs li img,
.woocommerce-product-gallery.custom-vertical-gallery .flex-control-thumbs li img.flex-active {
    border-color: #333;
	border: 0!important;
	opacity: 1 !important;
	filter: none !important;
}

.woocommerce-product-gallery.custom-vertical-gallery .flex-control-thumbs li img:hover {
    border-color: transparent!important;
	border: 0!important;
    opacity: 1 !important;
	filter: none !important;
}

/* Override WooCommerce default opacity for thumbnails */
.woocommerce div.product div.images .flex-control-thumbs li img {
	opacity: 1 !important;
	filter: none !important;
	max-height: 175px!important;
	border-radius: 0px!important;
}

.woocommerce div.product div.images .flex-control-thumbs li img.flex-active,
.woocommerce div.product div.images .flex-control-thumbs li img:hover {
	opacity: 1 !important;
	filter: none !important;
}

/* Custom zoom icon (magnifying glass) replacement - positioned in top right of main image */
.woocommerce-product-gallery {
	position: relative !important;
}

.woocommerce-product-gallery__wrapper {
	position: relative !important;
}

.woocommerce-product-gallery__image:first-child {
	position: relative !important;
}

.woocommerce-product-gallery__image:first-child a {
	position: relative !important;
	display: block !important;
}

.woocommerce-product-gallery__trigger {
	background: transparent !important;
    border: none !important;
    box-sizing: border-box !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    font-size: 0 !important;
    height: 47px !important;
    padding: 0 !important;
    position: absolute !important;
    right: 170px !important;
    text-indent: 0 !important;
    bottom: 20px !important;
    width: 47px !important;
    z-index: 999 !important;
    overflow: visible !important;
    margin: 0 !important;
    left: auto !important;
    top: auto !important;
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger::before {
    border: 0!important;
}

.woocommerce-product-gallery__trigger::before,
.woocommerce-product-gallery__trigger::after {
	display: none !important;
	content: none !important;
}

.woocommerce-product-gallery__trigger::before {
	content: '' !important;
	display: block !important;
	width: 47px !important;
	height: 47px !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	background-image: url("data:image/svg+xml,%3Csvg width='47' height='47' viewBox='0 0 47 47' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.5 47C36.4787 47 47 36.4787 47 23.5C47 10.5213 36.4787 0 23.5 0C10.5213 0 0 10.5213 0 23.5C0 36.4787 10.5213 47 23.5 47Z' fill='%23F5F5F5'/%3E%3Cpath d='M25.46 17.32H29.95V21.75' stroke='black' stroke-miterlimit='10'/%3E%3Cpath d='M17.32 21.75V17.32H21.75' stroke='black' stroke-miterlimit='10'/%3E%3Cpath d='M21.75 29.95H17.32V25.52' stroke='black' stroke-miterlimit='10'/%3E%3Cpath d='M29.95 25.52V29.95H25.46' stroke='black' stroke-miterlimit='10'/%3E%3Cpath d='M17.32 17.32L29.95 29.95' stroke='black' stroke-miterlimit='10'/%3E%3Cpath d='M25.63 21.64L29.95 17.32' stroke='black' stroke-miterlimit='10'/%3E%3Cpath d='M17.32 29.95L21.72 25.55' stroke='black' stroke-miterlimit='10'/%3E%3C/svg%3E") !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}


.wc-block-product-filters__overlay{
	font-family: 'Assistant'!important;
}

:where(.wc-block-product-filters) .wc-block-product-filters__overlay-content, :where(.wc-block-product-filters).is-overlay-opened .wc-block-product-filters__overlay-content{
	padding-top: 60px;
}

.wp-block-buttons >.wp-block-button.has-custom-width .wp-block-button__link {
    width: 100%;
    border-radius: 6px;
}

.wc-block-product-filters__overlay-content h2{
	padding: 16px 0;
}

.wc-block-product-filter-removable-chips__items .wc-block-product-filter-removable-chips__item {

    padding: 2px 4px;
    border-radius: 6px;
}

html[dir="rtl"] .wp-filter-panel-close {
    left: 30px;
    top: 110px;
    right: auto;
    transform: translateX(-50%);
	z-index: 999;
}

.woocommerce-product-gallery.custom-vertical-gallery .thumbnails-nav-button{
    
    width: 50%!important;
    background: #F5F5F5!important;
    border: 0!important;
}


.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button {
	background-color: #726658;
    border-radius: 6px;
    padding-top: 6px!important;
    padding-bottom: 6px!important;
    font-family: 'Assistant';
    font-weight: 300;
}



ul.columns-4 li .product-category-instructions{
	display: none!important;

}

.wc-extra-length-option span{
	font-weight: 300!important;
	font-family: 'Assistant'!important;
	font-size: 16px!important;
}



.wc-block-components-product-image a img {
	object-position: bottom; 
}



.filters-sticky-section{
	top: 110px;
	direction: ltr!important;
	z-index: 8!important;
	
}


@media (max-width: 782px) {
	.filters-sticky-section{
		top: 70px!important;	
		margin-top: -30px!important;
	}
}


.woocommerce-ordering select.orderby{
	font-family: 'Assistant'!important;
	font-weight: 300!important;
	font-size: 16px!important;
	border: 0!important;
}


/* Fly Cart Styles */
.wc-block-components-drawer__screen-overlay--with-slide-in .wc-block-components-drawer{
	top: 0;
    max-width: 320px;
    overflow-y: auto;
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
    transition: left .3s ease;
    z-index: 1000;
    padding: 20px;
}

.wc-block-components-drawer__screen-overlay--with-slide-in .wc-block-components-drawer .wc-block-components-product-name{
	font-size: 16px!important;
}

.wc-block-components-drawer__screen-overlay--with-slide-in .wc-block-components-drawer table.wc-block-cart-items{
	gap: 8px;
    display: flex;
}


.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions{
	display: flex;
    flex-direction: column;
	margin-bottom: 16px;

}

.wc-block-components-drawer__screen-overlay--with-slide-in .wc-block-components-drawer .wc-block-mini-cart__items{
	padding: 0 16px 0 0px!important;
}


html[dir="rtl"] .wc-block-components-drawer__screen-overlay--with-slide-in .wc-block-components-drawer .wc-block-mini-cart__items{
	padding: 0 0px 0 16px!important;
}

.wc-block-components-drawer__screen-overlay--with-slide-in .wc-block-components-drawer .wc-block-mini-cart__footer-actions .wc-block-components-button{
	border-radius: 6px!important;
    padding: 12px!important;
}

.wc-block-components-drawer__screen-overlay--with-slide-in .wc-block-components-drawer .wc-block-components-product-name,
.wc-block-components-drawer__screen-overlay--with-slide-in .wc-block-components-drawer .wc-block-cart-item__prices{
	margin-bottom: 0!important;
}

.wp-block-woocommerce-product-image-gallery .woocommerce-product-gallery__thumbnails img.active {
    border-color: transparent!important;
}


html:not([dir="rtl"])  .woocommerce-product-gallery.custom-vertical-gallery{
	direction: rtl;
}

.wc-block-components-notice-banner.is-success {
    background-color: #eeeae7;
    border-color: #726658;
    font-size: 16px;
    font-family: 'Assistant' !important;
    line-height: 1.2;
}


.wc-block-components-notice-banner.is-success>svg {
    background-color: #726658;
}


@media (max-width: 782px) {
	body{
		overflow-x: hidden!important;
	}

	.wp-block-site-logo{	
			min-width: 135px!important;
	}

	header .main-menu{
		order: 3!important;
		max-width: min-content!important;
		
		
	}

	header .wp-block-woocommerce-customer-account a .wc-block-customer-account__account-icon {
		height: 1.2em;
		width: 1.2em;
	}

	header .wp-block-outermost-icon-block{
		width: 1.2em!important;
		
	}

	/* Replace menu icon with three lines (hamburger) */
	.wp-block-navigation__responsive-container-open svg {
		display: none !important;
	}

	.wp-block-navigation__responsive-container-open {
		position: relative;
	}

	.wp-block-navigation__responsive-container-open::before {
		content: '';
		display: block;
		width: 24px;
		height: 24px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 6H21M3 12H21M3 18H21' stroke='currentColor' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
	}


	/* Mobile menu container - white panel sliding from right */
	.wp-block-navigation__responsive-container.is-menu-open{
		max-width: 90%;
		right: 0;
		left: auto;
		width: 100%;
		max-height: 95vh;
		background: #fff !important;
		box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
	}

	/* Mobile menu dialog/content area */
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog {
		background: #fff;
		padding: 60px 20px 20px 20px;
		height: 100%;
		overflow-y: auto;
	}

	/* Menu items container */
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
		padding: 0;
	}

	/* Menu items list - add dividers between items */
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content > .wp-block-navigation-item {
		border-bottom: 1px solid #e0e0e0;
		margin: 0;
		padding: 0;
	}

	/* Remove border from last top-level item */
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content > .wp-block-navigation-item:last-child {
		border-bottom: none;
	}

	/* Submenu items also have dividers */
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item {
		border-bottom: 1px solid #e8e8e8;
	}

	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item:last-child {
		border-bottom: none;
	}

	/* Menu links styling */
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
		padding: 16px 0;
		color: #000;
		font-size: 16px;
		display: block;
		width: 100%;
		text-align: left;
	}

	/* RTL support for Hebrew */
	html[dir="rtl"] .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
		text-align: right;
	}

	/* Submenu items - hide by default */
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
		background: transparent !important;
		padding: 0;
		margin: 0;
		margin-top: 0;
		border: none;
		box-shadow: none;
		display: none !important;
	}
	
	/* Show submenu when toggle button has aria-expanded="true" */
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container,
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container,
	.wp-block-navigation__responsive-container.is-menu-open .has-child .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container {
		display: block !important;
	}

	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
		padding: 12px 0 12px 20px;
		font-size: 15px;
		color: #000;
	}

	html[dir="rtl"] .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
		padding: 12px 20px 12px 0;
	}

	/* Submenu toggle button - make it clickable and properly positioned */
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon,
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu__toggle {
		color: #000;
		cursor: pointer;
		width: 16px;
		height: 16px;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		z-index: 10;
		display: flex;
		align-items: center;
		justify-content: center;
		background: transparent;
		border: none;
		padding: 0;
	}

	/* Parent menu items with submenu */
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child .wp-block-navigation-item__content {
		font-weight: 500;
	}

	/* Ensure proper spacing and alignment */
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
		display: block;
		width: 100%;
	}

	/* Remove default list styles */
	.wp-block-navigation__responsive-container.is-menu-open ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.wp-block-navigation__responsive-container.is-menu-open ul li:last-child {
		border-bottom: none!important;
	}

	/* Ensure links don't have underlines */
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
		text-decoration: none !important;
	}

	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover {
		opacity: 0.7;
	}

	/* Close button styling */
	.wp-block-navigation__responsive-container-close {
		position: absolute;
		right: 16px;
		top: 16px;
		z-index: 12;
		width: 32px;
		height: 32px;
		display: flex;
		align-items: center;
		justify-content: center;
		background: transparent;
		border: none;
		cursor: pointer;
		color: #000;
		font-size: 24px;
		line-height: 1;
	}

	.wp-block-navigation__responsive-container-close:hover {
		opacity: 0.7;
	}

	/* RTL support for close button */
	html[dir="rtl"] .wp-block-navigation__responsive-container-close {
		right: auto;
		left: 16px;
	}

	.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {
		margin-top: 0;
	}

	/* Overlay backdrop when mobile menu is open */
	html.has-modal-open body::before {
		content: '';
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0, 0, 0, 0.5);
		z-index: 1!important;
		pointer-events: auto;
		opacity: 0;
		animation: fadeInOverlay 0.3s ease forwards;
	}

	html[dir="rtl"].has-modal-open body::before {
		left: auto;
		right: 0;
	}

	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item:last-child {
		border-bottom: none!important;
	}
}



@keyframes fadeInOverlay {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}


.woocommerce form.login{
    max-width: 480px;
    margin: 0 auto 100px;
	font-family: 'Assistant'!important;
	font-size: 16px!important;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__submit{
	padding-top: 8px;
    padding-right: 16px;
    padding-bottom: 8px;
    padding-left: 16px;
}

.woocommerce-page form .form-row input.input-text, .woocommerce-page form .form-row select, .woocommerce-page form .form-row textarea.input-text {
    font-size: var(--wp--preset--font-size--small);
    padding: 8px 16px;
}


footer .wp-block-group > .wp-block-group{
	gap: 8px;
}

footer .wp-block-group p{
	padding-bottom: 0!important;
	margin-bottom: 0!important;
	
}

footer .contacs-list .wp-block-group.is-nowrap{
	gap: 8px!important;
}


.instagram-section h2 a{
	text-decoration: none!important;
}

.instagram-section h2 a:hover{
	text-decoration: underline!important;
}


html[dir="rtl"] .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {    
    transform: rotate(180deg);
}

html[dir="rtl"] .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    transform: rotate(180deg);
}

@media (max-width: 782px) {
	.advantages-list-mobile{	
		gap: 8px!important;
		max-width: 280px;
	}

	.testimonials-carousel .wp-block-cb-slide-v2 .wp-block-group{
		max-width: 80%;
		margin: 0 auto;
	}

	.hero-section .wp-block-cb-carousel-v2.alignfull .cb-button-prev,
	.hero-section .wp-block-cb-carousel-v2.alignfull .cb-button-next {
		top: 15%;
		z-index: 8!important;
	}

	html[dir="rtl"] .hero-section .wp-block-cb-carousel-v2.alignfull.cb-rtl .cb-button-prev,
	.hero-section .wp-block-cb-carousel-v2.alignfull.cb-rtl .cb-button-prev {
		/* right: var(--wp--custom--carousel-block--navigation-sides-offset, 10px);
		left: auto; */
		top: 15%;
	}

	html[dir="rtl"] .hero-section .wp-block-cb-carousel-v2.alignfull.cb-rtl .cb-button-next,
	.hero-section .wp-block-cb-carousel-v2.alignfull.cb-rtl .cb-button-next {
		/* left: var(--wp--custom--carousel-block--navigation-sides-offset, 10px);
		right: auto; */
		top: 15%;
	}

	.menu-tools{ 
		order: 2!important;
	}

	header .main-menu {
        margin-right: 16px;
    }

	html[dir="rtl"] header .main-menu {
		order: -1 !important;
        max-width: min-content !important;
        margin-right: 16px;
    }

	/* Close all submenus by default in mobile menu */
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container,
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu .wp-block-navigation__submenu-container {
		display: none !important;
	}

	/* Open submenu when toggle button has aria-expanded="true" - duplicate for specificity */
	.wp-block-navigation__responsive-container.is-menu-open .has-child .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container,
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		height: auto !important;
		overflow: visible !important;
	}


	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		max-width: 90%;
		width: 100% !important;
	}

	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container li a{
		font-family: 'Assistant'!important;
		font-size: 14px!important;
		font-weight: 300!important;
	}

	.wp-block-navigation:not(.has-text-color) .wp-block-navigation__submenu-container li a{
		color: #000!important;
		background: transparent!important;
	}


	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container{
		max-width: 90%!important;
		width: 100%!important;
		gap: 0!important;
	}
	
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item{
		border-bottom: 1px solid #D9D9D9;
		border-bottom: 1px solid #D9D9D9!important;
		position: relative;
	}
	
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
		padding: 0;
		padding: 16px 0;
	}
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon{
		width: 16px;
		height: 16px;
		position: absolute;
		right: 0;
		top: 25px;
		border-bottom: 0;
		z-index: 9;
		display: block !important;
	}

	html[dir="rtl"] .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon{
		left: 0;
		right: auto;
	}

	.wp-block-navigation__responsive-container{
		overflow-y: hidden;
	}


	/* Push additional menu items to bottom - ensure container is flex */
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
		display: flex !important;
		flex-direction: column !important;
		flex: 1 !important;
		min-height: 100% !important;
	}

	/* Push additional menu items to bottom */
	/* .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container .additional-menu-item {
		margin-top: auto !important;
	} */

	/* My Account icon before link */
	.wp-block-navigation__responsive-container.is-menu-open .additional-menu-item.my-account .wp-block-navigation-item__content::before {
		content: '';
		display: inline-block !important;
		width: 20px !important;
		height: 20px !important;
		margin-right: 12px;
		vertical-align: middle;
		background-image: url("data:image/svg+xml,%3Csvg viewBox='1 1 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='10.5' r='3.5' stroke='currentColor' stroke-width='2' fill='none'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.5 18.5H20.5C21.8807 18.5 23 19.6193 23 21V25.5H25V21C25 18.5147 22.9853 16.5 20.5 16.5H11.5C9.01472 16.5 7 18.5147 7 21V25.5H9V21C9 19.6193 10.1193 18.5 11.5 18.5Z' fill='currentColor'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
	}

	html[dir="rtl"] .wp-block-navigation__responsive-container.is-menu-open .additional-menu-item.my-account .wp-block-navigation-item__content::before {
		margin-right: 0;
		margin-left: 12px;
	}

	/* Wishlist/Favorites icon before link */
	.wp-block-navigation__responsive-container.is-menu-open .additional-menu-item.wishlist .wp-block-navigation-item__content::before {
		content: '';
		display: inline-block !important;
		width: 20px !important;
		height: 20px !important;
		margin-right: 12px;
		vertical-align: middle;
		background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.05 5.7625C25.4116 5.12376 24.6535 4.61706 23.8192 4.27136C22.9849 3.92565 22.0906 3.74772 21.1875 3.74772C20.2844 3.74772 19.3902 3.92565 18.5558 4.27136C17.7215 4.61706 16.9635 5.12376 16.325 5.7625L15 7.0875L13.675 5.7625C12.3854 4.47289 10.6363 3.74839 8.81253 3.74839C6.98874 3.74839 5.23964 4.47289 3.95003 5.7625C2.66041 7.05212 1.93591 8.80121 1.93591 10.625C1.93591 12.4488 2.66041 14.1979 3.95003 15.4875L15 26.5375L26.05 15.4875C26.6888 14.8491 27.1955 14.091 27.5412 13.2567C27.8869 12.4224 28.0648 11.5281 28.0648 10.625C28.0648 9.72189 27.8869 8.82763 27.5412 7.99331C27.1955 7.15898 26.6888 6.40095 26.05 5.7625Z' stroke='%23F19EDC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
	}

	html[dir="rtl"] .wp-block-navigation__responsive-container.is-menu-open .additional-menu-item.wishlist .wp-block-navigation-item__content::before {
		margin-right: 0;
		margin-left: 12px;
	}

	.wp-block-navigation__responsive-container-content {
		display: flex !important;
		flex-direction: column !important;
		height: 100% !important;
	}

	.wp-block-navigation__container {
		display: flex !important;
		flex-direction: column !important;
		flex-grow: 1;
	}
	
	/* .wp-block-navigation-item.account,
	.wp-block-navigation-item.wishlist {
		margin-top: auto !important;
	} */

	.wp-block-navigation__container > li:nth-last-child(2) {
		margin-top: auto !important;
	}

	.wp-block-navigation__responsive-close {
		width: 100%;
		min-height: 100%;
	}

	.testimonial-section .wp-block-cb-carousel-v2 .wp-block-group{
		max-width: 80%;
		margin: 0 auto;
	}
}


.yith-add-to-wishlist-button-block.yith-add-to-wishlist-button-block--single {
    margin-inline: 0;
    gap: 10px;
    align-items: center;
    flex-direction: column;
    background: #726658;
    padding: 4px;
    border-radius: 6px;
    min-width: 70px;
    display: flex;
}

.yith-add-to-wishlist-button-block.yith-add-to-wishlist-button-block--single .yith-wcwl-add-to-wishlist-button--added svg path{
	fill: #fff!important;
}

.yith-add-to-wishlist-button-block.yith-add-to-wishlist-button-block--single svg{
	color: #fff!important;
}

.yith-add-to-wishlist-button-block.yith-add-to-wishlist-button-block--single svg path{
	fill: transparent!important;
}
.yith-add-to-wishlist-button-block.yith-add-to-wishlist-button-block--single .yith-wcwl-add-to-wishlist-button__label{
	display: none!important;
}

.single-product .yith-wcwl-add-to-wishlist-button .yith-wcwl-add-to-wishlist-button{
	display: none!important;
}

.buy-and-favorite{
	padding-top: 0;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
	gap: 10px;
}

.buy-and-favorite .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button{
	min-width: 240px!important;
	width: 100%!important;
}

/* Сітка */
.media-list {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: flex-start;
}

/* Картка */
.media-list > .media-card {
    width: 100%;
}

/* Desktop: 3 в ряд */
@media (min-width: 768px) {
	.media-list {
		gap: 32px;
	}
    .media-list > .media-card {
        width: calc((100% - 64px) / 3);
    }
}

/* Прибираємо гутенбергівські паддінги/маргіни, які ламають висоту */
.media-list > .media-card,
.media-list > .media-card > * {
    padding: 0 !important;
    margin: 0 !important;
    height: 100%;
}

/* Вирівнюємо внутрішній контент у колонку */
.media-list > .media-card > .wp-block-group {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Кнопка вниз */
.media-list .wp-block-button {
    margin-top: auto;
}



.single-product :where(.wc-block-product-gallery-large-image) .wc-block-components-product-image.wc-block-components-product-image.wc-block-components-product-image--aspect-ratio-auto img {
    object-fit: cover !important;
}

/* Align main image to bottom and match thumbnails container height */
.single-product .single-product-custom-gallery .wc-block-product-gallery-large-image,
.single-product .single-product-custom-gallery .wp-block-woocommerce-product-gallery-large-image {
	display: flex !important;
	flex-direction: column !important;
	height: 100% !important;
	align-items: flex-start !important;
	justify-content: flex-end !important;
	position: relative !important;
}

/* Zoom icon in bottom right corner */
.single-product .single-product-custom-gallery .wc-block-product-gallery-large-image::after,
.single-product .single-product-custom-gallery .wp-block-woocommerce-product-gallery-large-image::after {
	content: '' !important;
	display: block !important;
	width: 47px !important;
	height: 47px !important;
	position: absolute !important;
	bottom: 16px !important;
	right: 16px !important;
	background-image: url("data:image/svg+xml,%3Csvg width='47' height='47' viewBox='0 0 47 47' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.5 47C36.4787 47 47 36.4787 47 23.5C47 10.5213 36.4787 0 23.5 0C10.5213 0 0 10.5213 0 23.5C0 36.4787 10.5213 47 23.5 47Z' fill='%23F5F5F5'/%3E%3Cpath d='M25.46 17.32H29.95V21.75' stroke='black' stroke-miterlimit='10'/%3E%3Cpath d='M17.32 21.75V17.32H21.75' stroke='black' stroke-miterlimit='10'/%3E%3Cpath d='M21.75 29.95H17.32V25.52' stroke='black' stroke-miterlimit='10'/%3E%3Cpath d='M29.95 25.52V29.95H25.46' stroke='black' stroke-miterlimit='10'/%3E%3Cpath d='M17.32 17.32L29.95 29.95' stroke='black' stroke-miterlimit='10'/%3E%3Cpath d='M25.63 21.64L29.95 17.32' stroke='black' stroke-miterlimit='10'/%3E%3Cpath d='M17.32 29.95L21.72 25.55' stroke='black' stroke-miterlimit='10'/%3E%3C/svg%3E") !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	z-index: 10 !important;
	pointer-events: none !important;
}

/* Make main image container match thumbnails container height */
.single-product .single-product-custom-gallery .wc-block-product-gallery-large-image__inner-blocks {
	height: 100% !important;
	width: 100% !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: flex-end !important;
}

.single-product .single-product-custom-gallery .wc-block-product-gallery-large-image img,
.single-product .single-product-custom-gallery .wp-block-woocommerce-product-gallery-large-image img,
.single-product .single-product-custom-gallery .wc-block-components-product-image,
.single-product .single-product-custom-gallery .wc-block-components-product-image img {
	max-height: 100% !important;
	height: 100% !important;
	object-fit: contain !important;
	width: 100% !important;
	object-position: bottom !important;
}

.single-product .wp-block-woocommerce-product-gallery{
	gap: 12px!important;
	align-items: stretch !important;
	
}


.single-product .single-product-custom-gallery{
	position: relative !important;
}

/* Make thumbnails container relative for absolute positioning of navigation */
.single-product .single-product-custom-gallery .wp-block-woocommerce-product-gallery-thumbnails,
.single-product .single-product-custom-gallery .wc-block-product-gallery-thumbnails {
	position: relative !important;
}

/* Navigation wrapper in thumbnails area (moved by JavaScript) */
/* Position the wrapper at the bottom of thumbnails */
.single-product .single-product-custom-gallery .wc-block-product-gallery-thumbnails .product-gallery-navigation-wrapper,
.single-product .single-product-custom-gallery .wp-block-woocommerce-product-gallery-thumbnails .product-gallery-navigation-wrapper {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 10 !important;
    padding: 10px 0 0px 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
	background: #fff!important;
}

/* Hide navigation if only one thumbnail exists */
.single-product .single-product-custom-gallery .wc-block-product-gallery-thumbnails__scrollable:has(.wc-block-product-gallery-thumbnails__thumbnail:only-child) ~ .product-gallery-navigation-wrapper,
.single-product .single-product-custom-gallery .wc-block-product-gallery-thumbnails__scrollable:has(.wc-block-product-gallery-thumbnails__thumbnail:only-child) + .product-gallery-navigation-wrapper,
.single-product .single-product-custom-gallery .wc-block-product-gallery-thumbnails:has(.wc-block-product-gallery-thumbnails__thumbnail:only-child) .product-gallery-navigation-wrapper,
.single-product .single-product-custom-gallery .wp-block-woocommerce-product-gallery-thumbnails:has(.wc-block-product-gallery-thumbnails__thumbnail:only-child) .product-gallery-navigation-wrapper {
	display: none !important;
}

/* Navigation buttons container inside wrapper */
.single-product .single-product-custom-gallery .product-gallery-navigation-wrapper .wc-block-next-previous-buttons {
	display: flex !important;
	flex-direction: row !important;
	justify-content: center !important;
	align-items: center !important;
	gap: 12px !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	
}

/* Ensure original wrapper doesn't interfere */
.single-product .single-product-custom-gallery .wc-block-product-gallery-thumbnails .single-product-gallery-navigation,
.single-product .single-product-custom-gallery .wc-block-product-gallery-thumbnails .wp-block-woocommerce-product-gallery-large-image-next-previous,
.single-product .single-product-custom-gallery .wp-block-woocommerce-product-gallery-thumbnails .single-product-gallery-navigation,
.single-product .single-product-custom-gallery .wp-block-woocommerce-product-gallery-thumbnails .wp-block-woocommerce-product-gallery-large-image-next-previous {
	position: relative !important;
	width: 100% !important;
	
}

/* Style individual buttons - 50% width each */
.single-product .single-product-custom-gallery .wc-block-product-gallery-thumbnails .wc-block-next-previous-buttons__button,
.single-product .single-product-custom-gallery .wp-block-woocommerce-product-gallery-thumbnails .wc-block-next-previous-buttons__button {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 calc( 50% - 6px) !important;
	width: calc( 50% - 6px) !important;
	min-width: 0 !important;
	height: 40px !important;
	position: relative !important;
	margin: 0 !important;
	background: #F5F5F5 !important;
	border: none !important;
	border-radius: 4px !important;
}

/* Rotate icons to point up/down for thumbnails navigation */
/* Left arrow (Previous button) - rotate to point UP */
.single-product .single-product-custom-gallery .product-gallery-navigation-wrapper .wc-block-next-previous-buttons__icon--left {
	transform: rotate(-270deg) !important;
}

/* Right arrow (Next button) - rotate to point DOWN */
.single-product .single-product-custom-gallery .product-gallery-navigation-wrapper .wc-block-next-previous-buttons__icon--right {
	transform: rotate(90deg) !important;
}

/* Active state - border only for active button */
.single-product .single-product-custom-gallery .product-gallery-navigation-wrapper .wc-block-next-previous-buttons__button:active,
.single-product .single-product-custom-gallery .product-gallery-navigation-wrapper .wc-block-next-previous-buttons__button:focus {
	border: 1px solid #1D1B20 !important;
}

/* Hide original navigation in large-image block */
.single-product .single-product-custom-gallery .wp-block-woocommerce-product-gallery-large-image .single-product-gallery-navigation,
.single-product .single-product-custom-gallery .wp-block-woocommerce-product-gallery-large-image .wp-block-woocommerce-product-gallery-large-image-next-previous {
	display: none !important;
}

/* Make thumbnails vertical rectangular instead of square */
.single-product .single-product-custom-gallery .wc-block-product-gallery-thumbnails__thumbnail__image,
.single-product .single-product-custom-gallery .wp-block-woocommerce-product-gallery-thumbnails .wc-block-product-gallery-thumbnails__thumbnail__image {
	/*aspect-ratio: 3 / 4 !important; */
    object-fit: cover !important;
    min-height: 142px;
    height: 100%;
}

/* Fix product gallery dialog - show one image at a time with navigation (gallery style) */
.wc-block-product-gallery-dialog__images-container {
	position: relative !important;
	overflow: hidden !important;
	width: 100% !important;
	height: 100% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.wc-block-product-gallery-dialog__images {
	position: relative !important;
	width: 100% !important;
	height: 100% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.wc-block-product-gallery-dialog__images img {
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	display: none !important;
	width: auto !important;
	max-width: 100% !important;
	height: auto !important;
	max-height: 80vh !important;
	object-fit: contain !important;
	margin: 0 !important;
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
	z-index: 1 !important;
}

.wc-block-product-gallery-dialog__images img:first-child,
.wc-block-product-gallery-dialog__images img.dialog-gallery-active {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	pointer-events: auto !important;
	z-index: 2 !important;
}

/* Style close button like auth popup close button */
.wc-block-product-gallery-dialog__close-button {
	position: absolute !important;
	top: 10px !important;
	right: 10px !important;
	background: #726658 !important;
	border: 2px solid #fff !important;
	font-family: 'Assistant', sans-serif !important;
	font-size: 20px !important;
	font-weight: bold !important;
	cursor: pointer !important;
	color: #fff !important;
	width: 36px !important;
	height: 36px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	line-height: 1 !important;
	padding: 0 !important;
	border-radius: 50% !important;
	z-index: 100 !important;
	transition: all 0.3s !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

.wc-block-product-gallery-dialog__close-button:hover {
	background: #5a5247 !important;
	transform: scale(1.1) !important;
	color: #fff !important;
}

.wc-block-product-gallery-dialog__close-button svg {
	width: 20px !important;
	height: 20px !important;
	fill: #fff !important;
}

/* Dark overlay background for lightbox */
.wc-block-product-gallery-dialog {
	background: transparent !important;
}

.wc-block-product-gallery-dialog::backdrop {
	background: rgba(0, 0, 0, 0.3) !important;
}

/* Fallback for browsers that don't support ::backdrop */
.wc-block-product-gallery-dialog[open] {
	background: rgba(0, 0, 0, 0.3) !important;
}

.wc-block-product-gallery-dialog__content {
	background: transparent !important;
}

@media (max-width: 782px) {
	.single-product .single-product-custom-gallery .wc-block-product-gallery-thumbnails .product-gallery-navigation-wrapper{
		display: none!important;
	}
	
	/* Make thumbnails twice as tall on mobile - override WooCommerce mobile styles */
	.single-product .single-product-custom-gallery .wc-block-product-gallery-thumbnails,
	.single-product .single-product-custom-gallery .wp-block-woocommerce-product-gallery-thumbnails {
		height: 144px !important; /* 142px * 2 */
		min-height: 144px !important;
		aspect-ratio: unset !important;
	}
	
	.single-product .single-product-custom-gallery .wc-block-product-gallery-thumbnails__scrollable,
	.single-product .single-product-custom-gallery .wp-block-woocommerce-product-gallery-thumbnails .wc-block-product-gallery-thumbnails__scrollable {
		height: 144px !important;
		min-height: 144px !important;
	}
	
	.single-product .single-product-custom-gallery .wc-block-product-gallery-thumbnails__thumbnail,
	.single-product .single-product-custom-gallery .wp-block-woocommerce-product-gallery-thumbnails .wc-block-product-gallery-thumbnails__thumbnail {
		height: 144px !important;
		min-height: 144px !important;
		width: auto !important;
		flex: 0 0 auto !important;
		aspect-ratio: unset !important;
	}
	
	.single-product .single-product-custom-gallery .wc-block-product-gallery-thumbnails__thumbnail__image,
	.single-product .single-product-custom-gallery .wp-block-woocommerce-product-gallery-thumbnails .wc-block-product-gallery-thumbnails__thumbnail__image {
		height: 144px !important;
		min-height: 144px !important;
		width: auto !important;
		object-fit: cover !important;
		aspect-ratio: unset !important;
	}
}

.single-product .single-product-custom-gallery :where(.wc-block-product-gallery-thumbnails).wc-block-product-gallery-thumbnails--overflow-bottom {
    mask-image: none;
}



body .wishlist_table .product-add-to-cart a {
    display: table !important;
    margin: 0 auto 5px !important;
    text-align: center;
    background-color: #726658;
    border-radius: 6px;
    align-items: center;
    border-style: none;
    display: inline-flex;
    justify-content: center;
    line-height: inherit;
    overflow: hidden;
    white-space: normal;
    word-break: normal;
    padding: 0px 10px;
    min-width: 110px;
    min-height: 32px;
    display: flex !important;
    align-content: center;
    width: min-content;
}

/* Checkbox styling for product page - match button color */
.woocommerce input[type="checkbox"][name="extra_length"] {
	accent-color: #726658 !important;
}

.woocommerce input[type="checkbox"][name="extra_length"]:checked {
	background-color: #726658 !important;
	border-color: #726658 !important;
}