/*
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;
}
.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;
}

@media (max-width: 782px) {
	.wp-filter-toggle {
		left: 12px; /* fallback on small screens */
		top: 110px;
	}
}


@media (max-width: 782px) {
	html[dir="rtl"] .wp-filter-toggle {
		right: 12px;
		left: auto;
	}
}

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;
	bottom: 20px; /* at the bottom of the panel */
	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: 1101; /* 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 {
		bottom: 20px;
		left: 50%;
		transform: translateX(-50%);
	}
}

/* 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;
}

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;
	
}


.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;
	}


	.wp-block-navigation__responsive-container.is-menu-open{
		max-width: 90%;
		right: 0;
		left: auto;
		width: 100%;
		max-height: 95vh;
	}


	.wp-block-navigation__responsive-container-close {
		position: absolute;
		right: 16px;
		top: 16px;
		z-index: 12;
	}
	.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;
	}
}



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