/* NTC: nowy wygląd nagłówka (dotyczy tylko nagłówka ID 202116, czyli strony głównej, kategorii i reszty serwisu; strona produktu ma w Woodmart własny nagłówek 787812). To warstwa stylów nad Woodmart Header Builder:
   menu, megamenu i ich zawartość nadal edytujesz w panelu Woodmart. Wycofanie: usuń wpis "ntc-header" z functions.php. */

html body header.whb-header_202116 { --hy: #ffcc00; --hyd: #e6b800; }

/* ---------- Pasek górny ---------- */
html body header.whb-header_202116 .whb-top-bar { background: #0a0a0a; border: 0; }
html body header.whb-header_202116 .whb-top-bar .wd-header-text,
html body header.whb-header_202116 .whb-top-bar .wd-header-text *,
html body header.whb-header_202116 .whb-top-bar .wd-header-my-account a,
html body header.whb-header_202116 .whb-top-bar a { font-size: 12.5px; font-weight: 600; letter-spacing: .01em; color: #d0d0d0; transition: color .2s; }
html body header.whb-header_202116 .whb-top-bar a:hover,
html body header.whb-header_202116 .whb-top-bar .wd-header-my-account a:hover { color: var(--hy); }
html body header.whb-header_202116 .whb-top-bar .wd-header-divider::before { background: rgba(255, 255, 255, .16); }
html body header.whb-header_202116 .whb-top-bar .wd-social-icons a { color: #bdbdbd; }
html body header.whb-header_202116 .whb-top-bar .wd-social-icons a:hover { color: var(--hy); }

/* ---------- Główny wiersz ---------- */
html body header.whb-header_202116 .whb-general-header { background: linear-gradient(180deg, #171717 0%, #101010 100%); border-bottom: 1px solid rgba(255, 204, 0, .22); }

/* Wyszukiwarka: pigułka, żółty pierścień przy fokusie */
html body header.whb-header_202116 .wd-search-form .searchform input[type="text"] { height: 46px; padding: 0 56px 0 22px; background: #1e1e1e; border: 1px solid #343434; border-radius: 999px; color: #fff; font-size: 14.5px; transition: border-color .2s, box-shadow .2s, background .2s; }
html body header.whb-header_202116 .wd-search-form .searchform input[type="text"]::placeholder { color: #8f8f8f; }
html body header.whb-header_202116 .wd-search-form .searchform input[type="text"]:hover { border-color: #4a4a4a; }
html body header.whb-header_202116 .wd-search-form .searchform input[type="text"]:focus { background: #232323; border-color: var(--hy); box-shadow: 0 0 0 4px rgba(255, 204, 0, .18); outline: 0; }
html body header.whb-header_202116 .wd-search-form .searchsubmit { color: var(--hy); }

/* ---------- Menu główne: jedna linia, podkreślenie przy najechaniu ---------- */
html body header.whb-header_202116 .wd-header-nav { flex-wrap: nowrap; }
html body header.whb-header_202116 .wd-nav-main { flex-wrap: nowrap; white-space: nowrap; }
html body header.whb-header_202116 .wd-nav-main.wd-style-separated > li::after,
html body header.whb-header_202116 .wd-nav-main.wd-style-separated > li::before { display: none; }
html body header.whb-header_202116 .wd-nav-main > li > a { position: relative; display: flex; align-items: center; gap: 7px; padding: 15px 16px; font-family: var(--wd-header-el-font, inherit); font-weight: 700; font-size: 15px; color: #fff; text-transform: none; transition: color .2s; }
html body header.whb-header_202116 .wd-nav-main > li > a img { width: 22px; height: 22px; object-fit: contain; flex: none; }
html body header.whb-header_202116 .wd-nav-main > li > a::after { content: ""; position: absolute; left: 16px; right: 16px; bottom: 8px; height: 2px; border-radius: 2px; background: var(--hy); transform: scaleX(0); transform-origin: left; transition: transform .28s ease; }
html body header.whb-header_202116 .wd-nav-main > li:hover > a,
html body header.whb-header_202116 .wd-nav-main > li.wd-opened > a,
html body header.whb-header_202116 .wd-nav-main > li.current-menu-item > a { color: var(--hy); }
html body header.whb-header_202116 .wd-nav-main > li:hover > a::after,
html body header.whb-header_202116 .wd-nav-main > li.wd-opened > a::after,
html body header.whb-header_202116 .wd-nav-main > li.current-menu-item > a::after { transform: scaleX(1); }
html body header.whb-header_202116 .wd-nav-main > li > a .menu-label { display: none; }


/* ---------- Układ dwuwierszowy (komputer): logo, szeroka wyszukiwarka i koszyk u góry, menu pod spodem.
   Odporny na szerokość ekranu (menu nie musi mieścić się obok logo i wyszukiwarki). Poniżej 1025 px działa menu mobilne Woodmart. ---------- */
@media (min-width: 1025px) {
	html body header.whb-header_202116, html body header.whb-header_202116 .whb-general-header { --wd-header-general-h: auto; }
	html body header.whb-header_202116 .whb-general-header,
	html body header.whb-header_202116 .whb-general-header .whb-general-header-inner { height: auto !important; min-height: 0 !important; }
	html body header.whb-header_202116 .whb-general-header-inner { display: grid !important; grid-template-columns: auto minmax(260px, 520px) auto; justify-content: space-between; grid-template-areas: "logo search cart" "nav nav nav"; align-items: center; column-gap: 32px; row-gap: 0; padding-top: 14px; padding-bottom: 0; }
	html body header.whb-header_202116 .whb-general-header-inner .whb-column.whb-visible-lg { display: contents; }
	html body header.whb-header_202116 .whb-general-header-inner .whb-space-element { display: none !important; }
	html body header.whb-header_202116 .whb-general-header-inner .site-logo { grid-area: logo; max-width: none; justify-self: start; }
	html body header.whb-header_202116 .whb-general-header .site-logo img { width: auto !important; max-width: 250px !important; height: auto !important; max-height: 56px !important; }
	html body header.whb-header_202116 .whb-general-header-inner .wd-search-form { grid-area: search; width: 100% !important; max-width: 520px !important; justify-self: center; flex: none; }
	html body header.whb-header_202116 .whb-general-header-inner .wd-header-cart { grid-area: cart; justify-self: end; }
	html body header.whb-header_202116 .whb-general-header-inner .wd-header-nav { grid-area: nav; justify-self: stretch; margin-top: 12px; border-top: 1px solid rgba(255, 255, 255, .1); }
	html body header.whb-header_202116 .wd-nav-main { justify-content: flex-start; }
}

/* ---------- Koszyk i konto ---------- */
html body header.whb-header_202116 .wd-header-cart .wd-tools-icon { transition: transform .2s ease, box-shadow .2s ease; }
html body header.whb-header_202116 .wd-header-cart:hover .wd-tools-icon { transform: translateY(-2px); box-shadow: 0 10px 22px -8px rgba(255, 204, 0, .6); }
html body header.whb-header_202116 .wd-header-cart .wd-cart-number { font-weight: 800; }

/* ---------- Megamenu (zawartość z Woodmart): ramka, cień, animacja wejścia ---------- */
html body header.whb-header_202116 .wd-nav-main .wd-dropdown.wd-design-sized { border: 1px solid rgba(255, 204, 0, .28); border-top: 3px solid var(--hy); border-radius: 0 0 22px 22px; box-shadow: 0 50px 90px -30px rgba(0, 0, 0, .75); }
html body header.whb-header_202116 .wd-nav-main .wd-dropdown.wd-design-sized .wd-cat .wd-entities-title a { transition: color .2s; }
html body header.whb-header_202116 .wd-nav-main .wd-dropdown.wd-design-sized .wd-cat .wd-cat-inner { border-radius: 14px; transition: transform .22s ease, box-shadow .22s ease; }
@media (hover: hover) {
	html body header.whb-header_202116 .wd-nav-main .wd-dropdown.wd-design-sized .wd-cat:hover .wd-cat-inner { transform: translateY(-3px); box-shadow: 0 14px 28px -12px rgba(0, 0, 0, .35); }
	html body header.whb-header_202116 .wd-nav-main .wd-dropdown.wd-design-sized .wd-cat:hover .wd-entities-title a { color: #b38f00; }
}
@keyframes ntcx-hd-in { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
html body header.whb-header_202116 .wd-nav-main > li:hover > .wd-dropdown .wd-cat,
html body header.whb-header_202116 .wd-nav-main > li.wd-opened > .wd-dropdown .wd-cat { animation: ntcx-hd-in .45s ease both; }
html body header.whb-header_202116 .wd-nav-main .wd-dropdown .wd-cat:nth-child(2) { animation-delay: .04s; }
html body header.whb-header_202116 .wd-nav-main .wd-dropdown .wd-cat:nth-child(3) { animation-delay: .08s; }
html body header.whb-header_202116 .wd-nav-main .wd-dropdown .wd-cat:nth-child(4) { animation-delay: .12s; }
html body header.whb-header_202116 .wd-nav-main .wd-dropdown .wd-cat:nth-child(5) { animation-delay: .16s; }
html body header.whb-header_202116 .wd-nav-main .wd-dropdown .wd-cat:nth-child(6) { animation-delay: .2s; }
html body header.whb-header_202116 .wd-nav-main .wd-dropdown .wd-cat:nth-child(n+7) { animation-delay: .24s; }

@media (prefers-reduced-motion: reduce) {
	html body header.whb-header_202116 .wd-nav-main .wd-cat { animation: none !important; }
	html body header.whb-header_202116 * { transition: none !important; }
}

/* ---------- Pasek górny znika, a jego zawartość trafia do głównego wiersza (ntc-header.js) ---------- */
@media (min-width: 1025px) {
	body.ntcx-hdr-pending header.whb-header_202116 .whb-top-bar { height: 0; min-height: 0; overflow: hidden; visibility: hidden; animation: ntcx-top-show 0s 4s forwards; }
	body.ntcx-hdr-on header.whb-header_202116 .whb-top-bar { display: none !important; }
	html body header.whb-header_202116 .whb-general-header-inner .ntcx-hr { grid-area: cart; justify-self: end; display: flex; align-items: center; gap: 12px; }
}
@keyframes ntcx-top-show { to { height: auto; overflow: visible; visibility: visible; } }
@media (max-width: 1024px) { html body header.whb-header_202116 .ntcx-hr { display: none; } }

html body header.whb-header_202116 .ntcx-hr .wd-header-my-account a,
html body header.whb-header_202116 .ntcx-hr .wd-header-my-account .wd-tools-inner { font-size: 14px; font-weight: 700; color: #fff; letter-spacing: normal; }
html body header.whb-header_202116 .ntcx-hr .wd-header-my-account > a { display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .22); transition: color .2s, border-color .2s, background .2s; }
html body header.whb-header_202116 .ntcx-hr .wd-header-my-account > a:hover { color: var(--hy); border-color: var(--hy); background: rgba(255, 204, 0, .08); }

/* Szybki kontakt: okienko jak menu */
html body header.whb-header_202116 .ntcx-hq { position: relative; }
html body header.whb-header_202116 .ntcx-hq-btn { display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px 10px 16px; min-height: 0; border-radius: 999px; border: 1px solid rgba(255, 204, 0, .5); background: transparent; color: var(--hy); font-family: var(--wd-header-el-font, inherit); font-weight: 700; font-size: 14px; letter-spacing: normal; text-transform: none; cursor: pointer; box-shadow: none; transition: background .2s, color .2s, border-color .2s; }
html body header.whb-header_202116 .ntcx-hq-btn svg.p { width: 18px; height: 18px; }
html body header.whb-header_202116 .ntcx-hq-btn svg.c { width: 14px; height: 14px; transition: transform .2s; }
html body header.whb-header_202116 .ntcx-hq-btn:hover, html body header.whb-header_202116 .ntcx-hq.open .ntcx-hq-btn { background: var(--hy); color: #0d0d0d; border-color: var(--hy); }
html body header.whb-header_202116 .ntcx-hq.open .ntcx-hq-btn svg.c { transform: rotate(180deg); }
html body header.whb-header_202116 .ntcx-hq-pop { position: absolute; right: 0; top: calc(100% + 14px); width: 320px; padding: 18px; background: #fff; color: #1a1a1a; border: 1px solid rgba(255, 204, 0, .3); border-top: 3px solid var(--hy); border-radius: 0 0 20px 20px; box-shadow: 0 40px 80px -30px rgba(0, 0, 0, .65); opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity .2s ease, transform .2s ease, visibility .2s; z-index: 1100; }
html body header.whb-header_202116 .ntcx-hq-pop::before { content: ""; position: absolute; left: 0; right: 0; top: -18px; height: 18px; }
html body header.whb-header_202116 .ntcx-hq.open .ntcx-hq-pop { opacity: 1; visibility: visible; transform: none; }
html body header.whb-header_202116 .ntcx-hq-t { font-family: var(--wd-title-font, inherit); font-weight: 800; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: #6a6a6a; margin: 0 4px 10px; }
html body header.whb-header_202116 .ntcx-hq-row { display: flex; align-items: center; gap: 12px; padding: 10px; border-radius: 12px; color: #1a1a1a; text-decoration: none; transition: background .2s; }
html body header.whb-header_202116 .ntcx-hq-row:hover { background: #fff6cf; color: #1a1a1a; }
html body header.whb-header_202116 .ntcx-hq-row .ic { flex: none; width: 40px; height: 40px; border-radius: 12px; background: var(--hy); color: #0d0d0d; display: grid; place-items: center; }
html body header.whb-header_202116 .ntcx-hq-row .ic svg { width: 20px; height: 20px; }
html body header.whb-header_202116 .ntcx-hq-row b { display: block; font-size: 15px; line-height: 1.25; }
html body header.whb-header_202116 .ntcx-hq-row small { display: block; color: #6a6a6a; font-size: 12.5px; }
html body header.whb-header_202116 .ntcx-hq-cta { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 10px; padding: 12px; border-radius: 12px; background: #0d0d0d; color: var(--hy); font-weight: 700; font-size: 14px; text-decoration: none; transition: background .2s, color .2s; }
html body header.whb-header_202116 .ntcx-hq-cta:hover { background: var(--hy); color: #0d0d0d; }
html body header.whb-header_202116 .ntcx-hq-cta svg { width: 16px; height: 16px; transition: transform .2s; }
html body header.whb-header_202116 .ntcx-hq-cta:hover svg { transform: translateX(4px); }

/* Rozwijane panele przeniesionych elementów (mini-koszyk, konto) otwierają się w lewo, od prawej krawędzi przycisku.
   Woodmart robi to sam tylko dla elementów w prawej kolumnie nagłówka, a koszyk i konto zostały przeniesione do .ntcx-hr. */
html body header.whb-header_202116 .ntcx-hr .wd-dropdown { left: auto !important; right: 0 !important; }

/* =====================================================================
   Nagłówek strony produktu (Woodmart, nagłówek ID 787812): ten sam styl marki (ciemny, żółte akcenty),
   bez zmiany układu: logo, wyszukiwarka, SKLEP, telefon oraz pasek z kategoriami, menu, kontem, ulubionymi i koszykiem.
   (Docelowo można przypisać stronie produktu ten sam nagłówek co reszcie serwisu w Woodmart, Header Builder.)
   ===================================================================== */
html body header.whb-header_787812 { --hy: #ffcc00; --hyd: #e6b800; }
html body header.whb-header_787812 .whb-general-header { background: linear-gradient(180deg, #171717 0%, #101010 100%); border-bottom: 1px solid rgba(255, 204, 0, .22); }
html body header.whb-header_787812 .whb-general-header .info-box-wrapper,
html body header.whb-header_787812 .whb-general-header .info-box-wrapper * { color: #fff; }
html body header.whb-header_787812 .whb-general-header .info-box-wrapper strong,
html body header.whb-header_787812 .whb-general-header .info-box-wrapper b,
html body header.whb-header_787812 .whb-general-header .info-box-wrapper a { color: var(--hy); }
html body header.whb-header_787812 .wd-search-form .searchform input[type="text"] { height: 46px; padding: 0 56px 0 22px; background: #1e1e1e; border: 1px solid #343434; border-radius: 999px; color: #fff; font-size: 14.5px; transition: border-color .2s, box-shadow .2s, background .2s; }
html body header.whb-header_787812 .wd-search-form .searchform input[type="text"]::placeholder { color: #8f8f8f; }
html body header.whb-header_787812 .wd-search-form .searchform input[type="text"]:focus { background: #232323; border-color: var(--hy); box-shadow: 0 0 0 4px rgba(255, 204, 0, .18); outline: 0; }
html body header.whb-header_787812 .wd-search-form .searchsubmit { color: var(--hy); }
html body header.whb-header_787812 .whb-general-header .wd-button-wrapper a.btn { background: var(--hy); color: #0d0d0d; border: 0; border-radius: 999px; box-shadow: none; font-weight: 800; letter-spacing: .02em; transition: background .2s, box-shadow .2s; }
html body header.whb-header_787812 .whb-general-header .wd-button-wrapper a.btn:hover { background: var(--hyd); color: #0d0d0d; box-shadow: 0 10px 22px -8px rgba(255, 204, 0, .6); }

html body header.whb-header_787812 .whb-header-bottom { background: #101010 !important; border-top: 1px solid rgba(255, 255, 255, .08); border-bottom: 1px solid rgba(255, 204, 0, .22); }
html body header.whb-header_787812 .wd-header-cats .menu-opener { background: var(--hy); color: #0d0d0d; font-weight: 800; border-radius: 12px; }
html body header.whb-header_787812 .wd-header-cats .menu-opener *, html body header.whb-header_787812 .wd-header-cats .menu-opener a { color: #0d0d0d; }
html body header.whb-header_787812 .wd-header-nav { flex-wrap: nowrap; }
html body header.whb-header_787812 .wd-nav-main { flex-wrap: nowrap; white-space: nowrap; }
html body header.whb-header_787812 .wd-nav-main > li > a { position: relative; display: flex; align-items: center; gap: 7px; padding: 14px 12px; font-weight: 700; font-size: 14.5px; color: #fff; text-transform: none; transition: color .2s; }
html body header.whb-header_787812 .wd-nav-main > li > a img { width: 20px; height: 20px; object-fit: contain; flex: none; }
html body header.whb-header_787812 .wd-nav-main > li > a::after { content: ""; position: absolute; left: 12px; right: 12px; bottom: 6px; height: 2px; border-radius: 2px; background: var(--hy); transform: scaleX(0); transform-origin: left; transition: transform .28s ease; }
html body header.whb-header_787812 .wd-nav-main > li:hover > a, html body header.whb-header_787812 .wd-nav-main > li.wd-opened > a { color: var(--hy); }
html body header.whb-header_787812 .wd-nav-main > li:hover > a::after, html body header.whb-header_787812 .wd-nav-main > li.wd-opened > a::after { transform: scaleX(1); }
html body header.whb-header_787812 .whb-header-bottom .wd-tools-element a, html body header.whb-header_787812 .whb-header-bottom .wd-tools-icon { color: #fff; }
html body header.whb-header_787812 .whb-header-bottom .wd-tools-element:hover a { color: var(--hy); }
html body header.whb-header_787812 .wd-nav-main .wd-dropdown.wd-design-sized { border: 1px solid rgba(255, 204, 0, .28); border-top: 3px solid var(--hy); border-radius: 0 0 22px 22px; box-shadow: 0 50px 90px -30px rgba(0, 0, 0, .75); }