/* ==========================================================================
   Viento Header (Woodmart header "header_viento") – mockup styling
   ========================================================================== */

.whb-header_viento {
	--vp-gold: var(--e-global-color-vp_gold, #c9a063);
	--vp-gold-text: var(--e-global-color-vp_gold_text, #8b6431);
	--vp-ink: var(--e-global-color-vp_ink, #1d1915);
	--vp-muted: #6b625a;
	--vp-line: #e7dccb;
	--vp-font-body: var(--e-global-typography-vp_body-font-family, "Montserrat"), "Helvetica Neue", Arial, sans-serif;
}

/* Main menu */
.whb-header_viento .wd-nav-main > li > a {
	color: var(--vp-ink);
	font-family: var(--vp-font-body);
	font-size: 12.5px;
	font-weight: 500;
	letter-spacing: .09em;
	text-transform: uppercase;
}

.whb-header_viento .wd-nav-main > li > a .nav-link-text {
	position: relative;
}

.whb-header_viento .wd-nav-main > li > a .nav-link-text::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: -9px;
	left: 0;
	height: 2px;
	background: var(--vp-gold);
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform .3s cubic-bezier(.22, .61, .36, 1);
}

.whb-header_viento .wd-nav-main > li:hover > a,
.whb-header_viento .wd-nav-main > li:focus-within > a,
.whb-header_viento .wd-nav-main > li.current-menu-item > a,
.whb-header_viento .wd-nav-main > li.current-menu-ancestor > a {
	color: var(--vp-ink);
}

.whb-header_viento .wd-nav-main > li:hover > a .nav-link-text::after,
.whb-header_viento .wd-nav-main > li:focus-within > a .nav-link-text::after,
.whb-header_viento .wd-nav-main > li.current-menu-item > a .nav-link-text::after,
.whb-header_viento .wd-nav-main > li.current-menu-ancestor > a .nav-link-text::after {
	transform: scaleX(1);
}

/* Dropdowns */
.whb-header_viento .wd-dropdown-menu {
	border-top: 2px solid var(--vp-gold);
	border-radius: 0 0 6px 6px;
}

.whb-header_viento .wd-sub-menu li a {
	color: var(--vp-ink);
	font-family: var(--vp-font-body);
	font-size: 13.5px;
	font-weight: 400;
	text-transform: none;
	letter-spacing: 0;
}

.whb-header_viento .wd-sub-menu li a:hover,
.whb-header_viento .wd-sub-menu li.current-menu-item > a {
	color: var(--vp-gold-text);
}

/* TR | EN */
.whb-header_viento .vp-header-lang {
	display: flex;
	align-items: center;
}

.whb-header_viento .vp-lang {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 4px 20px;
	border-right: 1px solid var(--vp-line);
	border-left: 1px solid var(--vp-line);
	font-family: var(--vp-font-body);
	font-size: 12.5px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: .08em;
}

.whb-header_viento .vp-lang a {
	color: var(--vp-muted);
	text-decoration: none;
	transition: color .25s;
}

.whb-header_viento .vp-lang a:hover,
.whb-header_viento .vp-lang a:focus-visible {
	color: var(--vp-gold-text);
}

.whb-header_viento .vp-lang a.is-current {
	color: var(--vp-ink);
	font-weight: 700;
}

.whb-header_viento .vp-lang__sep {
	color: #cdbfa9;
	font-weight: 300;
}

/* Search icon */
.whb-header_viento .wd-header-search,
.whb-header_viento .wd-header-search-mobile {
	--wd-header-el-color: var(--vp-ink);
	--wd-header-el-color-hover: var(--vp-gold-text);
}

.whb-header_viento .whb-col-right .wd-header-search {
	margin-left: 6px;
}

/* RTL (Arabic) */
html[dir="rtl"] .whb-header_viento {
	--vp-font-body: var(--e-global-typography-vp_body-font-family, "Montserrat"), "Tajawal", Tahoma, Arial, sans-serif;
}

html[dir="rtl"] .whb-header_viento .wd-nav-main > li > a {
	font-size: 14px;
	letter-spacing: 0;
}

html[dir="rtl"] .whb-header_viento .wd-nav-main > li > a .nav-link-text::after {
	transform-origin: right center;
}

html[dir="rtl"] .whb-header_viento .whb-col-right .wd-header-search {
	margin-right: 6px;
	margin-left: 0;
}

html[dir="rtl"] .whb-header_viento .vp-header-lang--mobile .vp-lang {
	padding: 0 0 0 8px;
}

/* Mobile */
.whb-header_viento .vp-header-lang--mobile .vp-lang {
	gap: 6px;
	padding: 0 8px 0 0;
	border: 0;
	font-size: 12px;
}

@media (max-width: 1024px) {
	.whb-header_viento .whb-col-mobile .wd-header-text {
		padding: 0;
	}
}