/* WEISS PADEL CONNECT · PREMIUM NAVIGATION V16 · SHARED CONTENT RAIL
   Single owner for the stable app header. Mirrors the approved desktop mock-up
   with real navigation and utility DOM; destinations and behavior remain intact. */
body.wp-excellence .header-inner>.header-utilities{box-sizing:border-box;display:flex;align-items:center;gap:10px;flex:0 0 auto;min-width:0}
body.wp-excellence .header-utilities>a{box-sizing:border-box;color:#aeb9c7;text-decoration:none}
body.wp-excellence .header-utility-icon{display:grid;place-items:center;flex:0 0 17px;width:17px;height:17px}
body.wp-excellence .header-utility-icon svg{display:block;width:17px;height:17px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body.wp-excellence .prototype-status-dot{display:block;flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:#18aaa5;box-shadow:0 0 0 4px rgba(24,170,165,.09)}

/* Stable desktop viewport width across short and long menu destinations. */
@media(min-width:981px){html{overflow-y:scroll;scrollbar-gutter:stable}}

/* Cross-document snapshots can interpolate tiny geometry differences while a
   destination initializes. The header is intentionally static, so no page
   transition is allowed to animate it sideways. */
@view-transition{navigation:none}

/* Keep personal utilities in their final positions while authentication is
   resolved. Hidden remains the functional source of truth for the bell. */
@media(min-width:1101px){
  body.wp-excellence .header-utilities>.member-notification-trigger[hidden]{display:grid!important;visibility:hidden!important;pointer-events:none!important}
  body.wp-excellence .header-utilities>.wp-nav-admin[hidden]{display:flex!important;visibility:hidden!important;pointer-events:none!important}
  body.wp-excellence .header-utilities>.wp-nav-profile{box-sizing:border-box;justify-content:flex-start!important;flex:0 0 99.5px!important;width:99.5px!important;min-width:99.5px!important;max-width:99.5px!important}
  body.wp-excellence .header-utilities>.wp-nav-profile .header-utility-icon{flex:0 0 17px!important;width:17px!important}
  body.wp-excellence .header-utilities>.wp-nav-profile .wp-nav-label{box-sizing:border-box;flex:0 0 57.5px!important;width:57.5px!important;min-width:57.5px!important;max-width:57.5px!important;text-align:left!important}
}

@media(max-width:980px){
  body.wp-excellence .header-inner>.header-utilities{box-sizing:border-box;min-width:36px;margin-left:auto;padding:0;border:0}
  body.wp-excellence .header-utilities>.member-notification-trigger[hidden]{display:grid!important;visibility:hidden!important;pointer-events:none!important}
  body.wp-excellence .header-utilities>.wp-nav-profile,
  body.wp-excellence .header-utilities>.wp-nav-admin,
  body.wp-excellence .header-utilities>.prototype-badge{display:none!important}
  body.wp-excellence .header-utilities>.member-notification-trigger{margin:0}
}

@media(min-width:1101px){
  body.wp-excellence .site-header{position:relative;border-bottom:1px solid rgba(255,255,255,.08)!important;background:repeating-linear-gradient(116deg,rgba(255,255,255,.013) 0 1px,transparent 1px 4px),radial-gradient(circle at 12% -70%,rgba(125,88,232,.25),transparent 34%),radial-gradient(circle at 82% 170%,rgba(24,170,165,.2),transparent 37%),linear-gradient(112deg,#09111c 0%,#111a28 52%,#091620 100%)!important;box-shadow:0 14px 34px rgba(6,16,27,.22)!important}
  body.wp-excellence .site-header::after{position:absolute;right:0;bottom:0;left:0;height:1px;background:linear-gradient(90deg,transparent 6%,rgba(125,88,232,.4) 28%,rgba(24,170,165,.55) 72%,transparent 94%);content:""}
  body.wp-excellence .header-inner{box-sizing:border-box;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;grid-template-rows:auto auto;align-items:center!important;column-gap:16px!important;row-gap:8px!important;width:calc(100% - 44px)!important;max-width:var(--wpd-content,var(--wpx-content,1500px))!important;min-height:76px!important;margin:0 auto!important;padding:10px 0!important;background:transparent!important;box-shadow:none!important}
  body.wp-excellence .header-inner>.brand{grid-column:1;grid-row:1;gap:10px!important;min-width:0}
  body.wp-excellence .brand-divider{width:1px;height:25px!important;background:rgba(255,255,255,.12)!important}
  body.wp-excellence .brand-product{padding:0;border:0;color:#f3f7fa!important;font-size:.68rem!important;font-weight:500!important;letter-spacing:.16em!important;white-space:nowrap}
  body.wp-excellence .header-inner>.main-nav.wp-nav-stable,
  body.wp-excellence .header-inner>.main-nav.wp-nav-stable.public-nav{box-sizing:border-box;display:flex!important;grid-column:1/-1;grid-row:2;flex:1 1 auto!important;align-items:stretch!important;justify-content:center!important;gap:2px!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;padding:8px 0 0!important;border:0!important;border-top:1px solid rgba(255,255,255,.07)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;white-space:nowrap}
  body.wp-excellence .header-inner>.main-nav.wp-nav-stable>a{position:relative;box-sizing:border-box;display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:0!important;min-height:42px!important;padding:0 9px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#aeb9c7!important;font-size:.75rem!important;font-weight:500!important;line-height:1!important;letter-spacing:0!important;text-decoration:none!important;box-shadow:none!important;transition:background .18s ease,color .18s ease!important}
  body.wp-excellence .header-inner>.main-nav.wp-nav-stable>a:hover{background:rgba(255,255,255,.05)!important;color:#f3f7fa!important;transform:none!important}
  body.wp-excellence .header-inner>.main-nav.wp-nav-stable>a.active{background:rgba(24,170,165,.13)!important;color:#f3f7fa!important;box-shadow:none!important}
  body.wp-excellence .header-inner>.main-nav.wp-nav-stable>a.active::after{position:absolute;right:13px;bottom:4px;left:13px;height:2px;border-radius:999px;background:#18aaa5;content:""}
  body.wp-excellence .header-inner>.main-nav.wp-nav-stable>.wp-nav-connect{margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
  body.wp-excellence .header-inner>.main-nav.wp-nav-stable>.wp-nav-connect.active{background:rgba(24,170,165,.13)!important;color:#f3f7fa!important;box-shadow:none!important}
  body.wp-excellence .header-inner>.header-utilities{grid-column:3;grid-row:1;justify-self:end;gap:10px;padding-left:12px;border-left:1px solid rgba(255,255,255,.1)}
  body.wp-excellence .header-utilities>.member-notification-trigger{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;display:grid;place-items:center;flex:0 0 38px!important;width:38px!important;height:38px!important;margin:0!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#dce4ec!important;box-shadow:none!important;transform:none!important}
  body.wp-excellence .header-utilities>.member-notification-trigger:hover,
  body.wp-excellence .header-utilities>.member-notification-trigger:focus-visible,
  body.wp-excellence .header-utilities>.member-notification-trigger[aria-expanded="true"]{background:rgba(255,255,255,.05)!important;color:#f3f7fa!important;transform:none!important}
  body.wp-excellence .header-utilities>.member-notification-trigger>b{top:1px!important;right:1px!important;min-width:16px!important;height:16px!important;padding:0 4px!important;border:2px solid #101722!important;border-radius:999px!important;background:#7d58e8!important;color:#fff!important;font-size:.54rem!important;box-shadow:none!important}
  body.wp-excellence .header-utilities>.wp-nav-profile{display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 9px;border:0;border-radius:9px;background:transparent;color:#aeb9c7;font-size:.72rem;font-weight:500;line-height:1;white-space:nowrap;transition:background .18s ease,color .18s ease}
  body.wp-excellence .header-utilities>.wp-nav-admin{display:flex!important;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 9px;border:0;border-radius:9px;background:transparent;color:#aeb9c7;font-size:.72rem;font-weight:500;line-height:1;white-space:nowrap;visibility:visible!important;pointer-events:auto!important;transition:background .18s ease,color .18s ease}
  body.wp-excellence.admin-authorized .header-utilities>.wp-nav-admin,
  html.wp-admin-likely body.wp-excellence .header-utilities>.wp-nav-admin{visibility:visible!important;pointer-events:auto!important}
  body.wp-excellence .header-utilities>.wp-nav-profile:hover,
  body.wp-excellence .header-utilities>.wp-nav-admin:hover{background:rgba(255,255,255,.05);color:#f3f7fa}
  body.wp-excellence .header-utilities>.wp-nav-profile.active{background:rgba(24,170,165,.1);color:#f3f7fa}
  body.wp-excellence .header-utilities>.wp-nav-admin.active{background:rgba(24,170,165,.1)!important;color:#f3f7fa!important}
  body.wp-excellence .header-utilities>.wp-nav-admin{margin-left:2px;padding-left:12px;border-left:1px solid rgba(255,255,255,.1);border-radius:0 9px 9px 0}
  body.wp-excellence .header-utilities>.prototype-badge{box-sizing:border-box;display:flex;align-items:center;gap:6px;min-height:30px;padding:0 8px;border:1px solid rgba(24,170,165,.26)!important;border-radius:999px;background:rgba(24,170,165,.04)!important;color:#aee5e1!important;font-size:.58rem!important;font-weight:600!important;line-height:1;letter-spacing:.08em!important;white-space:nowrap;box-shadow:none!important}
}

@media(min-width:1360px){
  /* Intrinsic logo/language and utility tracks leave the actual free space to
     the menu. The utility border (1px) plus inset (12px) belong to that space
     up to the bell, so its midpoint is 6.5px beyond the middle track center. */
  body.wp-excellence .header-inner{display:grid!important;grid-template-columns:max-content max-content minmax(0,1fr) max-content!important;grid-template-rows:auto!important;gap:10px!important}
  body.wp-excellence .header-inner>.wp-language-switch{position:static!important;grid-column:2;grid-row:1;justify-self:start;transform:none!important}
  body.wp-excellence .header-inner>.main-nav.wp-nav-stable>a{padding-inline:7px!important}
  body.wp-excellence .header-inner>.brand{grid-column:1;grid-row:1}
  body.wp-excellence .header-inner>.main-nav.wp-nav-stable,
  body.wp-excellence .header-inner>.main-nav.wp-nav-stable.public-nav,
  body.wp-excellence:not(.admin-authorized) .header-inner>.main-nav.wp-nav-stable,
  body.wp-excellence:not(.admin-authorized) .header-inner>.main-nav.wp-nav-stable.public-nav,
  body.wp-excellence.admin-authorized .header-inner>.main-nav.wp-nav-stable,
  body.wp-excellence.admin-authorized .header-inner>.main-nav.wp-nav-stable.public-nav{grid-column:3;grid-row:1;justify-self:center!important;flex:none!important;width:max-content!important;min-width:0!important;max-width:none!important;padding:0!important;border-top:0!important;transform:translateX(6.5px)!important}
  body.wp-excellence .header-inner>.header-utilities{grid-column:4;grid-row:1;justify-self:end!important;justify-content:flex-end!important;box-sizing:border-box;width:auto!important;min-width:0!important;max-width:none!important}
}
@media(min-width:1360px) and (max-width:1599px){
  body.wp-excellence .header-utilities>.prototype-badge{display:none!important}
}
/* The guest notice is filled asynchronously, but its space is reserved before
   first paint so the shared header and Editorial Hero never move afterwards. */
@media(min-width:981px){
  html.wp-guest-shell-enabled.wp-session-guest-likely{--wp-shell-header-height:128px;--wp-shell-guest-space:80px}
  html.wp-guest-shell-enabled.wp-session-guest-likely body.wp-excellence .site-header{margin-bottom:var(--wp-shell-guest-space)!important}
  html.wp-guest-shell-enabled.wp-session-guest-likely body.wp-excellence .guest-browse-bar{position:absolute;z-index:18;top:calc(var(--wp-shell-header-height) + 18px);left:50%;margin:0!important;transform:translateX(-50%)}
}
@media(min-width:1360px){
  html.wp-guest-shell-enabled.wp-session-guest-likely{--wp-shell-header-height:77px}
}
@media(min-width:761px) and (max-width:980px){
  html.wp-guest-shell-enabled.wp-session-guest-likely{--wp-shell-header-height:59px;--wp-shell-guest-space:80px}
  html.wp-guest-shell-enabled.wp-session-guest-likely body.wp-excellence .site-header{margin-bottom:var(--wp-shell-guest-space)!important}
  html.wp-guest-shell-enabled.wp-session-guest-likely body.wp-excellence .guest-browse-bar{position:absolute;z-index:18;top:calc(var(--wp-shell-header-height) + 18px);left:50%;margin:0!important;transform:translateX(-50%)}
}
@media(max-width:760px){
  html.wp-guest-shell-enabled.wp-session-guest-likely{--wp-shell-header-height:59px;--wp-shell-guest-space:172px}
  html.wp-guest-shell-enabled.wp-session-guest-likely body.wp-excellence .site-header{margin-bottom:var(--wp-shell-guest-space)!important}
  html.wp-guest-shell-enabled.wp-session-guest-likely body.wp-excellence .guest-browse-bar{position:absolute;z-index:18;top:calc(var(--wp-shell-header-height) + 12px);left:50%;height:160px;margin:0!important;transform:translateX(-50%)}
}
@media(max-width:340px){
  html.wp-guest-shell-enabled.wp-session-guest-likely{--wp-shell-guest-space:190px}
  html.wp-guest-shell-enabled.wp-session-guest-likely body.wp-excellence .guest-browse-bar{height:178px}
}