/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
Add your custom styles here
*/

:root {
	--fcal_primary_color: #AD925D !important;
}

.fcal-dark-mode {
    --fcal_primaryColor: #AD925D !important;
}


@media (min-width: 1200px) {
	body:not([class*=elementor-page-]) .site-main {
		max-width: 90%;
	}
}

@media (min-width: 767px) {
	body:not([class*=elementor-page-]) .site-main {
		max-width: 90%;
	}
	
}



@media (max-width: 767px) {
	.custom-product-loop .product-image-wrap{
		border-right: 0 !important;
	}
	
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
	border-bottom: 2px solid #a87a4e;
    padding-bottom: 50px;
	margin-right: 40px !important;
	margin-left: 40px !important;
	}
	
	.products-left, .rest-products{
		row-gap: 0 !important;
	}
	
	.products-right{
		display: none !important;
	}
	
	.product-image-block{
		margin-bottom: 0 !important;
	}
	.col-2{
		width: 20%;
	}

	
	.material-item img{
		width: 40px;
	}
}


p{
	margin-bottom: 0px;
}


/* Wrapper for first 4 products + image */

.product-image-block {
	display: flex;
	align-items: flex-start;
	gap: 30px;
	margin-bottom: 80px;
}


.products-left {
	display: grid;
	grid-template-columns: repeat(2, 1fr); /* 2 per row */
	row-gap: 80px;
	flex: 0 0 50%;
}



.products-right {
	flex: 0 0 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}


.products-right img {
	max-width: 100%;
	border-radius: 12px;
	aspect-ratio: 5/6;
	object-fit: cover;
	object-position: center;
}

/* Rest of products grid */
.rest-products {
	display: grid;
	grid-template-columns: repeat(4, 1fr); /* Adjust as needed */
	row-gap: 80px;
}

.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product{
	margin-right: 3.8%;
}


@media screen and (width <= 768px) {
	.product-image-block{
		flex-direction: column;
	}

	.products-left{
		flex: none;
		grid-template-columns: repeat(1, 1fr); /* 1 per row */
	}

	.products-right{
		flex: none;
	}

	.woocommerce ul.products[class*=columns-] li.product, 
	.woocommerce-page ul.products[class*=columns-] li.product{
		width: unset;
	}

	.rest-products{
		grid-template-columns: repeat(1, 1fr);
	}
}





/* Product Loop Container */
.woocommerce ul.products{
	display: flex;
	flex-wrap: wrap;
	padding-top: 40px;
	justify-content: center;
}

.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product{
	margin-bottom: 0px;
}

/* Each Product */
.custom-product-loop {
	list-style: none;
	text-align: center;
	padding: 15px;
	box-sizing: border-box;
}

.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product{
	display: flex;
	flex-direction: column;
	width: unset;
}

/* Product Link */
.custom-product-loop .product-link {
	display: block;
	color: inherit;
	text-decoration: none;
}

/* Image Wrapper with Separator */
.custom-product-loop .product-image-wrap {
	margin-bottom: 50px;
	padding: 0px 50px;
	border-right: 2px solid #a87a4e; /* gold separator */
	position: relative;
}

@media screen and (width > 768px){
	.custom-product-loop.last .product-image-wrap{
		border-color: transparent;
	}

}


/* Remove separator for last product in row */
@media (min-width: 768px) {
	.custom-product-loop:nth-child(4n) .product-image-wrap {
		/* 		border-right: none; */
	}

	.products-left .custom-product-loop:nth-child(2n) .product-image-wrap {
		border-right: none;
	}
}

/* Product Image */
.custom-product-loop .product-image-wrap img.attachment-woocommerce_single{
	max-width: 100%;
	height: auto;
	display: inline-block;
	transition: all 0.3s ease-in;
	width: 300px;
	height: auto;
	aspect-ratio: 1/1;
	object-fit: contain;
}



.custom-product-loop .product-image-wrap .secondary-image{
	opacity: 0;
	transition: all 0.3s ease-in;
	padding:0 50px;
}

.product-image-wrap.has_second_image:hover  img.attachment-woocommerce_single{
	opacity: 0;
}

.product-image-wrap.has_second_image:hover .secondary-image{
	opacity: 1;
}

/* Action Buttons */
.product-actions {
	margin-top: 50px;
	opacity: 0;
	transform: translateY(10px);
	transition: all 0.3s ease;
}

.custom-product-loop .product-image-wrap:hover .product-actions {
	opacity: 0;
	transform: translateY(0);
}

/* Title */

.custom-product-loop .product-title {
	font-size: 16px;
	font-weight: bold;
	color: #a87a4e;
	margin-bottom: 5px;
	text-transform: capitalize;
}

/* Product Categories */
.wc-cat-slider{
	position: relative;
	width: 99vw;
	margin-left: 50%;
	transform: translateX(-50%);
	z-index: 99;
}

.custom-product-loop .product-categories {
	font-size: 12px;
	color: #666;
	margin-bottom: 10px;
}

/* Price */
.custom-product-loop .product-price {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}

/* Filter */

.filter{
	border-bottom: 1px solid var(--e-global-color-primary);
}

.yith-wcan-filters{
	margin-bottom: 10px;
}

.yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter{
	min-width: unset;
}

.yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter .filter-title.collapsable{
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 400;
	border: 1px solid #6E795E;
	border-radius: 100px;
}


.yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter .filter-content > .filter-items{
	align-items: flex-start;
	flex-flow: column wrap;
	height: 100%;
	justify-content: flex-start;
	column-gap: 20px;
}

.yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter .filter-title.collapsable + .filter-content {
	width: max-content;
	max-width: 600px;
}

.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item{
	flex: 1;
}

.yith-wcan-filters .yith-wcan-filter .filter-items .filter-item label{
	display: inline-flex;
}




.sort-by-container{
	position: relative;
}

.filter{
	display: inline-flex;
	flex-wrap: wrap;
	flex-direction: row;
	width: 100%;
	border-bottom: 1.8px solid var(--e-global-color-primary);
	margin-bottom: 2rem;
}

.wpc-horizontal-layout div.wpc-filters-widget-wrapper{
	flex-wrap: nowrap;
}

.wpc-horizontal-layout.wpc-horizontal-cols-4 div.wpc-filters-section:not(.wpc-filter-layout-submit-button){
	max-width: unset;
	width: unset;
	margin-right: 10%;
}

.filter .widget_wpc_filters_widget{
	width: auto;
}



.woocommerce .woocommerce-ordering select{
	font-size: 1rem;
	text-transform: uppercase;
	max-width: 130px;
	width:130px;
	border: 0px;
	padding: 0;
	margin: 0px;
	appearance: none;
}

.filter .widget_wpc_filters_widget{
	padding-left: 5rem;
}



.sort-by-container::before,
.wpc-filter-collapsible .wpc-filter-title span.wpc-open-icon, 
.wpc-filter-collapsible-reverse.wpc-filter-collapsible.wpc-closed .wpc-filter-title span.wpc-open-icon, 
.wpc-filter-collapsible.wpc-closed .wpc-filter-title span.wpc-open-icon, 
.wpc-filter-has-selected.wpc-closed .wpc-filter-title span.wpc-open-icon{
	content: "";
	width: 1rem;
	min-width: 1rem;
	height: 1rem;
	display: block;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	transform: rotate(-135deg);
	top: -4px;
}

.wpc-filter-collapsible-reverse.wpc-filter-collapsible .wpc-filter-title .wpc-open-icon, 
.wpc-filter-collapsible.wpc-opened .wpc-filter-title .wpc-open-icon, 
.wpc-filter-has-selected .wpc-filter-title .wpc-open-icon{
	top: 4px
}

/*

.sort-by-container::before{
position:absolute;
right:3px;
top: 0;
margin-right: 2rem;
}


.woocommerce .woocommerce-ordering select:focus-visible{
border:0px;
}

.sort-by-container{
display: inline-flex;
flex-direction: row;
}


.wpc-filters-section .wpc-filter-header .wpc-filter-title button {
width: auto;
font-size: 1rem;
text-transform: uppercase;

}

.wpc-wrap-icons {
margin-right: 1rem;
}

div.wpc-filters-section{
margin-bottom: 10px;
}

*/


/* Result Count and Pagination */
.woocommerce-result-count,
.oncheong-pagination{
	font-size: 16px;
	font-weight: 300;
	text-transform: uppercase;
}


.oncheong-pagination{
	float: right;
}

.oncheong-pagination:last-child{
	float: none;
	text-align: center;
	margin: 40px 0px;
}

.oncheong-pagination .page-numbers{
	margin:0px 6px;
}

.oncheong-pagination a{
	text-decoration: none;
	font-weight: 400;
}

.oncheong-pagination a:hover{
	color: var(--e-global-color-primary);
}


.oncheong-pagination:last-child a.prev-page:after{
	font-size: 1em;
	content: "Prev";
}

.oncheong-pagination:last-child a.next-page:before{
	font-size: 1em;
	content: "Next";
}

.archive #main{
	margin-block:90px;
}

/* Single Product Page */
.material-item {
	display: flex;
    align-items: center;
    flex-direction: column;
}

.material-item img{
	box-shadow: 2px 2px 4px 1px rgb(0 0 0 / 18%);
	border-radius: 50%;
	width: 44px;
}

.translatepress-zh_CN .material-item p{
	font-size: 16px;
}

.material-item p{
	font-size: 10px;
	font-weight: 300;
}

.product-sku > img {
	max-width: 40px;
	margin-right: 14px;
}

.elementor-widget-shortcode:has(> .elementor-shortcode:empty){
	display: none;
}

.single-product .custom-product-loop .product-image-wrap{
	padding: 0px 90px;
}

/* Style the datepicker input */
.flatpickr-calendar{
	background-color: var(--e-global-color-secondary);
}


.flatpickr-months .flatpickr-prev-month, 
.flatpickr-months .flatpickr-next-month{
	top:unset;
}

.custom-date-picker{
	max-width: 60%;
}

.custom-date-picker input[readonly] {
	background: #fff url("data:image/svg+xml;utf8,<svg fill='none' stroke='%23666' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M19 9l-7 7-7-7'/></svg>") no-repeat right 12px center;
	background-size: 16px;
	padding-right: 35px;
	cursor: pointer;
	border-color: var(--e-global-color-secondary);
	border-width: 0px 0px 1px 0px;
	padding-left: 0px;
}
.custom-date-picker input[readonly]::placeholder{
	color: #000000;
}

.flatpickr-innerContainer{
	justify-content: center;
}

.flatpickr-current-month span.cur-month{
	font-weight: 400;
}

.whatsapp-enquire-product .elementor-button-content-wrapper{
	align-items: center;
}

.whatsapp-enquire-product .elementor-button-icon{
	font-size: 24px;
	margin-right: 12px;
}

.fcal_calendar_inner .fcal_side .fcal_author{
	display:none;
}