/* =========================================================
   TrendCave – Header polish + responsiveness
   Use AFTER rearranging the header in Trendcave → Header builder
   (Logo left · Main menu centre · Search / Account / Cart right).
   Loaded by TrendCave Toolkit (Header styling).
   ========================================================= */

/* ---- Top announcement bar ---- */
.whb-top-bar {
	font-size: 13px;
	letter-spacing: 0.04em;
	text-align: center;
}
.whb-top-bar .wd-header-html {
	width: 100%;
	color: var(--tct-cream, #fdfdf6);
}
/* Hide the bar while it is still empty */
.whb-top-bar:has(.wd-header-html:empty) {
	display: none;
}

/* ---- Main row ---- */
.whb-general-header {
	border-bottom: 1px solid var(--tct-line, #ebe6dc) !important;
}

/* ---- Home · Men · Women ---- */
.wd-header-main-nav .wd-nav-main > li > a {
	font-family: "Urbanist", sans-serif;
	font-weight: 700;
	font-size: 15px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	padding-left: 18px;
	padding-right: 18px;
}
.wd-header-main-nav .wd-nav-main > li.current-menu-item > a,
.wd-header-main-nav .wd-nav-main > li > a:hover {
	color: var(--tct-brown, #662710);
}

/* Men / Women dropdown: clean list */
.wd-header-main-nav .wd-dropdown-menu {
	border-radius: 12px;
	padding: 10px 0;
	box-shadow: 0 12px 32px rgba(28, 25, 23, 0.12);
}
.wd-header-main-nav .wd-dropdown-menu .wd-sub-menu li a {
	font-size: 14px;
	padding: 9px 22px;
}

/* ---- Icons: search · account · cart ---- */
.whb-general-header .wd-tools-element > a {
	min-width: 44px;                  /* comfortable tap size */
	min-height: 44px;
	justify-content: center;
}
.whb-general-header .wd-tools-element .wd-tools-icon {
	font-size: 21px;
}
/* Account shows as an icon, not "Login / Register" text */
.whb-general-header .wd-header-my-account .wd-tools-text {
	display: none;
}
/* Wishlist off in the header (still in the mobile bottom bar) */
.whb-general-header .wd-header-wishlist {
	display: none;
}

/* ---- Tablet: keep menu on one line ---- */
@media (max-width: 1200px) and (min-width: 1025px) {
	.wd-header-main-nav .wd-nav-main > li > a {
		padding-left: 12px;
		padding-right: 12px;
		font-size: 14px;
	}
}

/* ---- Mobile header (WoodMart switches to it under 1025px) ---- */
@media (max-width: 1024px) {
	.whb-general-header .whb-flex-row {
		min-height: 56px;
	}
	.whb-general-header .site-logo img {
		max-height: 18px;
		width: auto;
	}
	/* Mobile menu: show only Home / Men / Women (hide the "Categories" tab) */
	.mobile-nav .wd-nav-mob-tab {
		display: none;
	}
	.mobile-nav .wd-nav-mobile > li > a {
		font-family: "Urbanist", sans-serif;
		font-weight: 800;
		font-size: 16px;
		letter-spacing: 0.06em;
		text-transform: uppercase;
		min-height: 52px;
	}
}

/* ---- Compare removed (not useful for clothing) ---- */
.wd-compare-btn,
.wd-header-compare,
.wd-action-btn.wd-compare-icon,
.wd-buttons .wd-compare-btn,
.wd-mobile-nav .menu-item-compare {
	display: none !important;
}