/* Spillersidens afsnit, der ikke findes på tennissporten: highlights, nøgletal med sæsonvælger og
   turneringer og titler. Bygger på tdh-layout/players-variablerne. */

/* Highlights */
.bp-hl-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 16px; }
.bp-hl { display: flex; flex-direction: column; background: #fff; border-radius: 10px; overflow: hidden; text-decoration: none;
	color: inherit; box-shadow: 0 1px 3px rgba(0,0,0,.08); transition: box-shadow .15s; }
.bp-hl:hover { box-shadow: 0 4px 14px rgba(0,0,0,.14); }
.bp-hl-img { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: #0f5c5c; }
.bp-hl-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.bp-hl-img i { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #fff; }
.bp-hl-img i svg { width: 44px; height: 44px; filter: drop-shadow(0 1px 3px rgba(0,0,0,.6)); }
.bp-hl-txt { padding: 10px 12px 12px; display: flex; flex-direction: column; gap: 4px; }
.bp-hl-txt b { font-size: 16px; line-height: 1.25; }
.bp-hl-txt small { font-size: 13px; color: #6b7280; }

/* Nøgletal: tennissidens underlagskort, seks i stedet for tre. [hidden] skal slå .tdh-surface-grid's display: grid */
[data-season-panel][hidden] { display: none !important; }
.bp-kf .tdh-surface-card { border-top: 3px solid var(--primary); }
/* Turneringer og titler: titeltabellens størrelse (tdh-lt-titler) og jævnt fordelte kolonner */
.bp-best { table-layout: fixed; width: 100%; }
.bp-best col.bp-c-name { width: 34%; }
.bp-best col.bp-c-res { width: 38%; }
.bp-best col.bp-c-num { width: 14%; }
.tdh-l.tdh-lt-root .tdh-lt-titler .bp-best th.bp-num,
.tdh-l.tdh-lt-root .tdh-lt-titler .bp-best td.bp-num { text-align: center; padding-left: 8px; padding-right: 8px; }
.bp-best th { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bp-best td.bp-gold { color: #9a6b00; font-weight: 700; }
.bp-best td.bp-muted { color: var(--text-muted); font-weight: 600; }

@media (max-width: 760px) {
	.tdh-surface-grid.bp-kf { grid-template-columns: 1fr 1fr; gap: 10px; }
	.bp-kf .tdh-surface-card { padding: 14px 8px; }
	.bp-kf .tdh-srecord { font-size: 22px; }
}

/* Turneringsside: disciplinfaner (fuldt navn på desktop, forkortelse på mobil), indlejret "Vis alle" pr. fane */
.bp-disc-tabs { flex-wrap: wrap; }
.bp-tab-short { display: none; }
.tdh-l .bp-sub-scope { padding: 0; margin: 0; content-visibility: visible; contain-intrinsic-size: none; background: none; }
.bp-data-note { margin: 14px 0 0; font-size: 14px; color: var(--tdh-l-muted, #6b7280); text-align: center; }
@media (max-width: 760px) {
	.bp-tab-long { display: none; }
	.bp-tab-short { display: inline; }
}

/* Verdensrangliste på spillersiden: overskrift pr. disciplin og doublepar på to linjer */
.bp-rank-h { font-size: 20px; font-weight: 700; margin: 18px 0 8px; }
.bp-r-names { display: inline-flex; flex-direction: column; gap: 2px; }
.bp-r-names .tdh-r-playername { display: block; line-height: 1.3; margin: 0; }

/* Turneringsside: titler pr. land */
.bp-sub-h { margin-top: 28px; }
.bp-country { table-layout: fixed; width: 100%; }
.bp-country th:first-child, .bp-country td:first-child { width: 34%; }
.tdh-l.tdh-lt-root .bp-country th.bp-num, .tdh-l.tdh-lt-root .bp-country td.bp-num { text-align: center; }
.bp-country .tdh-lt-flag { vertical-align: -3px; margin-right: 6px; }

/* Ranglistesiden: to flag ved double-par fra forskellige lande, og antal pladser ved pilen */
.bp-r-countries img + img { margin-left: -4px; }
.bp-r-delta { margin-left: 3px; font-size: 13px; font-weight: 600; }
@media (max-width: 700px) {
	.bp-rangliste .tdh-l.tdh-lt-root .tdh-r-table thead th { font-size: 14px; padding: 9px 8px; }
	.bp-rangliste .tdh-r-table tbody td { padding: 9px 6px; }
	.bp-rangliste .tdh-r-table { table-layout: fixed; width: 100%; }
	.bp-rangliste .tdh-r-table th:nth-child(1) { width: 40px; }
	.bp-rangliste .tdh-r-table th:nth-child(3) { width: 74px; }
	.bp-rangliste .tdh-r-table th.tdh-r-th-points { width: 76px; }
	.bp-rangliste .tdh-r-playername { white-space: normal; overflow-wrap: anywhere; }
	.bp-rangliste .tdh-r-points { width: auto; white-space: nowrap; }
}

/* Oversigterne (spillere, turneringer): tekstkolonner venstrestillet, ingen pile */
.bp-ov-table td.tdh-r-age, .bp-ov-table td.tdh-r-points, .bp-ov-table td.tdh-r-move { white-space: nowrap; }
.bp-ov-table td.tdh-r-move.same { color: inherit; font-weight: 600; }
.bp-ov-table td.tdh-r-points small { font-weight: 400; color: var(--tdh-l-muted, #6b7280); }