/* V0.15.10.50.20 · Schwimmtrainer.at Adaptive Premium Navigation.
   Only site header. No selectors for the internal Performance Lab tabs.
   Actual available width is negotiated by JS; CSS container queries protect small containers. */
.st-premium-header{
  --pn-glow:#7beeff; --pn-blue:#329ffa; --pn-line:rgba(109,225,255,.29);
  --pn-focus:#8ef3ff; --pn-fill:rgba(15,61,91,.37);
  position:sticky;isolation:isolate;container:premium-nav / inline-size;
  border-bottom:1px solid rgba(104,211,255,.21);
  background:linear-gradient(106deg,rgba(3,19,34,.94),rgba(5,30,53,.91) 65%,rgba(3,19,35,.94));
}
.st-premium-header::before{content:"";position:absolute;left:0;bottom:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(109,235,255,.38),transparent);pointer-events:none}
.st-premium-header .nav-shell{
  display:grid!important;grid-template-columns:max-content minmax(0,1fr) max-content;
  min-width:0;width:min(calc(100% - 36px),1500px);max-width:1500px;height:80px;
  align-items:center;column-gap:clamp(11px,1.35vw,22px);justify-content:initial;
  position:relative;margin:0 auto;
}
/* Zone A: never allow either the icon or the wordmark to be squeezed by other columns. */
.st-premium-header .st-brand{grid-column:1;grid-row:1;display:flex;align-items:center;gap:11px;min-width:max-content;max-width:none;flex:0 0 auto;position:relative;z-index:2;margin:0}
.st-premium-header .st-brand img{width:78px;height:auto;object-fit:contain;flex:0 0 78px;max-width:none}
.st-premium-header .st-brand-text{display:grid;gap:3px;min-width:max-content;white-space:nowrap}
.st-premium-header .st-brand-name{font-size:1.45rem!important;line-height:1.05;white-space:nowrap}
.st-premium-header .st-brand-sub{display:block;font-size:.48rem;line-height:1.3;white-space:nowrap}
/* Zone B: text is primary; only membership becomes an emblem in narrow mode. */
.st-premium-header .st-core-nav{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center;gap:clamp(11px,1.45vw,22px);flex-wrap:nowrap;min-width:0;white-space:nowrap}
.st-premium-header .st-core-nav .st-core-item{display:inline-flex;align-items:center;gap:8px;min-height:44px;white-space:nowrap;flex:0 0 auto;position:relative;font-size:.84rem;font-weight:750;line-height:1.2;color:#dceefa;text-decoration:none}
.st-premium-header .st-core-nav .st-core-item:hover,.st-premium-header .st-core-nav .st-core-item.is-active{color:white}
.st-premium-header .st-core-nav .st-core-item::after{content:"";height:2px;position:absolute;bottom:3px;left:0;right:100%;background:linear-gradient(90deg,#91f4ff,#409aff);transition:right .18s ease}
.st-premium-header .st-core-nav .st-core-item:hover::after,.st-premium-header .st-core-nav .st-core-item.is-active::after{right:0}
.st-premium-header .st-core-membership img{display:none;width:30px;height:30px;flex:0 0 30px}
/* Zone C: precise and consistent optical alignment for icon tiles. */
.st-premium-header .st-premium-utility{grid-column:3;grid-row:1;display:flex;align-items:center;justify-content:flex-end;gap:clamp(5px,.59vw,9px);min-width:max-content;white-space:nowrap;flex-wrap:nowrap;margin:0}
.st-premium-header .st-premium-action{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 10px;border:1px solid var(--pn-line);border-radius:13px;background:linear-gradient(145deg,rgba(18,74,111,.44),rgba(5,37,64,.22));color:#dceefa;text-decoration:none;font-size:.82rem;font-weight:770;line-height:1.1;white-space:nowrap;flex:0 0 auto;position:relative;overflow:visible;box-shadow:inset 0 1px rgba(190,246,255,.06);transition:background .17s,border-color .17s,box-shadow .17s,transform .17s}
.st-premium-header .st-premium-action img{display:block;width:29px;height:29px;flex:0 0 29px;filter:drop-shadow(0 0 5px rgba(60,218,255,.14))}
.st-premium-header .st-premium-action:hover,.st-premium-header .st-premium-action.is-active{background:linear-gradient(130deg,rgba(23,101,149,.55),rgba(7,53,87,.42));border-color:rgba(129,237,255,.72);color:#fff;box-shadow:0 4px 20px rgba(17,170,243,.13),inset 0 1px rgba(188,247,255,.13);transform:translateY(-1px)}
.st-premium-header .st-cart-action{position:relative;min-width:44px}
.st-premium-header .st-cart-count{position:absolute;top:-6px;right:-5px;display:grid;place-items:center;min-width:18px;height:18px;border-radius:99px;background:#80eaff;color:#082139;font-size:.6rem;font-weight:850;padding:0 3px}
.st-premium-header .st-premium-profile{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:7px 14px;flex:0 0 auto;border-radius:999px;background:linear-gradient(120deg,#8beeff,#4dcafb 65%,#349ff0);border:1px solid #a3f1ff;color:#06223b!important;text-decoration:none;box-shadow:0 0 0 2px rgba(53,178,240,.085),0 6px 20px rgba(43,195,255,.17);font-size:.83rem;font-weight:830;white-space:nowrap;transition:transform .17s,box-shadow .17s}
.st-premium-header .st-premium-profile img{width:25px;height:25px;flex:0 0 25px;filter:brightness(.35) saturate(1.2)}
.st-premium-header .st-premium-profile:hover{transform:translateY(-1px);box-shadow:0 0 0 3px rgba(53,178,240,.19),0 8px 26px rgba(43,195,255,.28)}
.st-premium-header .st-header-social{display:flex;align-items:center;flex:0 0 auto}
.st-premium-header .st-header-social .site-social-icons{display:flex;flex-wrap:nowrap;gap:5px}
.st-premium-header .st-header-social .site-social-icon{width:31px;height:31px;flex:0 0 31px;border-radius:9px}
.st-premium-header .st-header-language{display:flex;align-items:center;gap:3px;flex:0 0 auto;margin:0}
.st-premium-header .st-header-language a{width:29px;min-width:29px;height:31px;padding:0 3px}
.st-premium-header .st-header-language span{color:rgba(214,243,255,.22)}
.st-premium-header .st-premium-menu-toggle,.st-premium-header .st-drawer-close{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--pn-line);color:#dbf4ff;background:linear-gradient(135deg,rgba(16,68,100,.6),rgba(8,41,70,.6));border-radius:12px;min-height:44px;cursor:pointer;font:inherit;font-size:.81rem;font-weight:760;white-space:nowrap;transition:background .17s,border-color .17s}
.st-premium-header .st-premium-menu-toggle{padding:0 11px;flex:0 0 auto}
.st-premium-header .st-premium-menu-toggle img,.st-premium-header .st-drawer-close img{display:block;width:26px;height:26px}
.st-premium-header .st-premium-menu-toggle:hover,.st-premium-header .st-drawer-close:hover{border-color:#8df2ff;background:rgba(24,107,150,.52)}
.st-premium-header :is(a,button):focus-visible{outline:3px solid var(--pn-focus);outline-offset:3px}
.st-premium-header [hidden]{display:none!important}
/* Drawer is a single-level continuation of the site nav, never an extra nested submenu. */
.st-premium-header .st-premium-backdrop{position:fixed;inset:0;background:rgba(0,11,25,.65);z-index:101;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.st-premium-header .st-premium-drawer{position:absolute;z-index:102;top:100%;right:max(14px,calc((100vw - 1500px)/2));width:min(410px,calc(100vw - 28px));max-height:calc(100dvh - 81px);overflow-y:auto;overscroll-behavior:contain;padding:19px 20px 23px;border:1px solid rgba(122,232,255,.42);border-top:2px solid #77eaff;border-radius:0 0 20px 20px;background:linear-gradient(138deg,#0b304d 0%,#061d34 75%);box-shadow:0 24px 80px rgba(0,7,18,.58);color:#ebfaff;animation:st-premium-enter .18s ease-out}
.st-premium-header .st-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid rgba(140,236,255,.22);padding-bottom:15px;font-size:.9rem;letter-spacing:.02em;color:#e5f9ff}
.st-premium-header .st-drawer-close{width:40px;min-width:40px;padding:0;min-height:40px}
.st-premium-header .st-drawer-links{display:flex;flex-direction:column;gap:4px;padding:12px 0 2px}
.st-premium-header .st-drawer-group-title{color:#85bfd5;font-size:.63rem;letter-spacing:.16em;text-transform:uppercase;font-weight:780;padding:14px 12px 4px}
.st-premium-header .st-drawer-links>a{display:flex;align-items:center;gap:12px;min-height:45px;padding:10px 12px;border:1px solid transparent;border-radius:11px;color:#e5f4ff;text-decoration:none;font-size:.85rem;font-weight:720;line-height:1.3;white-space:normal}
.st-premium-header .st-drawer-links>a img{width:27px;height:27px;flex:0 0 27px}
.st-premium-header .st-drawer-links>a:hover,.st-premium-header .st-drawer-links>a:focus-visible{background:rgba(48,185,250,.14);border-color:rgba(121,224,255,.4);color:#fff}
.st-premium-header .st-drawer-social{border-top:1px solid rgba(140,236,255,.19);padding:16px 12px 4px}
.st-premium-header .st-drawer-social-title{display:block;margin:0 0 9px;color:#9cc8db;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;font-weight:760}
.st-premium-header .st-drawer-social .site-social-icons{display:flex;flex-wrap:wrap;gap:8px}
@keyframes st-premium-enter{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
/* Negotiated stages: no font-size manipulation, no wrap, no clipping. */
.st-premium-header[data-nav-mode="full"] .st-premium-menu-toggle,.st-premium-header[data-nav-mode="compact"] .st-premium-menu-toggle{display:none}
.st-premium-header[data-nav-mode="compact"] .st-premium-action .st-action-label,.st-premium-header[data-nav-mode="narrow"] .st-premium-action .st-action-label,.st-premium-header[data-nav-mode="tablet"] .st-premium-action .st-action-label{display:none}
.st-premium-header[data-nav-mode="compact"] .st-premium-action,.st-premium-header[data-nav-mode="narrow"] .st-premium-action,.st-premium-header[data-nav-mode="tablet"] .st-premium-action{width:44px;min-width:44px;padding:0}
.st-premium-header[data-nav-mode="narrow"] .st-core-membership,.st-premium-header[data-nav-mode="narrow"] .st-core-membership img{display:inline-flex}
.st-premium-header[data-nav-mode="narrow"] .st-core-membership span{display:none}
.st-premium-header[data-nav-mode="narrow"] .st-header-social,.st-premium-header[data-nav-mode="tablet"] .st-header-social,.st-premium-header[data-nav-mode="mobile"] .st-header-social{display:none}
.st-premium-header[data-nav-mode="tablet"] .st-core-membership{display:none}
.st-premium-header[data-nav-mode="tablet"] .st-premium-profile span,.st-premium-header[data-nav-mode="mobile"] .st-premium-profile span{display:none}
.st-premium-header[data-nav-mode="tablet"] .st-premium-profile,.st-premium-header[data-nav-mode="mobile"] .st-premium-profile{min-width:44px;width:44px;padding:0}
.st-premium-header[data-nav-mode="tablet"] .st-register-action,.st-premium-header[data-nav-mode="mobile"] .st-register-action{display:none}
/* Drawer only contains content that is *not* duplicated in the header at that stage. */
.st-premium-header[data-nav-mode="narrow"] .st-drawer-primary-title,.st-premium-header[data-nav-mode="narrow"] .st-drawer-utility-title,.st-premium-header[data-nav-mode="narrow"] .st-drawer-links [data-drawer-item],
.st-premium-header[data-nav-mode="tablet"] .st-drawer-links [data-drawer-item="find"],.st-premium-header[data-nav-mode="tablet"] .st-drawer-links [data-drawer-item="knowledge"],
.st-premium-header[data-nav-mode="tablet"] .st-drawer-links [data-drawer-item="shop"],.st-premium-header[data-nav-mode="tablet"] .st-drawer-links [data-drawer-item="cart"],
.st-premium-header[data-nav-mode="tablet"] .st-drawer-links [data-drawer-item="account"],.st-premium-header[data-nav-mode="tablet"] .st-drawer-links [data-drawer-item="guides"],
.st-premium-header[data-nav-mode="tablet"] .st-drawer-links [data-drawer-item="profile"]{display:none}
.st-premium-header[data-nav-mode="mobile"] .nav-shell{grid-template-columns:minmax(0,1fr) max-content;gap:9px;height:70px}
.st-premium-header[data-nav-mode="mobile"] .st-core-nav{display:none}
.st-premium-header[data-nav-mode="mobile"] .st-premium-utility{grid-column:2;gap:7px}
.st-premium-header[data-nav-mode="mobile"] .st-premium-action{display:none}
.st-premium-header[data-nav-mode="mobile"] .st-brand{min-width:0}
.st-premium-header[data-nav-mode="mobile"] .st-brand img{width:64px;flex-basis:64px}
.st-premium-header[data-nav-mode="mobile"] .st-menu-word{display:none}
.st-premium-header[data-nav-mode="mobile"] .st-premium-menu-toggle{width:44px;min-width:44px;padding:0}
.st-premium-header[data-nav-mode="mobile"] .st-premium-drawer{right:0;max-height:calc(100dvh - 71px);height:calc(100dvh - 71px);width:min(410px,calc(100vw - 10px));border-radius:0 0 0 22px}
/* Container queries operate on container size, not device type; help robust initial state and branding. */
@container premium-nav (max-width:920px){.st-premium-header .st-brand-sub{display:none}}
@container premium-nav (max-width:590px){.st-premium-header .st-brand-text{display:none}}
@container premium-nav (max-width:380px){.st-premium-header .st-premium-utility{gap:5px}.st-premium-header .st-header-language{gap:1px}.st-premium-header .st-header-language a{width:26px;min-width:26px}.st-premium-header[data-nav-mode="mobile"] .st-brand img{width:60px;flex-basis:60px}}
@media(prefers-reduced-motion:reduce){.st-premium-header *{animation:none!important;transition:none!important}}

/* The profile shortcut is already present in the mobile header; do not repeat it in the slide-over. */
.st-premium-header[data-nav-mode="mobile"] .st-drawer-links [data-drawer-item="profile"]{display:none}

/* Very narrow tablets prioritise Find + Knowledge and preserve the wordmark: 
   the cart relocates into More before these core destinations disappear. */
@container premium-nav (max-width:900px){
 .st-premium-header[data-nav-mode="tablet"] .st-cart-action{display:none}
 .st-premium-header[data-nav-mode="tablet"] .st-premium-menu-toggle .st-menu-word{display:none}
 .st-premium-header[data-nav-mode="tablet"] .st-drawer-links [data-drawer-item="cart"]{display:flex}
}
