/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
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: 2.0.0
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 */


body{
	text-decoration: none !important;
}

/* search bar css*/
.search-bar{
	width: 350px !important;
	border-radius: 10px !important;
}

@media only screen and (max-width: 1440px){
	.search-bar{
		width: 300px !important;
		border-radius: 10px !important;
	}
}

.css-r4o1is .ywcas-input-field-wrapper{
	border-radius: 10px !important;
	padding: 5px 5px !important;
}

.wp-block-button__link .wp-block-woocommerce-product-button .search-result-add-to-cart, .search-result-item__price, .search-result-item__inline_group, .search-result-item__summary, .wp-block-button{
	display: none !important;
}

.ywcas-search-results{
	margin: 0px !important;
}

.popover-content{
	padding: 20px !important;
}

/* fiestart slider css*/
.bdt-fiestar-slider .bdt-navigation-wrap .bdt-navigation-next{
	right: 2%;
}

.bdt-fiestar-slider .bdt-navigation-wrap .bdt-navigation-prev{
	left: 2%;
}






/* Container for taxonomy page */

.taxonomy-page-content {
    max-width: 1920px;
    margin: 0 auto;
    padding: 60px 160px; /* Top-bottom 100px, Left-right 160px */
}

/* Laptop styling */
@media only screen and (max-width: 1440px) {
    .taxonomy-page-content {
        padding: 60px 50px !important; /* Top-bottom 60px, Left-right 50px */
    }
}

/* Mobile styling */
@media only screen and (max-width: 600px) {
    .taxonomy-page-content {
        padding: 60px 20px !important; /* Top-bottom 60px, Left-right 20px */
    }
}

/* Category title */
.category-title {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 40px;
    text-align: left;
    font-family: 'Proxima Nova' !important;
    color: #114e9c !important;
}

/* Unified grid for products and subcategories */
.product-and-subcategory-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(250px, 1fr)); /* Dynamic columns */
    gap: 20px;
    margin-top: 40px;
}

#product-and-subcategory-grid>li{
	list-style-type: none !important;
}

@media (max-width: 768px) {
    .product-and-subcategory-grid {
        grid-template-columns: repeat(3, minmax(150px, 1fr));
        gap: 15px;
    }
}

@media (max-width: 480px) {
    .product-and-subcategory-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }
}



/* Ensure consistent square images with minimum size */
.product-item img,
.subcategory-item img {
    width: 100%; /* Makes the image responsive */
    min-width: 0px; /* Minimum width for grid items */
    min-height: 0px; /* Minimum height for grid items */
    height: auto; /* Responsive height to maintain aspect ratio */
    aspect-ratio: 1 / 1; /* Ensures the image is a perfect square */
    object-fit: cover; /* Ensures images fill the square container */
    border-radius: 10px;
    border: 1px solid #D9D9D980;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}


.filter-product-wrapper{
	display: flex; 
	flex-direction: row;
	gap: 20px; 
	flex-wrap: wrap;
}

.product-filters{
	flex: 1; 
	max-width: 20%; 
	border-right: 1px solid #e3e3e3;
}

.filter-title{
	font-family: "Proxima Nova" !important;
	font-size: 26px !important;
	font-weight: 600 !important;
	margin: 0px !important;
	padding: 20px 20px 0px 0px !important;
}

h4.filter-label{
	font-family: "Proxima Nova" !important;
	font-size: 22px !important;
	font-weight: 600 !important;
	margin: 0px !important;
	padding-top: 20px !important;
	padding-bottom: 10px !important;
}

.product-and-subcategory-grid{
	flex: 1; 
	max-width: 100%; 
	display: grid; 
	grid-template-columns: repeat(4, 1fr); 
	gap: 30px;
}

.product-image-wrapper {
	width: auto;
    min-width: 100%;
    height: auto !important;
    max-height: 350px;
	aspect-ratio: 1/1;
    background-size: contain;
    background-position: center;
    border-radius: 10px;
    transition: background-color 0.3s ease-in-out, background-image 0.3s ease-in-out;
	overflow: hidden;
}

.product-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    transition: opacity 0.3s ease-in-out;
    opacity: 1; /* Hide the image initially */
}

.product-image-wrapper:hover {
    background-image: url("/source/fd7541819d3d7b740bc729e6cbb29914/ahn-product-purewhite-background-img.png") !important;
/*     background-color: #fff !important; */
	box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 90px;
}

#related-product-image-wrapper {
	background-image: url("/source/1eeea41e3c70a35dbcca9cccb84b5c57/ahn-product-background-img.png");
	width: 100%;
	height: auto !important;
	aspect-ratio: 1/1;
    background-size: contain;
    background-position: center;
    border-radius: 10px !important;
    transition: background-color 0.3s ease-in-out, background-image 0.3s ease-in-out;
	margin-bottom: 10px !important;
}

#related-product-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    transition: opacity 0.3s ease-in-out;
    opacity: 1;
}

#related-product-image-wrapper:hover {
    background-image: url("/source/fd7541819d3d7b740bc729e6cbb29914/ahn-product-purewhite-background-img.png") !important;
/*     background-color: #fff !important; */
	box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 90px;
}


@media only screen and (max-width: 1440px){
	.product-and-subcategory-grid{
	 	grid-template-columns: repeat(4, 1fr) !important; 
		gap-column: 0px !important;
		gap: 20px;
	}
	
	.product-image-wrapper{
		height: auto !important;
	}
}

@media only screen and (max-width: 430px){
	.filter-product-wrapper{
		flex-direction: column !important;
	}
	.product-and-subcategory-grid{
		flex: 1;
		max-width: 100%;
		width: 100%;
	 	grid-template-columns: repeat(2, 1fr) !important; 
		gap: 20px;
	}
	.product-filters{
		flex: 1; 
		max-width: 100%;
		width: 100%;
		border: 0px;
	}
	.product-and-subcategory-grid>li>a>img{
		min-width: auto !important; /* Minimum width for grid items */
    	min-height: auto !important;
	}
	.product-and-subcategory-grid>li>a>h2, h2.woocommerce-loop-product__title{
		font-size: 16px !important;
		font-weight: 500px !important;
		font-family: "Proxima Nova" !important;
	}
	
	h2.woocommerce-loop-product__title{
		font-size: 16px !important;
		font-weight: 500px !important;
		font-family: "Proxima Nova" !important;
	}
	
	
	.product-image-wrapper{
		height: auto !important;
	}
}

.product-and-subcategory-grid>li>a>img{
	width: 100%; /* Makes the image responsive */
    height: auto; /* Responsive height to maintain aspect ratio */
    aspect-ratio: 1 / 1; /* Ensures the image is a perfect square */
    object-fit: cover; /* Ensures images fill the square container */
    border-radius: 8px;
    border: 1px solid #D9D9D980;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.product-and-subcategory-grid>li>a>img:hover{
	box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}

.product-and-subcategory-grid>li>a>h2{
	text-align: center !important;
	font-family: "Proxima Nova" !important;
	font-size: 16px !important;
	color: #4d4d4d !important;
	font-weight: bold !important;
}

/* List style removal */
.product-item > li {
    list-style: none !important;
}

/* all subcategory image hover effect  */
.all-subcat-div>.subcategory-grid>.subcategory-item>a>img:hover{
	filter: contrast(1.28) !important;
}





/* Hover effect for product and subcategory images */
.product-item img:hover, 
.subcategory-item img:hover {
	box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px;
}

/* Subcategory item styling */
.subcategory-item {
    text-align: center;
    padding: 0px;
    border-radius: 8px;
    transition: transform 0.2s ease-in-out;
    font-family: 'Proxima Nova' !important;
    color: #4d4d4d !important;
}

.product-title {
    margin-top: 10px;
    font-size: 18px;
    font-family: 'Proxima Nova' !important;
    color: #4d4d4d !important;
    font-weight: bold;
}

/* Unified title styling for products and subcategories */
.product-title{
    margin-top: 10px;
    font-size: 16px;
    font-family: 'Proxima Nova' !important;
    color: #4d4d4d !important;
    font-weight: bold;
}

/* Hide "Add to Cart" button for simple products */
.product_type_simple {
    display: none !important;
}

/* Subcategory links */
.subcategory-item a {
    text-decoration: none;
    color: inherit;
}

/* Product item styling (uses default WooCommerce styling) */
.product-item {
    text-align: center;
}

.product_type_variable, .price, .onsale{
	display: none !important;
}

@media only screen and (max-width: 600px){
	.product-badge{
		max-width: 60px !important;
	}
}