
/* AthlyraX public navigation extension, scoped to marketing header */
.athlyrax-unified-header .uh-dropdown{position:relative;display:flex;align-items:center;z-index:90}
.athlyrax-unified-header .uh-drop-trigger{display:flex;align-items:center;gap:5px;background:none;color:#f0f8fd;border:0;font:750 12px Inter,"Segoe UI",Arial,sans-serif;padding:8px 0;cursor:pointer;white-space:nowrap}
.athlyrax-unified-header .uh-drop-trigger:hover,.athlyrax-unified-header .uh-drop-trigger:focus-visible{color:#46d6f4}
.athlyrax-unified-header .uh-drop-trigger:after{content:"⌄";color:#46d6f4;font-size:14px}
.athlyrax-unified-header .uh-drop-panel{display:none;position:absolute;top:calc(100% + 8px);left:-14px;min-width:235px;padding:8px;background:#06263b;border:1px solid #3584a1;border-radius:12px;box-shadow:0 18px 28px #0008;z-index:100}
.athlyrax-unified-header .uh-dropdown.open .uh-drop-panel{display:grid}
.athlyrax-unified-header .uh-drop-panel a{display:block;padding:12px 13px!important;color:#e8f6fc!important;border-radius:7px;border:0!important}
.athlyrax-unified-header .uh-drop-panel a:hover,.athlyrax-unified-header .uh-drop-panel a:focus-visible{background:#114361;color:#51d8f4!important}
@media(max-width:1100px){.athlyrax-unified-header .uh-dropdown{display:block;width:100%}.athlyrax-unified-header .uh-drop-trigger{width:100%;text-align:left;justify-content:space-between;padding:10px 4px}.athlyrax-unified-header .uh-drop-panel{display:none;position:static;box-shadow:none;width:100%;margin:1px 0 9px 0}}


/* Header correction: preserve the original horizontal desktop navigation.
   Never turn a desktop-sized viewport into a two-row Menu/sign-in/contact header. */
@media (min-width:1001px) and (max-width:1350px){
  .athlyrax-unified-header .uh-inner{
    display:flex!important;flex-wrap:nowrap!important;gap:10px!important;
    padding:10px 14px!important;max-width:1600px!important;
  }
  .athlyrax-unified-header .uh-brand{
    flex:0 0 auto!important;min-width:0!important;max-width:none!important;
  }
  .athlyrax-unified-header .uh-brand img{
    width:178px!important;max-width:178px!important;
  }
  .athlyrax-unified-header .uh-menu{display:none!important}
  .athlyrax-unified-header .site-nav{
    display:flex!important;flex:1 1 auto!important;min-width:0!important;
    order:0!important;margin-left:auto!important;flex-direction:row!important;
    flex-wrap:nowrap!important;align-items:center!important;
    padding:0!important;gap:clamp(5px,.65vw,11px)!important;
  }
  .athlyrax-unified-header .site-nav a,
  .athlyrax-unified-header .uh-drop-trigger{
    font-size:11px!important;white-space:nowrap!important;
  }
  .athlyrax-unified-header .uh-dropdown{display:flex!important;width:auto!important}
  .athlyrax-unified-header .uh-drop-trigger{
    width:auto!important;padding:8px 0!important;
  }
  .athlyrax-unified-header .uh-drop-panel{
    position:absolute!important;top:calc(100% + 8px)!important;
    left:-14px!important;width:auto!important;min-width:225px!important;
    box-shadow:0 18px 28px #0008!important;
  }
  .athlyrax-unified-header .uh-signin,
  .athlyrax-unified-header .uh-cta{
    flex:0 0 auto!important;font-size:11px!important;padding:9px 10px!important;
  }
}
/* On genuine narrow screens the menu collapses, but all header controls
   stay in ONE top row, not the disjoint two-row layout seen in the screenshot. */
@media(max-width:1000px){
  .athlyrax-unified-header .uh-inner{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto auto auto!important;
    align-items:center!important;gap:8px!important;
    min-height:66px!important;padding:10px 16px!important;
  }
  .athlyrax-unified-header .uh-brand{
    grid-column:1!important;grid-row:1!important;
    flex:auto!important;min-width:0!important;max-width:none!important;
  }
  .athlyrax-unified-header .uh-brand img{
    display:block!important;width:clamp(125px,22vw,190px)!important;
    max-width:100%!important;
  }
  .athlyrax-unified-header .uh-signin{
    grid-column:2!important;grid-row:1!important;
    white-space:nowrap!important;padding:9px 11px!important;
  }
  .athlyrax-unified-header .uh-cta{
    grid-column:3!important;grid-row:1!important;
    white-space:nowrap!important;padding:9px 11px!important;
  }
  .athlyrax-unified-header .uh-menu{
    display:block!important;grid-column:4!important;grid-row:1!important;
    margin:0!important;white-space:nowrap!important;padding:9px 11px!important;
  }
  .athlyrax-unified-header .site-nav{
    display:none!important;grid-column:1/-1!important;grid-row:2!important;
    width:100%!important;margin:0!important;order:0!important;
    flex:initial!important;flex-direction:column!important;
    align-items:stretch!important;padding:10px 0!important;gap:4px!important;
  }
  .athlyrax-unified-header .site-nav.open{display:flex!important}
  .athlyrax-unified-header .uh-dropdown{display:block!important;width:100%!important}
  .athlyrax-unified-header .uh-drop-trigger{
    width:100%!important;padding:9px 4px!important;
    justify-content:space-between!important;
  }
  .athlyrax-unified-header .uh-drop-panel{
    position:static!important;width:100%!important;min-width:0!important;
    margin:2px 0 10px!important;box-shadow:none!important;
  }
}
@media(max-width:570px){
  .athlyrax-unified-header .uh-inner{grid-template-columns:minmax(0,1fr) auto auto!important}
  .athlyrax-unified-header .uh-cta{display:none!important}
  .athlyrax-unified-header .uh-menu{grid-column:3!important}
  .athlyrax-unified-header .uh-brand img{width:clamp(120px,34vw,165px)!important}
}

/* Flat navigation: obsolete dropdown markup must never display, on desktop or mobile.
   Direct navigation links are populated by athlyrax-marketing-nav.js. */
.athlyrax-unified-header #unified-navigation .uh-dropdown,
.athlyrax-unified-header #unified-navigation .uh-drop-panel,
.athlyrax-unified-header #unified-navigation .uh-drop-trigger,
.athlyrax-unified-header #unified-navigation [aria-haspopup="menu"]{display:none!important}

/* Pin public navigation to identical geometry on every marketing page.
   Page-specific inline header styles must not shift nav/menu horizontally. */
@media(min-width:1101px){
  body>.athlyrax-unified-header .uh-inner{
    box-sizing:border-box!important;width:100%!important;max-width:1480px!important;
    margin-left:auto!important;margin-right:auto!important;
    padding:12px 30px!important;gap:18px!important;
    display:flex!important;flex-wrap:nowrap!important;justify-content:space-between!important;
  }
  body>.athlyrax-unified-header .uh-brand{width:230px!important;flex:0 0 230px!important}
  body>.athlyrax-unified-header .uh-brand img{width:230px!important;max-width:230px!important}
  body>.athlyrax-unified-header #unified-navigation{
    display:flex!important;flex:1 1 auto!important;min-width:0!important;
    justify-content:flex-end!important;align-items:center!important;
    margin:0!important;gap:clamp(7px,1vw,16px)!important;
  }
  body>.athlyrax-unified-header .uh-signin,
  body>.athlyrax-unified-header .uh-cta{flex:0 0 auto!important;margin:0!important}
}
@media(min-width:1001px) and (max-width:1100px){
 body>.athlyrax-unified-header .uh-inner{max-width:1480px!important;margin:0 auto!important;padding:10px 14px!important}
 body>.athlyrax-unified-header .uh-brand{width:178px!important;flex:0 0 178px!important}
 body>.athlyrax-unified-header #unified-navigation{justify-content:flex-end!important;margin:0!important}
}
