/*
Theme Name: Time4Swim Native
Version: 0.1.0
Text Domain: time4swim-native
Description: Natywna migracja Time4Swim, etap headera.
*/
.t4s-header{position:sticky;top:0;z-index:99;font:300 16px/1.5 Figtree,sans-serif;color:#222;background:#ffffff99}
body.admin-bar .t4s-header{top:32px}
.t4s-header *{box-sizing:border-box}
.t4s-header a{color:inherit;text-decoration:none}
.t4s-header-root{display:flex;flex-direction:column;gap:0}
.t4s-promo,.t4s-main-row{padding:0 10px;display:flex;justify-content:center}
.t4s-inner{width:100%;max-width:1440px;display:flex;padding:10px 0}
.t4s-promo{background:#344966;color:#faf9f6}
.t4s-promo .t4s-inner{justify-content:space-between;gap:20px}
.t4s-promo h2{margin:0;padding:0;font:400 16px/1 Figtree,sans-serif;color:inherit}
.t4s-promo-message a{display:inline-block;transition:transform 200ms ease}
.t4s-promo-message a:hover{transform:scale(1.04)}
.t4s-promo-link h2{text-decoration:underline}
.t4s-main-row{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}
.t4s-main-row .t4s-inner{min-height:80px;align-items:center;gap:18px}
.t4s-logo{width:12%;max-width:12%;flex-shrink:1;text-align:center}
.t4s-logo a{display:inline-block;width:100%;line-height:0}
.t4s-logo img{width:100%;height:86px;object-fit:contain;object-position:center;border-radius:20px}
.t4s-actions{display:flex;flex:1 1 100%;align-items:center;justify-content:flex-end;gap:15px;min-width:0}
.t4s-navigation{flex-shrink:0;display:flex}
.t4s-menu{list-style:none;margin:0;padding:0}
.t4s-desktop-menu>.t4s-menu{display:flex;gap:clamp(0px,1.3vw,30px);align-items:center}
.t4s-menu li{position:relative}
.t4s-menu a{display:block;font:400 16px/20px Figtree,sans-serif;text-transform:uppercase}
.t4s-menu a:hover,.t4s-menu a:focus,.t4s-menu .current-menu-item>a{color:#344966}
.t4s-menu .sub-menu{display:none;list-style:none;position:absolute;top:100%;left:0;margin:0;padding:0;min-width:10em;background:#faf9f6f5;z-index:2}
.t4s-menu li:hover>.sub-menu,.t4s-menu li:focus-within>.sub-menu,.t4s-menu li.is-open>.sub-menu{display:block}
.t4s-menu .sub-menu a{padding:10px 20px;text-transform:none;line-height:20px}
.t4s-menu .sub-menu a:hover,.t4s-menu .sub-menu a:focus{background:#fff}
.t4s-menu .menu-item-has-children>a::after{content:'';display:inline-block;border:solid currentColor;border-width:0 2px 2px 0;padding:3px;transform:rotate(45deg);margin:0 2px 3px 12px}
.t4s-trial{flex-shrink:1}
.t4s-trial-button{display:inline-block;color:#344966!important;background:transparent;border:1px solid;border-radius:25px;padding:10px 19px;font:400 16px/1 Figtree,sans-serif;white-space:nowrap}
.t4s-separator{width:10px;flex-shrink:0;margin-right:-12px;text-align:center}
.t4s-separator svg{width:10px;height:10px;fill:#344966}
.t4s-language{flex-shrink:0}
.t4s-language .gt_float_switcher{box-shadow:none;background:transparent!important}
.t4s-language .gt-selected{background:transparent!important}
.t4s-language span.gt-lang-code{display:none}
.t4s-menu-toggle,.t4s-mobile-menu{display:none}
.t4s-header [hidden]{display:none!important}
@media(min-width:1025px){.t4s-header .mobile-only-menu{display:none!important}}
@media(max-width:1024px){
.t4s-promo{padding:0}.t4s-promo .t4s-inner{flex-direction:column;align-items:center;justify-content:center;gap:10px}
.t4s-main-row{padding:0 16px}.t4s-main-row .t4s-inner{padding:0}
.t4s-actions{gap:10px}.t4s-navigation{order:99999}.t4s-desktop-menu,.t4s-separator{display:none}
.t4s-language{margin-bottom:-10px}
.t4s-menu-toggle{display:flex;align-items:center;justify-content:center;padding:9.5px;width:57px;height:57px;border:0;border-radius:3px;background:transparent;color:#222;cursor:pointer}
.t4s-menu-toggle:hover,.t4s-menu-toggle:focus{background:transparent;color:#344966}
.t4s-menu-toggle svg{display:block;width:38px;height:auto}.t4s-menu-toggle .t4s-toggle-close{display:none;height:38px;fill:currentColor}
.t4s-menu-toggle[aria-expanded=true] .t4s-toggle-open{display:none}.t4s-menu-toggle[aria-expanded=true] .t4s-toggle-close{display:block}
.t4s-mobile-menu{display:block;position:absolute;top:100%;left:0;width:100%;background:#faf9f6f5}
.t4s-mobile-menu .t4s-menu a{text-align:center;padding:10px 20px;line-height:20px}
.t4s-mobile-menu .sub-menu{position:static}.t4s-mobile-menu a:hover{background:#fff}
}
@media(max-width:767px){
.t4s-header{font-size:14px}
.t4s-promo{padding:0 10px}.t4s-promo .t4s-inner{gap:5px}.t4s-promo h2{font-size:14px}
.t4s-main-row{padding:0 10px}.t4s-main-row .t4s-inner{justify-content:center;gap:0}
.t4s-logo{flex-shrink:0}.t4s-logo img{height:60px}
.t4s-actions{width:81%;flex:0 1 81%;gap:0;align-self:center}
.t4s-trial{display:none}.t4s-navigation{align-self:flex-start}
.t4s-menu a{font-size:14px}
}
/* Isolate native components from the legacy site's global button/image rules. */
.t4s-header .t4s-logo img{display:block}
.t4s-header .t4s-menu-toggle{min-width:57px;max-width:57px;width:57px;padding:9.5px;flex:0 0 57px}
.t4s-header .t4s-logo a{display:block}
.t4s-header button.t4s-menu-toggle,.t4s-header button.t4s-menu-toggle:hover,.t4s-header button.t4s-menu-toggle:focus{background:transparent!important;border:0;border-radius:3px}

/* Match WordPress admin-bar breakpoints: on phones its bar scrolls away. */
@media (min-width:601px) and (max-width:782px){body.admin-bar .t4s-header{top:46px}}
@media (max-width:600px){body.admin-bar .t4s-header{top:0}}
@media (max-width:1024px){
 .t4s-header .t4s-toggle-open{display:flex;align-items:center;justify-content:center;width:38px;height:22px;line-height:0;flex:0 0 38px}
 .t4s-header .t4s-toggle-open svg{width:38px;height:22px;max-width:none;flex:none;overflow:visible}
 .t4s-header .t4s-menu-toggle .t4s-toggle-close{width:38px;height:38px;max-width:none;flex:none}
 .t4s-header .t4s-menu-toggle[aria-expanded=true] .t4s-toggle-open{display:none}
 .t4s-mobile-menu{max-height:calc(100dvh - var(--t4s-header-height,148px) - 46px);overflow-y:auto;overscroll-behavior:contain}
}

/* Touch menus are controlled by expanded state, not sticky hover/focus. */
@media(max-width:1024px){
 .t4s-mobile-menu .t4s-menu li>.sub-menu{display:none}
 .t4s-mobile-menu .t4s-menu li.is-open>.sub-menu{display:block}
 .t4s-header button.t4s-menu-toggle{appearance:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:none}
 .t4s-header button.t4s-menu-toggle,
 .t4s-header button.t4s-menu-toggle:is(:hover,:focus,:active){color:#344966!important}
 .t4s-header .t4s-toggle-close,.t4s-header .t4s-toggle-close path{fill:#344966!important}
 .t4s-header .t4s-toggle-open svg{fill:none!important}
 .t4s-header .t4s-toggle-open path{fill:none!important;stroke:#344966!important;stroke-width:1.75}
 .t4s-header button.t4s-menu-toggle:focus:not(:focus-visible){outline:none}
 .t4s-header button.t4s-menu-toggle:focus-visible{outline:2px solid #344966;outline-offset:3px}
 .t4s-mobile-menu .menu-item-has-children>a[aria-expanded=true]::after{transform:rotate(225deg);margin-bottom:0}
}