/* 30 Oct 2026 | Desktop-only Player Bio clarity and draft presentation.
   No mobile layout changes. No logos, roster eligibility, stats or memorial edits.
   This stylesheet loads AFTER the existing Player Bio and memorial styles. */
.les-premium-draft, .les-desktop-current-team, .les-season-team-context { display: none; }
@media (min-width: 769px) {
  .player-page .les-bio-desktop-upgrade > .player-meta .player-meta-team,
  .player-page .les-bio-desktop-upgrade > .player-meta .player-meta-team + .player-meta-sep {
    display: none !important; /* Old selected-season team must not masquerade as current team. */
  }
  .player-page .les-bio-desktop-upgrade > .player-draft-season-row {
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    min-width: 0 !important;
    width: 100% !important;
    margin-bottom: 8px !important;
  }
  .player-page .les-bio-desktop-upgrade .player-draft-injury-row {
    display: grid !important;
    grid-template-columns: minmax(150px, .85fr) minmax(0, 1.65fr) !important;
    gap: 10px !important;
    align-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  .player-page .les-bio-desktop-upgrade .les-desktop-current-team,
  .player-page .les-bio-desktop-upgrade .les-premium-draft {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    min-width: 0;
    border: 1px solid rgba(145,174,222,.22);
    border-radius: 9px;
    background: linear-gradient(115deg,rgba(19,41,75,.78),rgba(10,24,46,.86));
    padding: 13px 14px;
    font-family: 'Barlow',sans-serif;
  }
  .player-page .les-bio-desktop-upgrade .les-identity-eyebrow,
  .player-page .les-bio-desktop-upgrade .les-draft-eyebrow {
    color: #8da8c7;
    font: 700 10px/1.2 'Barlow',sans-serif;
    letter-spacing: .11em;
    margin-bottom: 8px;
  }
  .player-page .les-bio-desktop-upgrade .les-identity-main {
    color: #f5f8ff;
    font: 700 clamp(14px,1.15vw,18px)/1.2 'Barlow',sans-serif;
    overflow-wrap: anywhere;
  }
  .player-page .les-bio-desktop-upgrade .les-identity-detail {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    color: #9db8d5;
    font: 500 11px/1.45 'Barlow',sans-serif;
    margin-top: 7px;
  }
  .player-page .les-bio-desktop-upgrade .les-status-dot {
    display: inline-block;
    flex: 0 0 7px;
    width: 7px;
    height: 7px;
    margin-top: 4px;
    border-radius: 50%;
    background: #839dbb;
  }
  .player-page .les-bio-desktop-upgrade .les-status--active .les-status-dot { background: #32c98b; }
  .player-page .les-bio-desktop-upgrade .les-status--outside .les-status-dot { background: #a8b8ca; }
  .player-page .les-bio-desktop-upgrade .les-status--historical .les-status-dot { background: #b7c7d9; }
  .player-page .les-bio-desktop-upgrade .player-draft-summary-card {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .player-page .les-bio-desktop-upgrade .player-draft-summary-card > .player-draft-row { display: none !important; }
  /* The verified premium panel already shows Undrafted / loading / unavailable.
     Hide only the legacy fallback text so it cannot overlap Compare. */
  .player-page .les-bio-desktop-upgrade .player-draft-summary-card > .player-draft-empty { display: none !important; }
  .player-page .les-bio-desktop-upgrade .les-premium-draft { height: 100%; }
  .player-page .les-bio-desktop-upgrade .les-draft-grid {
    display: grid;
    grid-template-columns: minmax(0,.7fr) minmax(0,.7fr) minmax(0,.8fr) minmax(0,1.5fr);
    gap: 0;
    width: 100%;
    min-width: 0;
    text-decoration: none;
  }
  .player-page .les-bio-desktop-upgrade .les-draft-cell {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 5px;
    padding: 0 7px;
    border-right: 1px solid rgba(145,174,222,.15);
  }
  .player-page .les-bio-desktop-upgrade .les-draft-cell:first-child { padding-left: 0; }
  .player-page .les-bio-desktop-upgrade .les-draft-cell:last-child { padding-right: 0; border-right: 0; }
  .player-page .les-bio-desktop-upgrade .les-draft-cell span {
    color: #8da8c7;
    font: 600 9px/1.25 'Barlow',sans-serif;
    letter-spacing: .03em;
  }
  .player-page .les-bio-desktop-upgrade .les-draft-cell strong {
    color: #f5f8ff;
    font: 700 clamp(12px,.95vw,15px)/1.25 'Barlow',sans-serif;
    overflow-wrap: anywhere;
  }
  .player-page .les-bio-desktop-upgrade .les-draft-grid:hover .les-draft-cell strong { color: #a7d0ff; }
  .player-page .les-bio-desktop-upgrade .les-draft-placeholder,
  .player-page .les-bio-desktop-upgrade .les-draft-foot {
    color: #aec3dd;
    font: 500 12px/1.5 'Barlow',sans-serif;
  }
  .player-page .les-bio-desktop-upgrade .les-draft-undrafted {
    color: #f5f8ff;
    font: 700 18px/1.2 'Barlow',sans-serif;
  }
  .player-page .les-bio-desktop-upgrade .player-season-compare-row {
    margin: 0 !important;
    justify-content: flex-start !important;
    align-self: flex-start;
  }
  .player-page .les-bio-desktop-upgrade .les-season-team-context {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 6px 10px;
    margin-top: 7px;
    font-family: 'Barlow',sans-serif;
  }
  .player-page .les-bio-desktop-upgrade .les-season-team-context > span {
    color: #90abc9;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .06em;
  }
  .player-page .les-bio-desktop-upgrade .les-season-team-context > strong {
    color: #e5f0ff;
    font-size: 12px;
    font-weight: 600;
  }
}
@media (min-width: 769px) and (max-width: 1399px) {
  .player-page .les-bio-desktop-upgrade .player-draft-injury-row {
    grid-template-columns: minmax(0,1fr) !important;
  }
  .player-page .les-bio-desktop-upgrade .les-premium-draft { min-height: 92px; }
}

/* 30 Oct 2026 | Desktop visual refinement, pass 2.
   Presentation only. All selectors are restricted to the existing Player Bio
   markup. No changes to player data, team status, draft verification, season
   eligibility, injuries, memorials, navigation or mobile layouts.
   The memorial/legacy hero grid is deliberately excluded. */
@media (min-width: 1200px) {
  /* Match the memorial/legacy desktop metadata chips exactly for active players:
     same padding, inter-chip spacing, type weight, and height. Leave the
     memorial/legacy rules and all other desktop/mobile components untouched. */
  .player-page .les-bio-desktop-upgrade:not(.player-hero--memorial):not(.player-hero--legacy) > .player-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    align-content: flex-start !important;
    gap: 7px !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 4px 0 8px !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }
  .player-page .les-bio-desktop-upgrade:not(.player-hero--memorial):not(.player-hero--legacy) > .player-meta > .player-meta-sep {
    display: none !important;
  }
  .player-page .les-bio-desktop-upgrade:not(.player-hero--memorial):not(.player-hero--legacy) > .player-meta > .player-meta-item:not(.player-meta-team) {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    min-width: 0 !important;
    width: auto !important;
    margin: 0 !important;
    padding: 5px 8px !important;
    border: 1px solid rgba(125,152,188,.22) !important;
    border-radius: 7px !important;
    background: rgba(5,13,27,.5) !important;
    color: #c5d0e2 !important;
    font: 400 12px/1.25 'Barlow',sans-serif !important;
    min-height: 27px !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
  }
  /* Current team remains in its separate, authoritative status card. */
  .player-page .les-bio-desktop-upgrade:not(.player-hero--memorial):not(.player-hero--legacy) > .player-meta > .player-meta-team {
    display: none !important;
  }
  .player-page .les-bio-desktop-upgrade:not(.player-hero--memorial):not(.player-hero--legacy) > .player-meta > .player-meta-country .player-flag {
    flex: 0 0 auto !important;
  }
  /* Preserve the pre-existing decorative label styling on memorial and
     legacy profiles exactly as it was before this correction. */
  .player-page .les-bio-desktop-upgrade > .player-meta > .player-meta-size::before,
  .player-page .les-bio-desktop-upgrade > .player-meta > .player-meta-number::before,
  .player-page .les-bio-desktop-upgrade > .player-meta > .player-meta-position::before {
    display: block !important;
    color: #91abc9 !important;
    font: 700 9px/1.2 'Barlow',sans-serif !important;
    letter-spacing: .06em !important;
    white-space: nowrap !important;
  }
  /* Match the original compact inline labels, not stacked headings. */
  .player-page .les-bio-desktop-upgrade:not(.player-hero--memorial):not(.player-hero--legacy) > .player-meta > .player-meta-size::before,
  .player-page .les-bio-desktop-upgrade:not(.player-hero--memorial):not(.player-hero--legacy) > .player-meta > .player-meta-number::before,
  .player-page .les-bio-desktop-upgrade:not(.player-hero--memorial):not(.player-hero--legacy) > .player-meta > .player-meta-position::before {
    display: inline-block !important;
    color: #91abc9 !important;
    font: 700 9px/1.2 'Barlow',sans-serif !important;
    letter-spacing: .06em !important;
    white-space: nowrap !important;
  }
  .player-page .les-bio-desktop-upgrade > .player-meta > .player-meta-size::before { content: 'HEIGHT · WEIGHT' !important; }
  .player-page .les-bio-desktop-upgrade > .player-meta > .player-meta-number::before { content: 'NUMBER' !important; }
  .player-page .les-bio-desktop-upgrade > .player-meta > .player-meta-position::before { content: 'POSITION' !important; }

  /* Give the status and draft a single aligned visual rhythm. */
  .player-page .les-bio-desktop-upgrade:not(.player-hero--memorial):not(.player-hero--legacy) > .player-draft-season-row {
    top: 0 !important;
    margin: 0 !important;
    gap: 9px !important;
    align-items: stretch !important;
  }
  .player-page .les-bio-desktop-upgrade:not(.player-hero--memorial):not(.player-hero--legacy) .player-draft-injury-row {
    grid-template-columns: minmax(0, .96fr) minmax(0, 1.5fr) !important;
    gap: 9px !important;
  }
  .player-page .les-bio-desktop-upgrade .les-desktop-current-team,
  .player-page .les-bio-desktop-upgrade .les-premium-draft {
    min-height: 80px !important;
    padding: 9px 12px !important;
    border-color: rgba(129,164,210,.26) !important;
    background: linear-gradient(135deg,rgba(14,40,73,.83),rgba(7,25,48,.94)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
  }
  .player-page .les-bio-desktop-upgrade .les-identity-eyebrow,
  .player-page .les-bio-desktop-upgrade .les-draft-eyebrow {
    margin-bottom: 5px !important;
    font-size: 10px !important;
  }
  .player-page .les-bio-desktop-upgrade .les-identity-main {
    font-size: clamp(15px,1.25vw,19px) !important;
    line-height: 1.2 !important;
  }
  .player-page .les-bio-desktop-upgrade .les-identity-detail {
    margin-top: 5px !important;
    color: #b6c9df !important;
    font-size: 11px !important;
  }
  .player-page .les-bio-desktop-upgrade .les-draft-cell {
    gap: 6px !important;
    padding-inline: 9px !important;
  }
  .player-page .les-bio-desktop-upgrade .les-draft-cell strong {
    font-size: clamp(12px,1vw,16px) !important;
    line-height: 1.3 !important;
  }
  .player-page .les-bio-desktop-upgrade:not(.player-hero--memorial):not(.player-hero--legacy) .player-season-compare-row {
    display: block !important;
    width: 100% !important;
    align-self: stretch !important;
  }
  .player-page .les-bio-desktop-upgrade:not(.player-hero--memorial):not(.player-hero--legacy) .player-season-compare-row .compare-this-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 210px !important;
    max-width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    box-sizing: border-box !important;
    margin: 0 auto !important;
    padding: 8px 14px !important;
    border: 1px solid rgba(139,171,214,.31) !important;
    border-radius: 8px !important;
    background: linear-gradient(105deg,rgba(22,49,85,.75),rgba(12,35,65,.86)) !important;
    font: 700 13px/1.2 'Barlow',sans-serif !important;
  }
}

/* On very wide desktops, rebalance the hero toward the mock-up: a tidy
   portrait, more usable room for biography, and the original three live cards
   on the right. Do not touch the memorial/legacy grids or phone rules. */
@media (min-width: 1400px) {
  .player-page .les-bio-desktop-upgrade:not(.player-hero--memorial):not(.player-hero--legacy) {
    grid-template-columns: 165px minmax(0, 1fr) minmax(435px, .94fr) !important;
    column-gap: 21px !important;
    row-gap: 4px !important;
    padding: 22px 24px 17px !important;
  }
  .player-page .les-bio-desktop-upgrade:not(.player-hero--memorial):not(.player-hero--legacy) > .player-hero-photo {
    width: 165px !important;
    min-width: 165px !important;
    max-width: 165px !important;
    height: 238px !important;
    min-height: 238px !important;
    max-height: 238px !important;
  }
  .player-page .les-bio-desktop-upgrade:not(.player-hero--memorial):not(.player-hero--legacy) > .player-name {
    margin-bottom: 7px !important;
    font-size: clamp(35px,2.9vw,44px) !important;
  }
  .player-page .les-bio-desktop-upgrade:not(.player-hero--memorial):not(.player-hero--legacy) > .player-tier-row {
    margin-bottom: 5px !important;
  }
  .player-page .les-bio-desktop-upgrade:not(.player-hero--memorial):not(.player-hero--legacy) > .hero-stat-pair {
    align-self: start !important;
  }
}

/* Medium desktop has less room: retain the existing single-column status /
   draft arrangement rather than squeezing values into unreadable cells. */
@media (min-width: 1200px) and (max-width: 1399px) {
  .player-page .les-bio-desktop-upgrade:not(.player-hero--memorial):not(.player-hero--legacy) .player-draft-injury-row {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* 30 Oct 2026 | Centre the existing Compare button beneath the two info panels.
   Desktop only, including memorial and legacy profiles. No sizing or data changes. */
@media (min-width: 769px) {
  .player-page .les-bio-desktop-upgrade .player-season-compare-row {
    width: 100% !important;
    align-self: stretch !important;
    justify-content: center !important;
    text-align: center !important;
    margin-top: 8px !important; /* Extra breathing room below Status and Draft; desktop only. */
  }
}

/* 31 Oct 2026 | Active-player desktop metadata: keep country on the same row.
   Preserve chip font, height, colours and layout; tighten horizontal spacing
   only at wide desktop widths. Memorial and mobile profiles are untouched. */
@media (min-width: 1400px) {
  .player-page .les-bio-desktop-upgrade:not(.player-hero--memorial):not(.player-hero--legacy) > .player-meta {
    column-gap: 4px !important;
  }
  .player-page .les-bio-desktop-upgrade:not(.player-hero--memorial):not(.player-hero--legacy) > .player-meta > .player-meta-item:not(.player-meta-team) {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
}
