/* Ikona „Moje konto” obok koszyka (header.php) */
.floky-account{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin-right:4px;color:var(--theme-text-color,#17191b)!important;border-radius:50%;transition:background .2s}
.floky-account:hover,.floky-account:focus-visible{background:#dcff00;color:#17191b!important}
.floky-account svg{display:block}
/* Przyklejony nagłówek (Blocksy bez Companion nie ma tej opcji) */
#header.ct-header{position:sticky!important;top:0;z-index:60;background:#fff}
.admin-bar #header.ct-header{top:var(--admin-bar,32px)}
@media(max-width:782px){.admin-bar #header.ct-header{top:0}}
/* Podgląd koszyka po najechaniu — pełne białe tło i cień (wcześniej przezroczysty) */
.ct-header-cart .ct-cart-content{background:#fff!important;color:#17191b;box-shadow:0 12px 32px rgba(15,16,18,.18);border:1px solid #e3e6e8;border-radius:8px}
.ct-header-cart .ct-cart-content .woocommerce-mini-cart__total,.ct-header-cart .ct-cart-content a:not(.button){color:#17191b}
/* Wiersz z menu i koszykiem nad paskiem promocji (pasek przenieśliśmy pod menu) — rozwijane menu i podgląd koszyka nie chowają się pod nim */
#header.ct-header [data-row="middle"]{z-index:5!important}
/* Menu: aktywna podstrona i najechanie — czarny tekst z neonowym podkreśleniem (zamiast niebieskiego koloru Blocksy) */
#header .menu>li>.ct-menu-link{position:relative}
#header .menu>li.current-menu-item>.ct-menu-link,#header .menu>li.current-menu-ancestor>.ct-menu-link,#header .menu>li.current_page_item>.ct-menu-link,#header .menu>li>.ct-menu-link:hover{color:#17191b!important}
#header .menu>li.current-menu-item>.ct-menu-link::after,#header .menu>li.current-menu-ancestor>.ct-menu-link::after,#header .menu>li.current_page_item>.ct-menu-link::after,#header .menu>li>.ct-menu-link:hover::after{content:"";position:absolute;left:0;right:0;bottom:calc(50% - 16px);height:3px;background:#dcff00!important;border-radius:2px;opacity:1!important;transform:none!important}
/* Kwota koszyka w nagłówku też ciemna, nie niebieska */
#header .ct-header-cart .ct-label,#header .ct-header-cart:hover .ct-label{color:#17191b!important}
/* Menu mobilne (offcanvas): aktywna pozycja z neonowym akcentem */
#offcanvas .menu li.current-menu-item>.ct-menu-link,#offcanvas .menu li.current_page_item>.ct-menu-link{color:#dcff00!important;box-shadow:inset 4px 0 0 #dcff00;padding-left:12px}
/* Biały nagłówek (decyzja 04.10.2026 — wracamy z czarnego): ciemne menu */
#header .menu>li>.ct-menu-link{color:#17191b!important}
/* Rozwijane menu (Sklep, Sporty): białe, limonkowa linia u góry, pozycja po najechaniu na limonkowym tle */
#header .sub-menu{background:#fff!important;border-top:3px solid #dcff00;box-shadow:0 14px 30px rgba(15,16,18,.16);min-width:220px}
#header .sub-menu li{border-color:#eef0f1!important}
#header .sub-menu .ct-menu-link{color:#17191b!important;font-weight:600}
#header .sub-menu .ct-menu-link:hover,#header .sub-menu .current-menu-item>.ct-menu-link{background:#dcff00;color:#17191b!important}
#header .sub-menu .ct-menu-link::after{display:none!important}
/* Menu mobilne: białe pozycje, limonkowe strzałki i aktywna pozycja */
#offcanvas .ct-menu-link{color:#fff!important}
#offcanvas .sub-menu .ct-menu-link{color:#c9cdd1!important}
#offcanvas .ct-toggle-dropdown-mobile svg,#offcanvas .ct-toggle-dropdown-mobile{fill:#dcff00;color:#dcff00}
/* Proporcje jak floky.com (pomiar 04.10.2026): niższy nagłówek (72px zamiast 120px), logo ~200px szer., menu 14px */
@media(min-width:1000px){
#header [data-row="middle"]{--height:72px!important;min-height:72px}
#header [data-row="middle"]>.ct-container{min-height:72px}
#header .site-logo-container img{max-height:34px!important;width:auto!important;height:auto!important}
#header .menu>li>.ct-menu-link{font-size:14px!important;font-weight:600!important;letter-spacing:.02em}
#header .menu>li>.ct-menu-link::after{bottom:calc(50% - 14px)!important}
}
/* Nagłówek jak floky.pl (05.10.2026, komputer): górny rząd — większe logo, pole „Szukaj”, konto i koszyk z podpisami;
   dolny rząd — menu po lewej; neonowy pasek promocji pod spodem. Telefon bez zmian. */
@media(min-width:1000px){
#header [data-device="desktop"]>[data-row="middle"]{order:1!important}
#header [data-device="desktop"]>[data-row="bottom"]{order:2!important}
#header [data-device="desktop"]>[data-row="top"]{order:3!important}
#header [data-row="middle"]{--height:96px!important;min-height:96px}
#header [data-row="middle"]>.ct-container{min-height:96px}
#header .site-logo-container img{max-height:58px!important}
#header [data-row="bottom"]{--height:52px!important;min-height:52px;background:#fff;border-bottom:1px solid #eef0f1}
#header [data-row="bottom"]>.ct-container{min-height:52px}
#header [data-row="bottom"] .menu>li>.ct-menu-link{font-size:15px!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important;padding-left:0;padding-right:0;margin-right:26px;height:52px}
#header [data-row="bottom"] .menu>li>.ct-menu-link::after{bottom:8px!important}
.floky-search{display:flex;align-items:center;width:320px;height:44px;margin-right:22px;border:1px solid #cfd4d8;border-radius:4px;background:#fff;padding:0 4px 0 16px}
.floky-search:focus-within{border-color:#17191b}
.floky-search input[type=search]{flex:1;min-width:0;height:100%;border:0!important;outline:0;background:transparent;font-size:14px;color:#17191b;padding:0!important;box-shadow:none!important}
.floky-search button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:3px;background:#17191b;color:#fff;cursor:pointer;padding:0}
.floky-search button:hover{background:#dcff00;color:#17191b}
#header .floky-account{width:auto;height:auto;flex-direction:column;gap:3px;border-radius:6px;padding:4px 8px;margin-right:10px}
.floky-account__label{font-size:12px;line-height:1;font-weight:500}
#header .floky-account:hover{background:transparent}
#header .floky-account:hover .floky-account__label{text-decoration:underline;text-underline-offset:3px}
#header .ct-header-cart .ct-cart-item{flex-direction:column;gap:3px}
#header .ct-header-cart .ct-label{order:2;font-size:12px!important;font-weight:700}
#header .ct-header-cart .ct-label .ct-amount{display:none}
#header .ct-header-cart .ct-label::before{content:"Koszyk"}
#header .ct-header-cart .ct-icon-container{position:relative}
#header .ct-header-cart .ct-dynamic-count-cart{position:absolute;top:-9px;right:-11px;min-width:18px;height:18px;border-radius:9px;background:#dcff00!important;color:#17191b!important;font-size:10px;font-weight:800;display:flex!important;align-items:center;justify-content:center;padding:0 4px}
}
@media(max-width:999px){.floky-account__label{display:none}}
@media(max-width:999px){#header .site-logo-container img{max-height:40px!important;width:auto!important}}
/* Rząd z menu nad paskiem promocji — rozwijane „Sklep”/„Sporty” nie chowają się pod paskiem */
#header.ct-header [data-row="bottom"]{position:relative;z-index:4!important}
/* Pasek promocji tylko: strona główna, Sklep, kategorie i sporty (decyzja 05.10.2026); karta produktu i inne podstrony — bez paska */
body:not(.home):not(.post-type-archive-product):not(.tax-product_cat) #header [data-row="top"]{display:none!important}
/* Menu większe, po najechaniu neonowa kreska wysuwana od lewej (jak padelmarket.pl) — 06.10.2026 */
@media(min-width:1000px){
#header [data-row="bottom"] .menu>li>.ct-menu-link{font-size:17px!important;font-weight:700!important;margin-right:34px}
#header [data-row="bottom"] .menu>li>.ct-menu-link::after{content:""!important;position:absolute;left:0;right:0;bottom:8px!important;height:3px;background:#dcff00!important;border-radius:2px;opacity:1!important;transform:scaleX(0)!important;transform-origin:left;transition:transform .25s ease}
#header [data-row="bottom"] .menu>li>.ct-menu-link:hover::after,#header [data-row="bottom"] .menu>li.current-menu-item>.ct-menu-link::after,#header [data-row="bottom"] .menu>li.current-menu-ancestor>.ct-menu-link::after,#header [data-row="bottom"] .menu>li.current_page_item>.ct-menu-link::after{transform:scaleX(1)!important}
}
@media(min-width:1000px){#header .ct-header-cart .ct-label{text-transform:none!important;letter-spacing:0!important;font-weight:500!important;font-size:12px!important;color:#17191b!important}}
/* Podpowiedzi wyszukiwarki (search.js, 20.10.2026) */
.floky-search{position:relative}
.floky-suggest{position:absolute;top:calc(100% + 6px);left:-1px;right:-1px;z-index:1000;background:#fff;border:1px solid #e1e3e6;border-radius:8px;box-shadow:0 12px 32px rgba(15,16,18,.16);padding:6px;max-height:min(70vh,520px);overflow-y:auto}
.floky-suggest__item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:6px;color:#17191b!important;text-decoration:none!important}
.floky-suggest__item:hover,.floky-suggest__item.is-active{background:#f2f4f5}
.floky-suggest__item img,.floky-suggest__noimg{flex:0 0 48px;width:48px;height:48px;object-fit:contain;background:#f1f2f3;border-radius:4px;mix-blend-mode:multiply}
.floky-suggest__text{display:flex;flex-direction:column;gap:2px;min-width:0}
.floky-suggest__name{font-size:13.5px;font-weight:600;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.floky-suggest__price{font-size:13px;color:#4b5258}
.floky-suggest__price del{opacity:.6;margin-right:4px}
.floky-suggest__all{display:block;margin-top:4px;padding:10px 8px;border-top:1px solid #eef0f1;font-size:13.5px;font-weight:700;color:#17191b!important;text-decoration:underline!important;text-underline-offset:3px}
.floky-suggest__all.is-active,.floky-suggest__all:hover{background:#f2f4f5;border-radius:6px}
.floky-suggest__empty{margin:0;padding:12px 8px;font-size:13.5px;color:#4b5258}
/* Telefon: lupa w nagłówku + panel wyszukiwania (search.php, 20.10.2026) */
.floky-msearch-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin-right:2px;padding:0!important;border:0!important;background:none!important;color:var(--theme-text-color,#17191b)!important;border-radius:50%;cursor:pointer}
.floky-msearch-toggle:focus-visible{outline:2px solid #17191b;outline-offset:2px}
.floky-msearch{position:fixed;left:0;right:0;z-index:999;display:flex;align-items:flex-start;gap:8px;padding:12px 16px;background:#fff;border-bottom:1px solid #e1e3e6;box-shadow:0 12px 24px rgba(15,16,18,.12)}
.floky-msearch[hidden]{display:none}
.floky-msearch .floky-search{flex:1;width:auto!important;margin:0!important;height:46px}
.floky-msearch .floky-search input[type=search]{font-size:16px}
.floky-msearch .floky-suggest{max-height:calc(100vh - 180px)}
.floky-msearch-close{flex:0 0 40px;height:46px;padding:0!important;border:0!important;background:none!important;color:#17191b!important;font-size:28px;line-height:1;cursor:pointer}
@media(min-width:1000px){.floky-msearch-toggle,.floky-msearch{display:none!important}}
.floky-msearch .floky-search{display:flex!important;align-items:center;border:1px solid #cfd4d8;border-radius:4px;background:#fff;padding:0 4px 0 14px}
.floky-msearch .floky-search:focus-within{border-color:#17191b}
.floky-msearch .floky-search input[type=search]{flex:1;min-width:0;height:100%;border:0!important;outline:0!important;background:transparent;padding:0!important;box-shadow:none!important;color:#17191b}
.floky-msearch .floky-search button[type=submit]{display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;border:0;border-radius:3px;background:#17191b;color:#fff;padding:0}