/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/
.ProductCard.wd-product.wd-hover, .ProductCard.wd-product {width:100%!important;;}

/* General styles for the product card */
.product-image-link {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

/* Main product image */
.product-image {
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    transition: opacity 0.3s ease-in-out;
    opacity: 1;
}

/* Hover product image */
.hover-image {
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

/* On hover, hide the main image and show the hover image */
.product-image-link:hover .product-image {
    opacity: 0;
}

.product-image-link:hover .hover-image {
    opacity: 1;
}

.wd-page-content .wd-content-layout {
    padding-block: unset;
}

.whb-header-bottom-inner {
    padding-bottom: 8px;
}

.whb-default_header .container .whb-header-bottom-inner,
.whb-default_header .container .whb-general-header-inner {
    box-shadow: 0 0 0 1px #E2E2E6;
    gap: 8px;
    height: unset;
    max-height: unset;
}

.whb-header_285536 .container .whb-header-bottom-inner,
.whb-header_285536 .container .whb-general-header-inner {
	box-shadow: 0 0 0 1px #302F3D;
	gap: 8px;
	height: unset;
	max-height: unset;
}

.container .whb-general-header-inner {
	height: unset;
    max-height: unset;
}

.whb-default_header .whb-header-bottom-inner::after {
    content: '';
    position: absolute;
    top: 0;
    left: 16px;
    right: 16px;
    bottom: 8px;
    box-shadow: 0 1px 0 0 #E2E2E6;
	z-index: -1;
}

.whb-header-bottom-inner .whb-col-left,
.whb-general-header-inner .whb-col-left {
    width: 50%;
    margin-left: unset;
    box-sizing: border-box;
}

.whb-header-bottom-inner .whb-col-left,
.whb-general-header-inner .whb-col-left .wd-header-nav {
    padding: 16px 32px;
}

.whb-header-bottom-inner .whb-col-center,
.whb-general-header-inner .whb-col-center {
    display: none;
}

.whb-header-bottom-inner .whb-col-right,
.whb-general-header-inner .whb-col-right {
    width: 50%;
    margin-right: unset;
/* 	padding: 16px 32px; */
}

.whb-general-header-inner .wd-header-cart {
	padding-right: 32px;
}

.whb-main-header .whb-flex-equal-sides :is(.whb-col-left,.whb-col-right) {
	flex: unset;	
}

.whb-default_header .whb-header-bottom-inner .whb-col-left,
.whb-default_header .whb-header-bottom-inner .whb-col-right,
.whb-default_header .whb-general-header-inner .whb-col-left,
.whb-default_header .whb-general-header-inner .whb-col-right {
    box-shadow: 0 0 0 1px #E2E2E6;
}

.whb-header_285536 .whb-header-bottom-inner .whb-col-left,
.whb-header_285536 .whb-header-bottom-inner .whb-col-right,
.whb-header_285536 .whb-general-header-inner .whb-col-left,
.whb-header_285536 .whb-general-header-inner .whb-col-right {
	box-shadow: 0 0 0 1px #302F3D;
}

.whb-header_285536 .whb-header-bottom-inner::after {
    content: '';
    position: absolute;
    top: 0;
    left: 16px;
    right: 16px;
    bottom: 8px;
    box-shadow: 0 1px 0 0 #302F3D;
	z-index: -1;
}

.whb-column .wd-header-nav {
    padding-inline: unset;
}

.whb-header-bottom-inner .site-logo {
    padding-inline: unset;
}

.whb-general-header-inner .wd-nav {
    gap: 1px 16px;
}

.whb-default_header .whb-row .nav-link-text,
.whb-header_285536 .whb-row .nav-link-text {
	color: #302F3D;
}

.whb-row .nav-link-text {
	color: #E2E2E6;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px; 
    letter-spacing: -0.24px;
    text-transform: uppercase;
}

.whb-header .whb-row.whb-general-header.whb-not-sticky-row.whb-with-bg.whb-without-border.whb-color-light.whb-flex-flex-middle {
	margin-left: unset;
	margin-right: unset;
}

/* Overlay Styles */
.search-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px); /* For Safari */
    z-index: 399;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

html.wd-search-opened .search-overlay {
    opacity: 1;
    visibility: visible;
}

html.wd-search-opened {
    overflow: hidden;
}

.black-friday-category-view-text:hover {
    color: #FFF;
}

.black-friday-button-img img {
    filter: invert(1);
}

.black-friday-button-container,
.product-slider-view-button-container {
    display: flex; 
    align-items: center;
    gap: 12px;
}

.black-friday-banner-wrapper {
    box-shadow: 1px 0 0 0 #302F3D, -1px 0 0 0 #302F3D;
}

.product-slider-container-wrapper {
    box-shadow: 0 0 0 1px #302F3D;
}

.product-slider-category-view-container:hover {
    color: #111017;
}

.black-friday-foot-list-header span {
    color: #FFF;
}

.black-friday-white-link a {
    color: #FFF;
}

.page-id-12897 .black-friday-view-collection-mobile {
    background-color: #FFF;
    color: #111017;
}

@media (max-width: 1024px) {
	.whb-general-header-inner {
		padding: 28px 24px;
	}
    .custom-homepage-clickable-tile {
        padding: 24px;
    }
}

@media (max-width: 768.98px) {
	.whb-general-header-inner {
		padding: 24px 16px;
	}
    .custom-homepage-clickable-tile {
        padding: 16px;
    }
}