/* ROCKETTES SITE NAV — css for Content/Snippets/custom-cr-sitenav.html. 2026-11-12 MST.
   One nav, two grounds. Colors are brand tokens (--color1, --pinkd) or the white-on-photo inks the Team Portal nav already uses. */
.crsn{position:relative;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;margin-left:auto}

/* ---- photo skin: the Team Portal's .cr-navlink (css/custom-cr-team.css:69-71: Font1, 17px, 8px 10px, radius 8px, .88 white ink,
   10% white hover), larger. Craig 2026-11-12: "like img2 but larger". (0,2,0) beats t_tlc-styles a:link,a:visited (0,1,1). ---- */
.crsn--photo{gap:4px clamp(6px,1vw,14px)}
.crsn--photo .crsn-l{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;font-family:var(--cr-f1,inherit);font-weight:400;
  font-size:21px;line-height:1.2;color:rgba(255,255,255,.88);text-decoration:none;white-space:nowrap;transition:color .15s ease,background-color .15s ease}
.crsn--photo .crsn-l:is(:hover,:focus-visible),.crsn--photo .crsn-dd.open > .crsn-l{color:#fff;background-color:rgba(255,255,255,.10);text-decoration:none}
@media(max-width:575px){
  .crsn--photo{gap:4px}
  .crsn--photo .crsn-l{gap:8px;padding:8px;font-size:17px}
  /* memberTLC sees a fourth item (Ops): it wrapped to a second row over the hero mark at 390 (measured). Labels only there, one row. */
  .crsn--photo.crsn--tlc .crsn-l > :is(i,svg){display:none}
}

/* ---- paper skin: the links carry the header's own .crt-nl (css/custom-cr-tournament.css:79-80), so type and hover are that header's.
   The header hid .crt-nl at phone width when it held Home / Contact beside a Team Portal button; this nav is the only way around the
   site there, so it stays and the header row wraps under the logo. ---- */
.crsn--paper{gap:10px 30px}
.crsn--paper .crsn-toggle{display:inline-flex;align-items:center}
.crsn.crsn--paper .crsn-menu a{font:800 17px/1.25 Nexa,sans-serif} /* the paper pages' own link face (.crt-lnk); (0,3,1) beats the shared menu rule below */
@media(max-width:560px){
  .crt .crt-top-in:has(> .crsn){flex-wrap:wrap;row-gap:12px}
  .crt .crt-nav.crsn{gap:10px 22px}
  .crt .crt-nav.crsn a.crt-nl{display:inline-flex}
}

/* ---- coach-only items (memberTLC: Ops, Team Portal). Craig 2026-11-12: "separate the coach only items ... make them consistent - maybe
   those are both in color4 but no button". One group after a thin rule, both plain links in the bright blue he calls color4 on this site
   (--LinkHoverColor #00aeef; the Rockettes --color4 token itself is gray #414141). Hover = each ground's own nav hover. ---- */
.crsn .crsn-coach{display:flex;align-items:center;gap:inherit;padding-left:clamp(12px,1.4vw,22px);border-left:2px solid rgba(255,255,255,.35)}
.crsn--paper .crsn-coach{border-left-color:var(--rule)}
.crsn--photo .crsn-coach .crsn-l{color:var(--LinkHoverColor)}
.crsn--photo .crsn-coach .crsn-l:is(:hover,:focus-visible){color:#fff}
.crt .crt-nav.crsn .crsn-coach a.crt-nl{color:var(--LinkHoverColor)}            /* (0,5,1) beats .crt .crt-nav a.crt-nl (0,3,1) */
.crt .crt-nav.crsn .crsn-coach a.crt-nl:hover{color:var(--pinkd)}

/* ---- Fall 26 dropdown: style guide "Navigation: app bar" dropdown (TurnerLee shared/wcf/v1/wcf-nav.css:52-61: relative holder,
   small caret after the label, panel top:100% min-width 210px, radius 8px, 6px 0 padding, block items, opens on .open). Panel is white
   with color1 ink on both grounds; an item's hover is the paper pages' own link hover (color1 fill, white ink: .crt-lnk:hover). ---- */
.crsn .crsn-dd{position:relative;display:inline-block}
.crsn .crsn-caret{font-size:.7em;line-height:1;opacity:.8;margin-left:6px}
.crsn--photo .crsn-caret{margin-left:-4px} /* the link's own 10px flex gap already separates it from the label */
.crsn .crsn-menu{display:none;position:absolute;top:100%;right:0;z-index:70;min-width:210px;margin-top:6px;padding:6px 0;background:#fff;
  border:1px solid var(--color1);border-radius:8px;box-shadow:0 12px 32px rgba(0,0,0,.35);text-align:left}
.crsn .crsn-dd.open .crsn-menu{display:block}
.crsn .crsn-menu a{display:block;padding:11px 18px;font-family:var(--cr-f1,inherit);font-weight:400;font-size:17px;line-height:1.25;color:var(--color1);
  text-decoration:none;white-space:nowrap;transition:background-color .15s ease,color .15s ease}
.crsn .crsn-menu a:is(:hover,:focus-visible){background:var(--color1);color:#fff;text-decoration:none}
/* The panel hangs from the toggle's RIGHT edge (the guide's hangs from the left): this nav sits at the right of the header, and a left-hung
   panel ran past the screen edge on /players at 1440 and on the tournament pages at 992 (measured). Narrow screens: from the nav's right edge. */
@media(max-width:700px){
  .crsn .crsn-dd{position:static}
}