/* CR PLAYERS — 2026-11-12 05:40 MST. Build 1.03. coloradorockettes.com/players (Content/Pages/players.html): player profiles for
   college coaches, opened from the QR code on the printed team sheet. Everything else on that page is the tournament
   system (css/custom-cr-tournament.css) and the player-card type (css/cr-player-card.css: .cr-pc-eyebrow / .cr-pc-val);
   this file only adds what those have no rule for: the photo + facts body, the header number, the jump strip, :target.
   Scoped to .crp (the page wrapper carries "cr crt crp"). */

/* three cards across: a card needs room for a 132px photo beside its facts. 1.03, Craig 2026-11-12 ("try 4 across on
   widescreen responsive"): four across from 1800px, where a card is still 400px+ wide. */
#cr-college-directory.crp #crt-college-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (min-width:1800px){#cr-college-directory.crp #crt-college-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:1180px){#cr-college-directory.crp #crt-college-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){#cr-college-directory.crp #crt-college-cards{grid-template-columns:minmax(0,1fr)}}

/* a shared link (/players#17) lands on the card with room above it, and marks it.
   1.03, Craig 2026-11-12 ("not a double line. make the pink thicker and it should touch the card edge"): 4px ring 4px off the
   card -> one 8px ring on the card edge, no gap. */
.crp .crp-player,.crp .crp-coaches{scroll-margin-top:20px}
.crp .crp-player:target,.crp .crp-coaches:target{outline:8px solid var(--pink,#ec6aa0);outline-offset:0}

/* jersey number on the purple header: the homepage / player-card silver JerseyM54 (js/cr-jersey.js), same fill + shadow
   as .cr-pc-plate .cr-jersey-svg. The text number underneath is the no-JS fallback. */
.crp .crp-num{flex:none;display:flex;align-items:center;justify-content:center;min-width:52px;height:52px;color:#b9bbbd;font:900 44px/1 "Londrina Solid",Impact,sans-serif}
.crp .crp-num .cr-jersey-svg{display:block;height:46px;width:auto;max-width:96px;fill:#b9bbbd;filter:drop-shadow(0 2px 3px rgba(8,0,22,.5))}

/* photo beside the facts; the facts use the player card's eyebrow + value type */
.crp .crp-body{display:grid;grid-template-columns:132px minmax(0,1fr);gap:18px;align-items:start;padding:22px 26px}
.crp .crp-photo{display:block;width:100%;height:auto;aspect-ratio:480/654;object-fit:cover;border-radius:10px;border:2px solid var(--color1,#31006f);background:var(--lav-2,#f3eef8)}
.crp .crp-facts{margin:0;display:grid;gap:12px;min-width:0}
.crp .crp-fact{min-width:0}
.crp .crp-facts dt.cr-pc-eyebrow{margin:0 0 2px}
.crp .crp-facts dd.cr-pc-val{margin:0;font-size:18px;line-height:1.3;color:var(--color1xd,#1d0042);overflow-wrap:anywhere}
/* a card with contact rows: the rows start under a rule, like the college staff list */
.crp .crp-player .crp-body + .crt-col-staff{border-top:1.5px dotted var(--rule);margin:0 26px;padding:4px 0 10px}
.crp .crp-coaches .crt-col-staff{padding-top:10px;padding-bottom:14px}
@media (max-width:560px){
  .crp .crp-body{grid-template-columns:112px minmax(0,1fr);gap:16px;padding:18px 20px}
  .crp .crp-player .crp-body + .crt-col-staff{margin:0 20px}
}

/* jump strip: one plate per jersey number plus C (coaches) = 15. A link, so a rounded rectangle (never a pill).
   1.02, Craig 2026-11-12 ("make #s larger to click ... xs mobile 3 rows of 5 (add C for coaches)"): plates 48 -> 68px tall,
   digits 24 -> 36px; five across / three rows; one row of 15 once the container can hold full-size plates. */
.crp .crp-jump{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;max-width:520px;margin:30px auto 0}
@media (min-width:1180px){.crp .crp-jump{grid-template-columns:repeat(15,minmax(0,1fr));max-width:none}}
.crp .crp-jump-a{display:flex;align-items:center;justify-content:center;min-height:68px;border-radius:var(--ButtonBorderRadius,10px);background:var(--color1,#31006f);color:#b9bbbd;text-decoration:none;font:900 38px/1 "Londrina Solid",Impact,sans-serif}
.crp .crp-jump-a:hover{background:var(--color1xd,#1d0042);color:#b9bbbd}
.crp .crp-jump-a:focus-visible{outline:3px solid var(--pinkd,#b0145a);outline-offset:3px}
.crp .crp-jump-n{display:flex;align-items:center;justify-content:center}
.crp .crp-jump-n .cr-jersey-svg{display:block;height:36px;width:auto;fill:#b9bbbd}
.crp .crp-links{max-width:760px;margin:44px auto 0;padding-left:0;padding-right:0}
.crp .crt-col-src{text-align:center}

/* 1.01: the header nav is hidden on a phone (tournament css), so the intro sentence carries the Coaches jump as a link;
   a phone and an email in one contact row sit a thumb apart, not 2px. */
.crp .crt-col-intro .crt-sub a{color:var(--attention,#00aeef);text-decoration:none}
/* 1.03, Craig 2026-11-12 ("do NOT underline links, instead make default link ... bright blue"): the intro link above and every
   email / phone link lose the underline and take the site's bright blue, --attention (--color4 is gray on this site).
   The id beats .crt .crt-col-mail and its :hover in custom-cr-tournament.css, which other tournament pages still use. */
#cr-college-directory.crp .crt-col-mail{color:var(--attention,#00aeef);text-decoration:none}
#cr-college-directory.crp .crt-col-mail:hover,#cr-college-directory.crp .crt-col-mail:focus,.crp .crt-col-intro .crt-sub a:hover{color:var(--pinkd,#b0145a);text-decoration:none}
.crp .crt-col-reach{gap:10px}