/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* ==========================================================================
   Homepage & Global Layout Fixes (Unified 50px Spacing System)
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Top Banner Area Background & Seamless Connection (#2859B8)
   -------------------------------------------------------------------------- */
/* Remove homepage top wrapper padding so banner connects directly to top header */
.home .main-page-wrapper,
.home .main-page-wrapper > .container,
.home .site-content,
.home article.page,
.home .entry-content,
.home .elementor-1519 {
	padding-top: 0 !important;
	margin-top: 0 !important;
}

/* ==========================================================================
   Sticky Header — Pure CSS Sticky (Overrides Woodmart JS/CSS whb-sticky-real)
   ========================================================================== */

/* 1. Make the entire header element sticky at the top */
header.whb-header {
	margin-bottom: 0 !important;
	position: sticky !important;
	top: 0 !important;
	z-index: 99999 !important;
	width: 100% !important;
}

/* 2. Admin bar offset */
.admin-bar header.whb-header {
	top: 32px !important;
}

@media screen and (max-width: 782px) {
	.admin-bar header.whb-header {
		top: 46px !important;
	}
}

/* 3. Neutralize Woodmart's whb-sticky-real inline paddingTop injection */
header.whb-header.whb-sticky-prepared {
	padding-top: 0 !important;
}

/* 4. Keep .whb-main-header in normal relative flow — prevent Woodmart from making it
      position:absolute (whb-sticky-prepared) or position:fixed (whb-sticked) */
header.whb-header .whb-main-header,
header.whb-header.whb-sticky-prepared .whb-main-header,
header.whb-header.whb-sticked .whb-main-header {
	position: relative !important;
	top: auto !important;
	transform: none !important;
	animation: none !important;
	width: 100% !important;
}

/* 5. Don't hide the top (non-sticky) row when Woodmart adds whb-sticked —
      whole header is visible through CSS sticky */
header.whb-header.whb-sticked .whb-not-sticky-row {
	display: flex !important;
}

/* 6. Remove Woodmart's box-shadow on sticked state (optional, keeps it clean) */
header.whb-header.whb-sticky-shadow.whb-sticked .whb-main-header {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
}


.elementor-element.elementor-element-d03790e,
.elementor-element.elementor-element-d03790e:not(.elementor-motion-effects-element-type-background),
.elementor-element.elementor-element-d03790e > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	background-color: #2859B8 !important;
	background-image: none !important;
}

.elementor-element.elementor-element-d03790e {
	margin-top: 0 !important;
	margin-bottom: 25px !important;
	padding-top: 0 !important; /* 0 top gap, connects seamlessly to top navigation bar */
	padding-bottom: 3px !important; /* Shortened by half from 6px to 3px */
}

.elementor-element.elementor-element-d03790e > .elementor-container,
.elementor-element.elementor-element-d03790e .elementor-column,
.elementor-element.elementor-element-d03790e .elementor-widget-wrap,
.elementor-element.elementor-element-fa587d5 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
}

/* Column Gap between Main Slider (Left) and Promo Banners (Right) & Align with Product Categories */
.elementor-element-fa587d5 > .elementor-container {
	display: flex !important;
	gap: 7px !important; /* Reduced by 1/3 from 10px to 7px */
	padding-left: 15px !important;
	padding-right: 15px !important;
}

.elementor-element-23507c4 {
	flex: 0 0 calc(66.666% - 3.5px) !important;
	max-width: calc(66.666% - 3.5px) !important;
	width: calc(66.666% - 3.5px) !important;
}

.elementor-element-c9342a2 {
	flex: 0 0 calc(33.333% - 3.5px) !important;
	max-width: calc(33.333% - 3.5px) !important;
	width: calc(33.333% - 3.5px) !important;
}

/* Shift Slider Product Image & White Card Content Further Right */
#slider-296,
#slider-296 .wd-slide,
#slider-296 .wd-slide-bg,
#slider-296 .wd-slide-container {
	width: 100% !important;
	max-width: 100% !important;
	padding-right: 0 !important;
	margin-right: 0 !important;
}

#slider-296 .wd-slide-bg,
#slide-318 .wd-slide-bg,
#slide-334 .wd-slide-bg,
#slide-340 .wd-slide-bg,
#slide-318.woodmart-loaded .wd-slide-bg,
#slide-334.woodmart-loaded .wd-slide-bg,
#slide-340.woodmart-loaded .wd-slide-bg {
	background-position: calc(100% + 20px) center !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
}

/* Promo Banners Vertical Gap & Square Right-Angle Corners (border-radius: 0) */
.elementor-element-761dde6,
.elementor-element-96de07d,
.elementor-element-761dde6 .promo-banner,
.elementor-element-96de07d .promo-banner,
.elementor-element-c9342a2 .promo-banner,
.elementor-element-c9342a2 .wrapper-content-banner {
	border-radius: 0 !important;
	overflow: hidden !important;
}

.elementor-element-761dde6 {
	margin-bottom: 20px !important;
}

.elementor-element-96de07d {
	margin-bottom: 0 !important;
}

/* Slider Arrow Navigation */
#slider-296 .flickity-prev-next-button,
#slider-296 .woodmart-owl-arrow,
#slider-296 .owl-nav > div {
	display: flex !important;
	opacity: 1 !important;
	visibility: visible !important;
}

/* --------------------------------------------------------------------------
   2. Main Products Section: Two-Line Centered Headers & Compact Spacing
   -------------------------------------------------------------------------- */
.bxhs-products-tabs-widget {
	margin-top: 25px !important; /* Reduced by half from 50px */
	margin-bottom: 25px !important; /* Reduced by half from 50px */
	width: 100% !important;
	clear: both !important;
}

/* Line 1: Main Section Title (MAIN PRODUCTS) */
.bxhs-products-tabs-widget h2.bxhs-section-title,
.bxhs-products-tabs-widget .bxhs-section-title {
	display: block !important;
	width: 100% !important;
	text-align: center !important;
	margin: 0 auto 10px auto !important;
	font-family: var(--wd-title-font, "Mulish", Arial, Helvetica, sans-serif) !important;
	font-size: 28px !important;
	font-weight: 800 !important;
	color: #242424 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.04em !important;
	border: none !important;
	padding: 0 !important;
	position: relative !important;
}

/* Centered underline indicator below MAIN PRODUCTS */
.bxhs-products-tabs-widget h2.bxhs-section-title::after,
.bxhs-products-tabs-widget .bxhs-section-title::after {
	content: "" !important;
	display: block !important;
	width: 60px !important;
	height: 3px !important;
	background: #1246ab !important;
	margin: 8px auto 0 auto !important;
	border-radius: 2px !important;
}

/* Line 2: Sub-category Title (Monoblock Directional Control Valve) */
.bxhs-products-tabs-widget h3.bxhs-tab-section-title,
.bxhs-products-tabs-widget .bxhs-tab-section-title {
	display: block !important;
	width: 100% !important;
	text-align: center !important;
	margin: 12px auto 20px auto !important;
	font-family: var(--wd-title-font, "Mulish", Arial, Helvetica, sans-serif) !important;
	font-size: 20px !important;
	font-weight: 700 !important;
	color: #1246ab !important;
	border: none !important;
	padding: 0 !important;
	clear: both !important;
}

.bxhs-products-grid,
.products.bxhs-product-grid {
	margin-top: 10px !important;
	margin-bottom: 20px !important;
}

.bxhs-product-card,
.product-grid-item {
	margin-bottom: 20px !important;
}

/* --------------------------------------------------------------------------
   3. Middle & Content Sections Spacing (Latest Products, Latest News, SEO Content)
   -------------------------------------------------------------------------- */
.elementor-element.elementor-element-24dedef,
.elementor-element.elementor-element-8a092bc,
.elementor-element.elementor-element-062b85b,
.elementor-element.elementor-element-eaa21af {
	margin-top: 25px !important; /* Reduced by half from 50px */
	margin-bottom: 25px !important; /* Reduced by half from 50px */
}

/* --------------------------------------------------------------------------
   4. Bottom Company Overview Box & Read More Button
   -------------------------------------------------------------------------- */
.elementor-element.elementor-element-5f1d84e,
.elementor-element.elementor-element-5f1d84e:not(.elementor-motion-effects-element-type-background) {
	background-color: #F1F3F8 !important;
	margin-top: 25px !important;
	margin-bottom: 12px !important;
	padding: 20px 30px 8px 30px !important;
	border-radius: 8px !important;
}

.elementor-element-5f1d84e .title {
	color: #1246AB !important;
	font-size: 26px !important;
	font-weight: 800 !important;
	margin-top: 15px !important;
	margin-bottom: 6px !important;
}

.elementor-element-5f1d84e .wd-text-block p {
	font-size: 15px !important;
	line-height: 1.75 !important;
	color: #444444 !important;
	margin-top: 6px !important;
	margin-bottom: 12px !important;
}

.elementor-element-5f1d84e .wd-button-wrapper {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.elementor-element-5f1d84e .wd-button-wrapper a.btn {
	display: inline-block !important;
	padding: 8px 24px !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	color: #ffffff !important;
	background-color: #1246AB !important;
	border-radius: 4px !important;
	text-decoration: none !important;
	transition: background-color 0.2s ease !important;
}

.elementor-element-5f1d84e .wd-button-wrapper a.btn:hover {
	background-color: #0d3482 !important;
	color: #ffffff !important;
}

/* --------------------------------------------------------------------------
   5. Contact Form Section Aesthetics & Gap Optimization (Section 1247d00)
   -------------------------------------------------------------------------- */
/* Contact Form Section 1247d00 Container Padding & Double Bottom Space */
.elementor-element.elementor-element-1247d00,
.elementor-element.elementor-element-1247d00:not(.elementor-motion-effects-element-type-background) {
	padding-bottom: 30px !important;
}

.elementor-element.elementor-element-d245bef,
.elementor-element.elementor-element-d245bef > .elementor-widget-container {
	margin-bottom: 12px !important;
}

.elementor-element-1deba7e .wpcf7,
.elementor-element-1deba7e .wpcf7-form {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* Hide failed/empty Turnstile captcha widget and extra gap */
.elementor-element-1deba7e .wpcf7-turnstile,
.elementor-element-1deba7e .cf-turnstile {
	display: none !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

.elementor-element-1deba7e .wpcf7-form p {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.elementor-element-1deba7e .wpcf7-form br {
	display: none !important;
}

/* Form Input Fields Aesthetics */
.elementor-element-1deba7e .wpcf7-form input[type="text"],
.elementor-element-1deba7e .wpcf7-form input[type="email"],
.elementor-element-1deba7e .wpcf7-form input[type="tel"] {
	height: 48px !important;
	background-color: #ffffff !important;
	border: 1px solid #e0e0e0 !important;
	border-radius: 6px !important;
	font-size: 14px !important;
	color: #242424 !important;
	padding: 0 16px !important;
	margin-bottom: 16px !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
	transition: all 0.2s ease !important;
}

.elementor-element-1deba7e .wpcf7-form textarea {
	height: 120px !important;
	background-color: #ffffff !important;
	border: 1px solid #e0e0e0 !important;
	border-radius: 6px !important;
	font-size: 14px !important;
	color: #242424 !important;
	padding: 12px 16px !important;
	margin-bottom: 16px !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
	transition: all 0.2s ease !important;
}

.elementor-element-1deba7e .wpcf7-form input[type="text"]:focus,
.elementor-element-1deba7e .wpcf7-form input[type="email"]:focus,
.elementor-element-1deba7e .wpcf7-form input[type="tel"]:focus,
.elementor-element-1deba7e .wpcf7-form textarea:focus {
	border-color: #1246AB !important;
	box-shadow: 0 0 0 3px rgba(18, 70, 171, 0.15) !important;
	outline: none !important;
}

/* Submit Button Aesthetics */
.elementor-element-1deba7e .wpcf7-form input[type="submit"] {
	height: 48px !important;
	line-height: 48px !important;
	padding: 0 36px !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	color: #ffffff !important;
	background-color: #242424 !important;
	border: none !important;
	border-radius: 6px !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	margin-top: 8px !important;
}

.elementor-element-1deba7e .wpcf7-form input[type="submit"]:hover {
	background-color: #000000 !important;
	color: #ffffff !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}

footer.footer-container,
.footer-container {
	background-color: #ffffff !important;
	padding-top: 30px !important;
	padding-bottom: 20px !important;
	margin-top: 20px !important;
}

.min-footer {
	padding-top: 15px !important;
	border-top: none !important;
	border: none !important;
	margin-top: 15px !important;
}

/* ==========================================================================
   6. Production Page Title Header Banner (Blue #2859B8 Background + White Title)
      Reference: https://www.bxhshydraulic.com/contact-us/
   ========================================================================== */
.page-title {
	background-color: #2859B8 !important;
	background-image: none !important;
	min-height: auto !important;
	height: auto !important;
	padding: 50px 0 45px 0 !important;
	margin-top: 0 !important;
	margin-bottom: 35px !important;
	border-bottom: none !important;
	text-align: center !important;
}

.page-title .container {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
}

/* Centered White Page Title (e.g. Contact Us, Company Overview, Product Capacity) */
.page-title .entry-title,
.page-title h1.title,
.page-title h3.title {
	display: block !important;
	font-family: var(--wd-title-font, "Mulish", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif) !important;
	font-size: 52px !important;
	font-weight: 700 !important;
	color: #ffffff !important;
	line-height: 1.2 !important;
	margin: 0 0 10px 0 !important;
	padding: 0 !important;
	text-align: center !important;
	text-transform: none !important;
}

/* Remove Woodmart's default CSS pseudo-element slashes */
.breadcrumbs > :is(a, span):after,
.breadcrumbs > a:after,
.breadcrumbs > span:after,
.breadcrumbs > a::after,
.breadcrumbs > span::after,
.breadcrumbs a:after,
.breadcrumbs a::after,
.breadcrumbs span:after,
.breadcrumbs span::after,
.bxhs-breadcrumb > :is(a, span):after,
.bxhs-breadcrumb a:after,
.bxhs-breadcrumb a::after,
.bxhs-breadcrumb span:after,
.bxhs-breadcrumb span::after {
	content: none !important;
	display: none !important;
}

/* Centered Small White Breadcrumbs below Title (HOME / CONTACT US) */
.page-title .breadcrumbs,
.breadcrumbs {
	font-family: var(--wd-title-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif) !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 1.5 !important;
	color: #ffffff !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex-wrap: wrap !important;
	text-align: center !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	margin: 0 !important;
	padding: 0 !important;
}

.page-title .breadcrumbs a,
.breadcrumbs a {
	color: rgba(255, 255, 255, 0.85) !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	transition: opacity 0.15s ease !important;
}

.page-title .breadcrumbs a:hover,
.breadcrumbs a:hover {
	color: #ffffff !important;
	opacity: 0.85 !important;
}

.page-title .breadcrumbs .divider,
.breadcrumbs .divider {
	color: rgba(255, 255, 255, 0.75) !important;
	margin: 0 8px !important;
	font-weight: 700 !important;
	font-size: 13px !important;
}

.page-title .breadcrumbs .current,
.breadcrumbs .current {
	color: #ffffff !important;
	font-weight: 700 !important;
}

@media (max-width: 768px) {
	.page-title {
		padding: 30px 0 25px 0 !important;
		margin-bottom: 25px !important;
	}
	.page-title .entry-title,
	.page-title h1.title {
		font-size: 32px !important;
		margin-bottom: 6px !important;
	}
	.page-title .breadcrumbs,
	.breadcrumbs {
		font-size: 12px !important;
	}
}

/* ==========================================================================
   7. Header Navigation Dropdown Menus (Clean Category List & Language Switcher)
   ========================================================================== */

/* Ensure header rows do not clip dropdown menus */
header.whb-header,
.whb-header,
.whb-row,
.whb-main-header,
.whb-general-header,
.whb-bottom-header,
.whb-top-bar,
.whb-column,
.whb-navigation,
.wd-nav-secondary,
.wd-nav-main,
.website-wrapper {
	overflow: visible !important;
}

/* Position relative on menu items with children */
.whb-header .menu-item-has-children,
.whb-header .wd-event-hover,
.whb-header .trp-language-switcher-container,
.whb-header .menu-item-1115,
.whb-header .menu-item-3602 {
	position: relative !important;
}

/* Pure CSS Hover Trigger for All Categories & Language Switcher Dropdowns */
.whb-header .menu-item-has-children:hover > .wd-dropdown-menu,
.whb-header .menu-item-has-children:hover > .wd-dropdown,
.whb-header .menu-item-has-children:hover > .sub-menu,
.whb-header .wd-event-hover:hover > .wd-dropdown-menu,
.whb-header .wd-event-hover:hover > .wd-dropdown,
.whb-header .wd-event-hover:hover > .sub-menu,
.whb-header .trp-language-switcher-container:hover > .wd-dropdown-menu,
.whb-header .trp-language-switcher-container:hover > .wd-dropdown,
.whb-header .current-language-menu-item:hover > .wd-dropdown-menu,
.whb-header .current-language-menu-item:hover > .wd-dropdown,
.whb-header .menu-item-1115:hover > .wd-dropdown-menu,
.whb-header .menu-item-1115:hover > .wd-dropdown,
.whb-header .menu-item-3602:hover > .wd-dropdown-menu,
.whb-header .menu-item-3602:hover > .wd-dropdown,
.whb-header .wd-opened > .wd-dropdown-menu,
.whb-header .wd-opened > .wd-dropdown {
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
	display: block !important;
	transform: translateY(0) !important;
}

/* Default state: hidden when not hovered */
.whb-header .menu-item-has-children:not(:hover):not(.wd-opened) > .wd-dropdown-menu,
.whb-header .menu-item-has-children:not(:hover):not(.wd-opened) > .wd-dropdown,
.whb-header .wd-event-hover:not(:hover):not(.wd-opened) > .wd-dropdown-menu,
.whb-header .wd-event-hover:not(:hover):not(.wd-opened) > .wd-dropdown,
.whb-header .trp-language-switcher-container:not(:hover):not(.wd-opened) > .wd-dropdown-menu,
.whb-header .trp-language-switcher-container:not(:hover):not(.wd-opened) > .wd-dropdown {
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
	transform: translateY(8px) !important;
}

/* --------------------------------------------------------------------------
   A. All Categories Dropdown Menu (100% Equal Width Blue & White Boxes Edge-to-Edge)
   -------------------------------------------------------------------------- */
.whb-header .menu-item-1115 > .wd-dropdown-menu,
.whb-header .menu-item-1115 > .wd-dropdown {
	position: absolute !important;
	top: 100% !important;
	left: 0 !important;
	right: auto !important;
	width: 290px !important;
	min-width: 290px !important;
	max-width: 290px !important;
	background-color: #1246AB !important;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25) !important;
	border: none !important;
	border-radius: 0 0 6px 6px !important;
	padding: 0 !important;
	margin: 0 !important;
	overflow: hidden !important;
	z-index: 999999 !important;
	box-sizing: border-box !important;
}

/* Ensure inner container & wrapper take 100% width with ZERO padding/margins */
.whb-header .menu-item-1115 .container,
.whb-header .menu-item-1115 .wd-sub-menu-wrapp {
	display: block !important;
	padding: 0 !important;
	margin: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 100% !important;
	background-color: #1246AB !important;
	box-sizing: border-box !important;
}

.whb-header .menu-item-1115 ul.wd-sub-menu {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background-color: #1246AB !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 100% !important;
	box-sizing: border-box !important;
}

.whb-header .menu-item-1115 ul.wd-sub-menu > li {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	background-color: #1246AB !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
	box-sizing: border-box !important;
	transition: background-color 0.15s ease !important;
}

.whb-header .menu-item-1115 ul.wd-sub-menu > li:last-child {
	border-bottom: none !important;
}

/* 100% Width Link (The White Box fills the entire width edge-to-edge) */
.whb-header .menu-item-1115 ul.wd-sub-menu > li > a {
	display: flex !important;
	align-items: center !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 100% !important;
	box-sizing: border-box !important;
	padding: 13px 20px !important;
	margin: 0 !important;
	color: #ffffff !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
	text-decoration: none !important;
	background-color: #1246AB !important;
	transition: all 0.15s ease !important;
}

/* Default state: First category item (Directional Control Valve) is WHITE background #ffffff */
.whb-header .menu-item-1115 ul.wd-sub-menu > li:first-child,
.whb-header .menu-item-1115 ul.wd-sub-menu > li:first-child > a {
	background-color: #ffffff !important;
	color: #242424 !important;
	font-weight: 700 !important;
}

/* Hover state: Any hovered category item becomes WHITE background #ffffff + Dark text #242424 */
.whb-header .menu-item-1115 ul.wd-sub-menu > li:hover,
.whb-header .menu-item-1115 ul.wd-sub-menu > li:hover > a {
	background-color: #ffffff !important;
	color: #242424 !important;
	font-weight: 700 !important;
}

/* When hovering over another item, 1st item reverts to BLUE background unless 1st item itself is hovered */
.whb-header .menu-item-1115 ul.wd-sub-menu:hover > li:first-child:not(:hover),
.whb-header .menu-item-1115 ul.wd-sub-menu:hover > li:first-child:not(:hover) > a {
	background-color: #1246AB !important;
	color: #ffffff !important;
}

/* Category Icons inside menu */
.whb-header .menu-item-1115 ul.wd-sub-menu > li > a .wd-nav-img {
	margin-right: 10px !important;
	vertical-align: middle !important;
	filter: brightness(0) invert(1) !important;
}

.whb-header .menu-item-1115 ul.wd-sub-menu > li:first-child > a .wd-nav-img,
.whb-header .menu-item-1115 ul.wd-sub-menu > li:hover > a .wd-nav-img {
	filter: none !important;
}

.whb-header .menu-item-1115 ul.wd-sub-menu:hover > li:first-child:not(:hover) > a .wd-nav-img {
	filter: brightness(0) invert(1) !important;
}

/* --------------------------------------------------------------------------
   B. English Language Switcher Dropdown (Menu Item 3602)
   -------------------------------------------------------------------------- */
.whb-header .menu-item-3602 > .wd-dropdown-menu,
.whb-header .menu-item-3602 > .wd-dropdown,
.whb-header .trp-language-switcher-container > .wd-dropdown-menu,
.whb-header .trp-language-switcher-container > .wd-dropdown {
	position: absolute !important;
	top: 100% !important;
	right: 0 !important;
	left: auto !important;
	min-width: 170px !important;
	z-index: 999999 !important;
	background-color: #ffffff !important;
	box-shadow: 0 6px 24px rgba(0, 0, 0, 0.15) !important;
	border: 1px solid rgba(0, 0, 0, 0.08) !important;
	border-radius: 6px !important;
	padding: 8px 0 !important;
	margin-top: 2px !important;
	display: block !important;
}

.whb-header .menu-item-3602 .wd-sub-menu,
.whb-header .trp-language-switcher-container .wd-sub-menu {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background-color: #ffffff !important;
}

.whb-header .menu-item-3602 .wd-sub-menu li,
.whb-header .trp-language-switcher-container .wd-sub-menu li {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.whb-header .menu-item-3602 .wd-sub-menu li a,
.whb-header .trp-language-switcher-container .wd-sub-menu li a {
	display: flex !important;
	align-items: center !important;
	padding: 9px 18px !important;
	color: #242424 !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	text-decoration: none !important;
	transition: background-color 0.15s ease, color 0.15s ease !important;
	white-space: nowrap !important;
}

.whb-header .menu-item-3602 .wd-sub-menu li a:hover,
.whb-header .trp-language-switcher-container .wd-sub-menu li a:hover {
	background-color: #f1f5f9 !important;
	color: #1246ab !important;
}

.trp-flag-image {
	margin-right: 8px !important;
	vertical-align: middle !important;
	display: inline-block !important;
	width: 18px !important;
	height: 14px !important;
	border-radius: 2px !important;
}

/* ==========================================================================
   8. Mobile Navigation Offcanvas Drawer (Fix Drawer Z-Index & Mobile Pop-Up)
   ========================================================================== */
.mobile-nav.wd-side-hidden,
.wd-side-hidden.wd-left,
.wd-side-hidden.wd-right {
	z-index: 9999999 !important;
}

.wd-close-side {
	z-index: 9999990 !important;
}

/* Ensure mobile header search & navigation trigger clickable */
.wd-header-mobile-nav,
.wd-header-mobile-nav > a,
.wd-toolbar .wd-header-mobile-nav > a {
	cursor: pointer !important;
	position: relative !important;
	z-index: 10 !important;
}

/* ==========================================================================
   9. Single Product Page Title & Breadcrumbs Formatting
   ========================================================================== */
/* Single product page top wrapper spacing */
.single-product .main-page-wrapper,
.single-product .bxhs-archive-wrap {
	padding-top: 20px !important;
}

/* Product title header styling */
.bxhs-product-summary__title,
.single-product h1.product_title {
	font-family: var(--wd-title-font, "Mulish", Arial, Helvetica, sans-serif) !important;
	font-size: 26px !important;
	font-weight: 800 !important;
	line-height: 1.3 !important;
	color: #242424 !important;
	margin: 12px 0 16px !important;
	padding: 0 !important;
}

@media screen and (max-width: 768px) {
	.single-product .main-page-wrapper,
	.single-product .bxhs-archive-wrap {
		padding-top: 15px !important;
	}

	.bxhs-product-summary__title,
	.single-product h1.product_title {
		font-size: 18px !important;
		line-height: 1.35 !important;
		margin: 10px 0 14px !important;
	}

	.bxhs-breadcrumb {
		font-size: 12px !important;
		padding-top: 4px !important;
		padding-bottom: 10px !important;
	}

	.bxhs-breadcrumb a,
	.bxhs-breadcrumb .divider,
	.bxhs-breadcrumb__sep,
	.bxhs-breadcrumb .current,
	.bxhs-breadcrumb__current {
		font-size: 12px !important;
	}
}

/* ==========================================================================
   10. Hide Recent Comments Widget & Comment Meta Site-Wide
   ========================================================================== */
.widget_recent_comments,
.widget-recent-comments,
.wd-recent-comments,
#recent-comments,
.post-meta .comments,
.post-meta .comments-link,
.woodmart-recent-posts .post-meta .comments,
.wd-widget-recent-posts .post-meta .comments,
.woodmart-recent-posts .meta-reply,
.wd-widget-recent-posts .meta-reply,
.recent-posts-info .meta-reply,
.post-single-page .comments-area,
#comments {
	display: none !important;
}

/* ==========================================================================
   11. Blog Post Social Share Popup Styling & Interaction
   ========================================================================== */
.hovered-social-icons {
	position: relative !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer !important;
	z-index: 20 !important;
}

/* Trigger share node icon button */
.hovered-social-icons::before {
	content: "\f135" !important;
	font-family: "woodmart-font", sans-serif !important;
	font-size: 15px !important;
	color: #242424 !important;
	width: 34px !important;
	height: 34px !important;
	border-radius: 50% !important;
	background: #ffffff !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	transition: all 0.2s ease !important;
}

.hovered-social-icons:hover::before,
.hovered-social-icons.is-active::before {
	background: #1246ab !important;
	color: #ffffff !important;
	transform: scale(1.08) !important;
}

/* Tooltip share popup wrapper */
.hovered-social-icons .wd-tooltip-label {
	position: absolute !important;
	bottom: calc(100% + 8px) !important;
	right: 0 !important;
	left: auto !important;
	top: auto !important;
	background: #242424 !important;
	color: #ffffff !important;
	padding: 6px 10px !important;
	border-radius: 24px !important;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.25) !important;
	display: flex !important;
	align-items: center !important;
	gap: 6px !important;
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
	transform: translateY(6px) scale(0.95) !important;
	transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease !important;
	z-index: 999999 !important;
	white-space: nowrap !important;
}

/* Arrow pointer */
.hovered-social-icons .wd-tooltip-label::after {
	content: "" !important;
	position: absolute !important;
	top: 100% !important;
	right: 11px !important;
	border-width: 5px 5px 0 5px !important;
	border-style: solid !important;
	border-color: #242424 transparent transparent transparent !important;
}

/* Show share bar on hover or click active */
.hovered-social-icons:hover .wd-tooltip-label,
.hovered-social-icons.is-active .wd-tooltip-label {
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
	transform: translateY(0) scale(1) !important;
}

/* Social icons inside popup */
.hovered-social-icons .wd-social-icons {
	display: flex !important;
	align-items: center !important;
	gap: 4px !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
}

.hovered-social-icons .wd-social-icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 28px !important;
	height: 28px !important;
	border-radius: 50% !important;
	color: #ffffff !important;
	font-size: 12px !important;
	text-decoration: none !important;
	transition: transform 0.15s ease, opacity 0.15s ease !important;
}

.hovered-social-icons .wd-social-icon:hover {
	transform: scale(1.15) !important;
	opacity: 0.9 !important;
}

/* ==========================================================================
   12. Single Product Summary Divider Line — Full 100% Width
   ========================================================================== */
.bxhs-product-summary hr,
.bxhs-product-summary .bxhs-divider,
hr.bxhs-divider,
.bxhs-divider {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 100% !important;
	border: none !important;
	border-top: 1px solid #e0e0e0 !important;
	height: 0 !important;
	margin: 25px 0 25px 0 !important;
	clear: both !important;
	box-sizing: border-box !important;
}

/* ==========================================================================
   13. Search Dropdown / Overlay Cleanup — Hide Product List Dropdown
   ========================================================================== */
.wd-search-full-screen .wd-search-area,
.wd-search-full-screen-2 .wd-search-area,
.wd-search-dropdown .search-results-wrapper,
.wd-search-form .search-results-wrapper,
.wd-search-results,
.wd-dropdown-results {
	display: none !important;
}

/* ==========================================================================
   14. Header Navigation & Top Bar Single-Line Flex Stability (Multilingual)
   ========================================================================== */
.whb-navigation .wd-nav-main,
.whb-general-header .wd-nav-main,
ul.wd-nav-main {
	display: flex !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	white-space: nowrap !important;
}

.whb-navigation .wd-nav-main > li,
.whb-general-header .wd-nav-main > li,
ul.wd-nav-main > li {
	flex-shrink: 0 !important;
	white-space: nowrap !important;
}

.whb-navigation .wd-nav-main > li > a,
.whb-general-header .wd-nav-main > li > a,
ul.wd-nav-main > li > a {
	white-space: nowrap !important;
	word-break: keep-all !important;
}

.whb-top-bar .wd-nav-secondary,
.whb-top-bar .wd-nav-secondary > li,
.whb-top-bar .wd-nav-secondary > li > a {
	white-space: nowrap !important;
}