/* ──────────────────────────────────────────────────────────────────────────
   Головне меню: сучасніша подача + оформлення мега-випадайка.
   Тільки стилі; розмітку і позиціонування Woodmart НЕ чіпаємо.

   Важливо (перевірено на бойовому сайті):
   - не ставити position на самі посилання — від них рахують позицію
     бейджі пунктів («ECO-ПРОСТІР», «ІНКЛЮЗІЯ»), і вони наїжджають на текст;
   - не чіпати .sub-sub-menu — третій рівень у Woodmart це бічне випадайко,
     а не вкладений список; будь-яке втручання ламає його розкладку.
   ────────────────────────────────────────────────────────────────────────── */
.wd-nav-main{
	--bm-accent:#e51f26;
	--bm-dark:#1c1c1c;
	--bm-line:#e8eaed;
}

/* ── Пункти верхнього рівня: підкреслення від центру ── */
.wd-nav-main > li > a{transition:color .2s ease;}
.wd-nav-main > li > a .nav-link-text{
	position:relative;          /* контекст лише для підкреслення, не для бейджів */
	display:inline-block;
	padding-bottom:3px;
}
.wd-nav-main > li > a .nav-link-text::after{
	content:"";
	position:absolute;left:50%;bottom:0;
	width:0;height:2px;border-radius:2px;
	background:var(--bm-accent);
	transform:translateX(-50%);
	transition:width .25s cubic-bezier(.4,0,.2,1);
}
.wd-nav-main > li:hover > a .nav-link-text::after,
.wd-nav-main > li:focus-within > a .nav-link-text::after{width:100%;}

/* активний розділ — підкреслення лишається */
.wd-nav-main > li.current-menu-item > a .nav-link-text::after,
.wd-nav-main > li.current-menu-ancestor > a .nav-link-text::after,
.wd-nav-main > li.current-menu-parent > a .nav-link-text::after{width:100%;}

/* ── Мега-випадайко: сама панель ── */
.wd-nav-main .menu-mega-dropdown > .wd-dropdown-menu{
	border-top:2px solid var(--bm-accent);
	box-shadow:0 18px 40px -18px rgba(20,25,32,.28);
	border-radius:0 0 16px 16px;
}
.wd-nav-main .menu-mega-dropdown .wd-sub-menu{
	padding-top:clamp(16px,1.8vw,26px);
	padding-bottom:clamp(16px,1.8vw,26px);
}

/* назва категорії: помітніша + роздільник */
.wd-nav-main .menu-mega-dropdown .wd-sub-menu > li.wd-col > a{
	font-weight:700;
	color:var(--bm-dark);
	padding-bottom:6px;
	border-bottom:1px solid var(--bm-line);
	transition:color .2s ease,border-color .2s ease;
}
.wd-nav-main .menu-mega-dropdown .wd-sub-menu > li.wd-col:hover > a{
	color:var(--bm-accent);
	border-color:rgba(229,31,38,.35);
}

/* ── Липкий хедер: виразніша тінь у «прилиплому» стані ── */
.whb-clone.whb-sticked{box-shadow:0 6px 22px -14px rgba(20,25,32,.35);}