/**
 * İstanbul Av Market — Header & Menü
 * Dengeli katmanlı palet (yeşil boğulmasını önler)
 */
:root {
	--iam-forest: #2f4f2f;
	--iam-forest-alt: #3b5d3a;
	--iam-olive: #556b2f;
	--iam-olive-light: #6b8e23;
	--iam-deep: #354123;
	--iam-black-green: #0e1509;
	--iam-charcoal: #23282c;
	--iam-charcoal-light: #2e3439;
	--iam-gold: #e6b800;
	--iam-gold-bright: #ffc107;
	--iam-gold-dark: #c9a000;
	--iam-cream: #f7f6f3;
	--iam-white: #ffffff;
	--iam-text-dark: #2a2f2e;
	--iam-text-muted: rgba(255, 255, 255, 0.78);
}

/* ── Üst bar: koyu nötr (yeşil değil) ── */
.whb-top-bar {
	background: linear-gradient(90deg, #1a1c1e 0%, var(--iam-charcoal) 50%, #1a1c1e 100%) !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
	box-shadow: none;
}

.whb-top-bar,
.whb-top-bar a,
.whb-top-bar .wd-nav > li > a {
	color: var(--iam-text-muted) !important;
	font-size: 13px;
	font-weight: 500;
	transition: color 0.2s ease;
}

.whb-top-bar a:hover,
.whb-top-bar .wd-nav > li > a:hover {
	color: var(--iam-gold-bright) !important;
}

/* ── Ana header: açık / ferah ── */
.whb-general-header {
	background: var(--iam-white) !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.07) !important;
	box-shadow: 0 2px 16px rgba(0, 0, 0, 0.06);
}

.whb-general-header .wd-logo img {
	filter: none;
}

/* Arama — açık kutu */
.whb-general-header .wd-search-form .searchform,
.whb-general-header form.searchform {
	--wd-form-bg: var(--iam-cream) !important;
	--wd-form-color: var(--iam-text-dark) !important;
	--wd-form-placeholder-color: #888 !important;
	--wd-form-brd-color: rgba(0, 0, 0, 0.1) !important;
	--wd-form-brd-color-focus: var(--iam-forest) !important;
	border-radius: 50px !important;
	overflow: hidden;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.04);
	transition: box-shadow 0.25s ease, border-color 0.25s ease;
}

.whb-general-header .wd-search-form .searchform:focus-within,
.whb-general-header form.searchform:focus-within {
	box-shadow: 0 0 0 2px rgba(47, 79, 47, 0.2), inset 0 1px 3px rgba(0, 0, 0, 0.04);
}

.whb-general-header .wd-search-form .searchsubmit,
.whb-general-header .searchform .searchsubmit {
	background: linear-gradient(135deg, var(--iam-forest) 0%, var(--iam-forest-alt) 100%) !important;
	color: #fff !important;
	border-radius: 50% !important;
	width: 36px !important;
	height: 36px !important;
	margin: 3px !important;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.whb-general-header .wd-search-form .searchsubmit:hover,
.whb-general-header .searchform .searchsubmit:hover {
	background: linear-gradient(135deg, var(--iam-forest-alt) 0%, var(--iam-olive) 100%) !important;
	transform: scale(1.05);
	box-shadow: 0 3px 10px rgba(47, 79, 47, 0.35);
}

/* İkonlar — beyaz zemin üzerinde yeşil/altın */
.whb-general-header .wd-tools-element .wd-tools-inner,
.whb-general-header .wd-tools-element > a > .wd-tools-icon {
	background: var(--iam-cream) !important;
	border: 1px solid rgba(47, 79, 47, 0.2) !important;
	color: var(--iam-forest) !important;
	border-radius: 50% !important;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
	transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.whb-general-header .wd-tools-element:hover .wd-tools-inner,
.whb-general-header .wd-tools-element:hover > a > .wd-tools-icon {
	background: var(--iam-forest) !important;
	border-color: var(--iam-forest) !important;
	color: #fff !important;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(47, 79, 47, 0.3);
}

.whb-general-header .wd-header-cart.wd-design-2 .wd-tools-text,
.whb-general-header .wd-header-cart .wd-tools-text {
	background: linear-gradient(135deg, var(--iam-gold-bright) 0%, var(--iam-gold-dark) 100%) !important;
	border-radius: 30px !important;
	padding: 8px 16px !important;
	color: var(--iam-text-dark) !important;
	font-weight: 700 !important;
	box-shadow: 0 2px 8px rgba(230, 184, 0, 0.3);
}

.whb-general-header .wd-tools-element .wd-tools-count {
	background: var(--iam-forest) !important;
	color: #fff !important;
	font-weight: 700;
	border: 2px solid var(--iam-white);
}

/* Beyaz panel — Woodmart light şeması metni beyaz yapar, okunur hale getir */
.whb-general-header.whb-color-light .wd-tools-element,
.whb-general-header.whb-color-light .wd-tools-element > a {
	color: var(--iam-text-dark) !important;
	--wd-header-el-color: var(--iam-text-dark) !important;
	--wd-header-el-color-hover: var(--iam-forest) !important;
}

.whb-general-header .wd-tools-element .wd-tools-text,
.whb-general-header .wd-header-my-account.wd-with-username .wd-tools-text {
	color: var(--iam-text-dark) !important;
	font-weight: 600 !important;
	font-size: 13px !important;
	letter-spacing: 0.01em;
}

.whb-general-header.whb-color-light .wd-tools-element:hover > a,
.whb-general-header.whb-color-light .wd-tools-element:hover .wd-tools-text {
	color: var(--iam-forest) !important;
}

/* Hesap ikonu (design-7) — altın daire, koyu ikon */
.whb-general-header .wd-header-my-account.wd-design-7 > a > .wd-tools-icon {
	background: linear-gradient(135deg, var(--iam-gold-bright) 0%, var(--iam-gold-dark) 100%) !important;
	color: var(--iam-text-dark) !important;
	border: none !important;
	box-shadow: 0 2px 8px rgba(230, 184, 0, 0.35);
}

.whb-general-header .wd-header-my-account.wd-design-7:hover > a > .wd-tools-icon {
	background: linear-gradient(135deg, var(--iam-forest) 0%, var(--iam-forest-alt) 100%) !important;
	color: #fff !important;
	box-shadow: 0 4px 12px rgba(47, 79, 47, 0.3);
}

/* Sepet (design-8) — beyaz kapsül + altın tutar */
.whb-general-header .wd-header-cart.wd-design-8 > a > .wd-tools-inner {
	background: var(--iam-white) !important;
	border: 1px solid rgba(0, 0, 0, 0.08) !important;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08) !important;
	color: var(--iam-text-dark) !important;
	padding-inline: 4px !important;
}

.whb-general-header .wd-header-cart.wd-design-8 .wd-tools-icon {
	background: var(--iam-cream) !important;
	color: var(--iam-forest) !important;
	border: 1px solid rgba(47, 79, 47, 0.15) !important;
}

.whb-general-header .wd-header-cart.wd-design-8 .wd-tools-text {
	background: linear-gradient(135deg, var(--iam-gold-bright) 0%, var(--iam-gold-dark) 100%) !important;
	color: var(--iam-text-dark) !important;
	border-radius: 30px !important;
	padding: 6px 14px !important;
	margin-inline: 6px 8px !important;
	font-weight: 700 !important;
	box-shadow: 0 2px 6px rgba(230, 184, 0, 0.25);
}

.whb-general-header .wd-header-cart.wd-design-8:hover > a > .wd-tools-inner,
.whb-general-header .wd-header-cart.wd-design-8:hover .wd-tools-text {
	color: var(--iam-text-dark) !important;
}

/* Woodmart builder turuncu arka plan override */
.whb-general-header .whb-5u866sftq6yga790jxf3.wd-tools-element .wd-tools-inner,
.whb-general-header .whb-5u866sftq6yga790jxf3.wd-tools-element > a > .wd-tools-icon {
	background: inherit !important;
}

/* ── Kategori menüsü: tek yeşil vurgu bandı ── */
.whb-header-bottom {
	background: linear-gradient(180deg, var(--iam-forest-alt) 0%, var(--iam-forest) 100%) !important;
	border-bottom: none !important;
	border-top: 3px solid var(--iam-gold) !important;
	box-shadow: 0 4px 14px rgba(47, 79, 47, 0.25);
}

.whb-header-bottom .wd-nav-main {
	justify-content: center;
}

.whb-header-bottom .wd-nav-main > li {
	border-right: 1px solid rgba(255, 255, 255, 0.12);
	flex: 1 1 auto;
	text-align: center;
}

.whb-header-bottom .wd-nav-main > li:last-child {
	border-right: none;
}

.whb-header-bottom .wd-nav-main > li > a {
	color: rgba(255, 255, 255, 0.92) !important;
	font-weight: 700 !important;
	font-size: 11.5px !important;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	padding: 14px 8px !important;
	display: flex !important;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	line-height: 1.2;
	transition: background 0.2s ease, color 0.2s ease;
	position: relative;
}

.whb-header-bottom .wd-nav-main > li > a .wd-nav-img {
	width: 34px !important;
	height: 34px !important;
	filter: brightness(0) invert(1);
	opacity: 0.88;
	transition: transform 0.2s ease, opacity 0.2s ease;
}

.whb-header-bottom .wd-nav-main > li > a:hover,
.whb-header-bottom .wd-nav-main > li:hover > a {
	background: rgba(0, 0, 0, 0.15) !important;
	color: var(--iam-gold-bright) !important;
}

.whb-header-bottom .wd-nav-main > li > a:hover .wd-nav-img {
	transform: scale(1.08);
	opacity: 1;
	filter: brightness(0) saturate(100%) invert(84%) sepia(48%) saturate(749%) hue-rotate(5deg) brightness(103%) contrast(101%);
}

.whb-header-bottom .wd-nav-main > li > a::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%) scaleX(0);
	width: 50%;
	height: 2px;
	background: var(--iam-gold-bright);
	border-radius: 2px 2px 0 0;
	transition: transform 0.25s ease;
}

.whb-header-bottom .wd-nav-main > li > a:hover::after,
.whb-header-bottom .wd-nav-main > li.current-menu-item > a::after {
	transform: translateX(-50%) scaleX(1);
}

/* Dropdown — beyaz kutu, yeşil vurgu */
.whb-header-bottom .wd-dropdown-menu {
	background: var(--iam-white) !important;
	border-top: 3px solid var(--iam-gold) !important;
	border-radius: 0 0 8px 8px !important;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12) !important;
}

.whb-header-bottom .wd-dropdown-menu a {
	color: var(--iam-text-dark) !important;
}

.whb-header-bottom .wd-dropdown-menu a:hover {
	color: var(--iam-forest) !important;
	background: rgba(47, 79, 47, 0.06) !important;
}

.whb-sticked .whb-general-header {
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

.whb-sticked .whb-header-bottom {
	box-shadow: 0 4px 18px rgba(47, 79, 47, 0.3);
}

/* ── Sticky: sadece kategori bandı ── */
.whb-sticked.whb-sticky-real {
	--wd-top-bar-sticky-h: 0px !important;
	--wd-header-general-sticky-h: 0px !important;
}

.whb-sticked.whb-sticky-real .whb-top-bar,
.whb-sticked.whb-sticky-real .whb-general-header {
	display: none !important;
	height: 0 !important;
	max-height: 0 !important;
	min-height: 0 !important;
	overflow: hidden !important;
	opacity: 0 !important;
	visibility: hidden !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	pointer-events: none !important;
}

.whb-sticked.whb-sticky-real .whb-top-bar-inner,
.whb-sticked.whb-sticky-real .whb-general-header-inner {
	height: 0 !important;
	max-height: 0 !important;
	min-height: 0 !important;
}

.whb-sticked.whb-sticky-real .whb-header-bottom {
	position: relative;
	z-index: 392;
	background: linear-gradient(180deg, var(--iam-forest-alt) 0%, var(--iam-forest) 100%) !important;
	border-top: 3px solid var(--iam-gold) !important;
	box-shadow: 0 4px 20px rgba(47, 79, 47, 0.35) !important;
}

.whb-sticked.whb-sticky-real .whb-header-bottom .wd-nav-main > li > a {
	padding: 10px 6px !important;
}

.whb-sticked.whb-sticky-real .whb-header-bottom .wd-nav-main > li > a .wd-nav-img {
	width: 28px !important;
	height: 28px !important;
}

.whb-sticked .whb-main-header {
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

/* Mobil: ana header açık kalsın */
@media (max-width: 1024px) {
	.whb-general-header {
		background: var(--iam-white) !important;
		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
	}
}

/* Mega menü — alt kategori linkleri tıklanabilir (masaüstü) */
.whb-header-bottom .mega-menu-list .sub-sub-menu a,
.whb-header-bottom .wd-dropdown-menu .sub-sub-menu a {
	pointer-events: auto !important;
	position: relative;
	z-index: 5;
}

.whb-header-bottom .wd-dropdown-menu,
.whb-header-bottom .wd-sub-menu {
	z-index: 400;
}