/* Spielerprofil – ein System für alle Teile:
   Abstände 4/8/12/16/24 · linke Kante 15 px · eckig · Trennlinien 1 px #ececef
   Zelle: Beschriftung 11 px Großbuchstaben grau → Wert fett → Zusatz 12 px
   Liste: Bild 36 px feste Spalte · Hauptzeile fett · Nebenzeile grau · rechts Wert */

.fi-playerpage { --pl-line: #ececef; --pl-muted: #6b6f76; --pl-pink: #e6197a; background: #fff; }

/* ---------- Kopf ---------- */
.fi-pl-hero { position: relative; display: flex; align-items: flex-start; gap: 16px; padding: 24px 15px; overflow: hidden; background: linear-gradient(135deg, #e10033 0%, #b3124a 55%, #7c0d40 100%); color: #fff; }
.fi-pl-bignum { position: absolute; right: -8px; bottom: -34px; color: rgba(255, 255, 255, .1); font-size: 180px; font-weight: 900; line-height: 1; letter-spacing: -.06em; pointer-events: none; }
.fi-pl-side { position: relative; flex: none; display: flex; flex-direction: column; gap: 8px; width: 116px; }
.fi-pl-photo { position: relative; width: 116px; height: 144px; overflow: hidden; background: #fff; }
.fi-pl-photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.fi-pl-id { position: relative; min-width: 0; }
.fi-pl-id h1 { display: flex; flex-direction: column; margin: 0; font-size: 28px; font-weight: 900; line-height: 1; letter-spacing: -.03em; text-transform: uppercase; }
.fi-pl-id h1 small { margin-bottom: 4px; font-size: 14px; font-weight: 600; letter-spacing: 0; text-transform: none; opacity: .9; }
.fi-pl-club { display: flex; align-items: center; gap: 8px; margin: 8px 0 0; font-size: 13px; font-weight: 700; }
.fi-pl-club img { width: 18px; height: 18px; object-fit: contain; }
.fi-pl-chips { display: flex; flex-wrap: wrap; gap: 4px; margin: 12px 0 0; padding: 0; list-style: none; }
.fi-pl-chips li { padding: 4px 8px; background: rgba(255, 255, 255, .16); font-size: 12px; font-weight: 700; line-height: 1.2; white-space: nowrap; }
.fi-pl-chips .is-injured { background: #fff; color: #d6283b; }

/* ---------- Zellen (überall gleich) ---------- */
.fi-pl-cells { display: grid; grid-auto-columns: minmax(0, 1fr); grid-auto-flow: column; }
.fi-pl-cell { display: flex; flex-direction: column; gap: 4px; min-width: 0; padding: 12px 15px; }
.fi-pl-cell + .fi-pl-cell { border-left: 1px solid var(--pl-line); }
.fi-pl-cell > span { color: var(--pl-muted); font-size: 11px; font-weight: 800; letter-spacing: .1em; line-height: 1; text-transform: uppercase; white-space: nowrap; }
.fi-pl-cell > b { color: #111; font-size: 20px; font-weight: 800; line-height: 1.1; letter-spacing: -.02em; font-variant-numeric: tabular-nums; white-space: nowrap; }
.fi-pl-cell > small { display: flex; align-items: center; gap: 4px; color: var(--pl-muted); font-size: 12px; font-weight: 600; line-height: 1.2; white-space: nowrap; }

/* Marktwert + Note: direkt unter dem Kopf, etwas größer */
.fi-pl-cells--key { border-bottom: 1px solid var(--pl-line); }
.fi-pl-cells--key .fi-pl-cell { padding: 16px 15px; }
.fi-pl-cells--key .fi-pl-cell > b { font-size: 26px; }
.fi-pl-cells--key .fi-pl-cell:first-child > b { color: var(--pl-pink); }
.fi-pl-trend.is-up { color: #1e9e57; }
.fi-pl-trend.is-down { color: #d6283b; }
.fi-pl-trend.is-flat { color: var(--pl-muted); }
.is-note-is-great { color: #1e9e57 !important; }
.is-note-is-good { color: #4f9d2c !important; }
.is-note-is-ok { color: #c77d00 !important; }
.is-note-is-weak, .is-note-is-bad { color: #d6283b !important; }

/* Saison-Zeile */
.fi-pl-season { border-bottom: 1px solid var(--pl-line); }
.fi-pl-season .fi-pl-kicker { padding-bottom: 0; }
.fi-pl-season .fi-pl-cell { padding-top: 8px; padding-bottom: 16px; }

/* Unter-Zellen (Statistik, Transfers) auf grauem Grund */
.fi-pl-cells--sub { margin: 0 15px 8px; background: #f4f4f6; }
.fi-pl-cells--sub .fi-pl-cell { padding: 12px; }
.fi-pl-cells--sub .fi-pl-cell + .fi-pl-cell { border-left-color: #e3e4e7; }
.fi-pl-cells--sub .fi-pl-cell > b { font-size: 18px; }

.fi-pl-kicker { margin: 0; padding: 16px 15px 8px; color: var(--pl-pink); font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }

/* ---------- Reiter ---------- */
.fi-pl-tabs { grid-template-columns: repeat(4, 1fr) !important; }
.fi-pl-tabs .fi-tab { font-size: 14px; }

/* ---------- Steckbrief ---------- */
.fi-pl-facts { margin: 0 15px; }
.fi-pl-facts div { display: flex; justify-content: space-between; gap: 16px; padding: 12px 0; border-bottom: 1px solid var(--pl-line); font-size: 14.5px; }
.fi-pl-facts dt { color: var(--pl-muted); }
.fi-pl-facts dd { margin: 0; color: #111; font-weight: 700; text-align: right; }
.fi-pl-button { display: flex; align-items: center; justify-content: center; width: calc(100% - 30px); height: 44px; margin: 16px 15px 24px; border: 1px solid var(--pl-pink); background: #fff; color: var(--pl-pink); cursor: pointer; font-family: inherit; font-size: 13px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }

/* ---------- Statistik ---------- */
.fi-pl-seasons { display: flex; gap: 8px; padding: 16px 15px 12px; overflow-x: auto; }
.fi-pl-seasons button { flex: none; height: 32px; padding: 0 12px; border: 1px solid var(--pl-line); background: #fff; color: #3a3a40; cursor: pointer; font-family: inherit; font-size: 13px; font-weight: 700; font-variant-numeric: tabular-nums; }
.fi-pl-seasons button[aria-pressed="true"] { border-color: #111; background: #111; color: #fff; }
.fi-pl-table { width: calc(100% - 30px); margin: 8px 15px 0; border-collapse: collapse; font-size: 14px; font-variant-numeric: tabular-nums; }
.fi-pl-table th { padding: 8px 4px; border-bottom: 1px solid #111; color: var(--pl-muted); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-align: right; text-transform: uppercase; }
.fi-pl-table th:first-child, .fi-pl-table td:first-child { padding-left: 0; text-align: left; }
.fi-pl-table th:last-child, .fi-pl-table td:last-child { padding-right: 0; }
.fi-pl-table td { padding: 12px 4px; border-bottom: 1px solid var(--pl-line); text-align: right; }
.fi-pl-table tr.is-national td { color: var(--pl-muted); }
.fi-pl-comp { display: flex; align-items: center; gap: 12px; }
.fi-pl-comp > span:last-child { display: flex; flex-direction: column; line-height: 1.25; }
.fi-pl-comp small { color: var(--pl-muted); font-size: 12px; }
.fi-pl-foot { margin: 8px 15px 24px; color: var(--pl-muted); font-size: 12px; }

/* Logos: immer gleiche Fläche, Seitenverhältnis bleibt */
.fi-pl-logo { display: grid; place-items: center; flex: none; width: 24px; height: 24px; }
.fi-pl-logo img { display: block; max-width: 24px; max-height: 24px; width: auto; height: auto; }
.fi-pl-logo--lg { width: 36px; height: 36px; }
.fi-pl-logo--lg img { max-width: 36px; max-height: 36px; }

/* ---------- Transfers: Liste ---------- */
.fi-pl-list { margin: 8px 15px 24px; padding: 0; list-style: none; }
.fi-pl-list li { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--pl-line); }
.fi-pl-list-main, .fi-pl-list-side { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.fi-pl-list-main b { overflow: hidden; color: #111; font-size: 15px; font-weight: 800; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.fi-pl-list-main small { overflow: hidden; color: var(--pl-muted); font-size: 12.5px; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.fi-pl-list-side { align-items: flex-end; text-align: right; }
.fi-pl-list-side b { color: #111; font-size: 14px; font-weight: 800; line-height: 1.2; white-space: nowrap; }
.fi-pl-list-side b.is-money { color: var(--pl-pink); }
.fi-pl-list-side small { color: var(--pl-muted); font-size: 12px; line-height: 1.2; white-space: nowrap; }

/* Lieblingsspieler: Folgen-Knopf im Kopf */
.fi-pl-follow { display: flex; align-items: center; justify-content: center; gap: 6px; width: 100%; height: 32px; margin: 0; padding: 0 8px; border: 1px solid rgba(255, 255, 255, .7); background: transparent; color: #fff; cursor: pointer; font-family: inherit; font-size: 12.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.fi-pl-follow svg path { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linejoin: round; }
.fi-pl-follow[aria-pressed="true"] { border-color: #fff; background: #fff; color: #e6197a; }
.fi-pl-follow[aria-pressed="true"] svg path { fill: currentColor; }
.fi-pl-follow.is-busy { opacity: .6; pointer-events: none; }

/* ======================= Computer (ab 1024 px): Inhalt in 1280 px (Platz für Werbung links/rechts),
 * roter Kopf als Kasten, Kennzahlen in einer Zeile, Übersicht zweispaltig, News als Raster. Handy unverändert. ======================= */
@media (min-width: 1024px) {
	.fi-playerpage :is(.fi-pl-hero, .fi-pl-stats, .fi-pl-tabs, .fi-panel) { max-width: calc(var(--w-max) - 2 * var(--w-pad)); margin-inline: auto; box-sizing: border-box; }

	/* Kopf */
	.fi-pl-hero { align-items: center; gap: 32px; margin-top: 24px; padding: 28px 32px; }
	.fi-pl-side { width: 150px; }
	.fi-pl-photo { width: 150px; height: 186px; }
	.fi-pl-id h1 { font-size: 56px; }
	.fi-pl-id h1 small { margin-bottom: 6px; font-size: 18px; }
	.fi-pl-club { margin-top: 12px; font-size: 15px; }
	.fi-pl-club img { width: 22px; height: 22px; }
	.fi-pl-chips { gap: 6px; margin-top: 16px; }
	.fi-pl-chips li { padding: 6px 10px; font-size: 13.5px; }
	.fi-pl-bignum { right: 24px; bottom: -40px; font-size: 260px; }

	/* Marktwert + Note | Saisonzahlen in einer Zeile */
	.fi-pl-stats { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 4fr); border-bottom: 1px solid var(--pl-line); }
	.fi-pl-stats .fi-pl-cells--key { border-bottom: 0; }
	.fi-pl-stats .fi-pl-cell { padding: 20px 24px; }
	.fi-pl-stats .fi-pl-cells--key .fi-pl-cell:first-child { padding-left: 0; }
	.fi-pl-stats .fi-pl-season { display: flex; flex-direction: column; border-bottom: 0; border-left: 1px solid var(--pl-line); }
	.fi-pl-stats .fi-pl-season .fi-pl-kicker { padding: 20px 24px 0; }
	.fi-pl-stats .fi-pl-season .fi-pl-cell { padding-top: 8px; padding-bottom: 20px; }
	.fi-pl-stats .fi-pl-season .fi-pl-cell > b { font-size: 26px; }
	.fi-pl-stats .fi-pl-season .fi-pl-cell:last-child { padding-right: 0; }

	/* Reiter linksbündig wie auf der Spielseite */
	.fi-playerpage .fi-pl-tabs { display: flex !important; gap: 32px; justify-items: start; padding: 0; }
	.fi-playerpage .fi-pl-tabs .fi-tab { height: 54px; font-size: 16px; }

	/* Inhalte ohne die 15-px-Ränder vom Handy */
	.fi-playerpage .fi-panel { padding-bottom: 56px; }
	.fi-playerpage .fi-panel .fi-pl-kicker { padding: 28px 0 10px; font-size: 12px; }
	.fi-playerpage :is(.fi-pl-facts, .fi-pl-table, .fi-pl-list, .fi-pl-cells--sub, .fi-pl-foot) { width: auto; margin-left: 0; margin-right: 0; }
	.fi-playerpage .fi-pl-seasons { padding: 24px 0 12px; }
	.fi-playerpage .fi-pl-cells--sub { margin-bottom: 12px; }
	.fi-playerpage .fi-pl-cells--sub .fi-pl-cell { padding: 16px 20px; }
	.fi-playerpage .fi-pl-table { width: 100%; font-size: 15px; }
	.fi-playerpage .fi-pl-list li { padding: 14px 0; }
	.fi-playerpage .fi-empty-state { padding-inline: 0; }

	/* Übersicht: Steckbrief links, neueste News rechts */
	#fi-pl-uebersicht:has(.fi-pl-ov-news) { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 var(--w-gap); align-items: stretch; }
	.fi-pl-ov-news { display: flex; flex-direction: column; } /* Knopf unten bündig mit der letzten Steckbrief-Linie */
	#fi-pl-uebersicht[hidden] { display: none; }
	.fi-pl-facts div { padding: 13px 0; font-size: 15px; }
	.fi-pl-ov-news .fi-hitem a { padding-inline: 0; }
	.fi-pl-ov-news .fi-pl-button { width: 100%; margin: auto 0 0; }
	.fi-pl-ov-news .fi-hitem:nth-last-child(2) a { margin-bottom: 16px; }

	/* Reiter News: Raster wie auf den Rubrikseiten */
	#fi-pl-news:not([hidden]) { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px var(--w-gap); padding-top: 28px; }
	#fi-pl-news > :is(.fi-au-pages, .fi-empty-state) { grid-column: 1 / -1; }
	#fi-pl-news .fi-hitem a { flex-direction: column-reverse; justify-content: flex-end; align-items: stretch; gap: 14px; height: 100%; padding: 0; border-bottom: 0; }
	#fi-pl-news .fi-hitem-img { flex: none; width: 100%; height: auto; aspect-ratio: 3 / 2; }
	#fi-pl-news .fi-hitem-img img { object-position: 50% 25%; }
	#fi-pl-news .fi-hitem-text { flex: none; }
	#fi-pl-news .fi-hitem-title { font-size: 19px; line-height: 1.22; }
	#fi-pl-news .fi-hitem-meta { margin-top: 10px; font-size: 13px; }
	.fi-playerpage .fi-hitem a:hover .fi-hitem-title { color: #e6197a; text-decoration: none; }
}