/* ═══ Rubrik Profis (inc/profis.php) ═════════════════════════════
   Zusammengesetzt aus den Bausteinen des Registers: Platte (.sh-platte),
   Raster (.sh-raster), Flagge, Beschriftung. Die Spielerkarte hat dasselbe
   Seitenverhaeltnis wie eine Produktkachel - kommt das Foto (bild_id),
   aendert sich am Raster nichts. Kein Radius, kein Schatten. */

.sh-profis-kopf .sh-h1 { margin-top: 16px; }
.sh-profis-kopf .sh-text { margin-top: 10px; }
.sh-profis-kopf .sh-klein { margin-top: 6px; }

/* Karte */
.sh-spieler-raster { list-style: none; margin: 0; padding: 0; }
.sh-spieler { position: relative; display: flex; flex-direction: column; }
.sh-spieler-bild { aspect-ratio: 4 / 5; }
.sh-spieler-bild img { padding: 8% 14%; transition: transform .35s ease; }
/* Ein Foto fuellt die Platte; ein Schlaegerbild steht frei darauf. */
.sh-spieler-mit-foto .sh-spieler-bild img { padding: 0; object-fit: cover; mix-blend-mode: normal; }
.sh-spieler:hover .sh-spieler-bild img { transform: scale(1.04); }
.sh-spieler-platz { position: absolute; top: 10px; left: 10px; z-index: 2; pointer-events: none; }
/* Logo unten rechts im Bild: oben stiess es an die Flagge "Nr. 1 Herren"
   (D16). Das Bild ist 4:5, also 125 % der Kartenbreite hoch. */
.sh-spieler { container-type: inline-size; }
.sh-spieler-logo { position: absolute; top: calc(125cqw - 36px); right: 12px; z-index: 2; width: auto; max-width: 34%; height: 24px; object-fit: contain; pointer-events: none; mix-blend-mode: multiply; }
.sh-spieler-info { display: flex; flex-direction: column; gap: 4px; padding-top: 12px; }
.sh-spieler-name {
  font-size: 1.25rem; line-height: 1; font-weight: var(--pc-gewicht-sport); font-stretch: var(--pc-breite-sport);
  text-transform: uppercase; color: var(--sh-text); text-decoration: none;
}
/* Die ganze Karte ist das Ziel, wie bei der Produktkachel. */
.sh-spieler-name::after { content: ''; position: absolute; inset: 0; z-index: 1; }
.sh-spieler-name:hover { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: .12em; }
.sh-spieler:has(.sh-spieler-name:focus-visible) .sh-spieler-bild { outline: 2px solid var(--sh-akzent); outline-offset: -2px; }
.sh-spieler-name:focus-visible { outline: 0; }
.sh-spieler-land { font-size: .8125rem; color: var(--sh-text); }
@media (prefers-reduced-motion: reduce) { .sh-spieler-bild img { transition: none; } .sh-spieler:hover .sh-spieler-bild img { transform: none; } }

/* Spielerseite: Kopf */
.sh-spieler-kopf { display: grid; gap: 28px; grid-template-columns: minmax(0, 1fr); margin: 20px 0 var(--sh-takt); }
@media (min-width: 900px) { .sh-spieler-kopf { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 48px; align-items: start; } }
.sh-spieler-kopf-bild { aspect-ratio: 4 / 5; --sh-e: var(--pc-sport-ecke-bild); }
.sh-spieler-kopf-bild img { padding: 8% 16%; }
.sh-spieler-kopf-text .sh-h1 { margin-top: 10px; }
.sh-spieler-fakten { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 22px; margin: 16px 0 0; padding: 0; list-style: none; font-size: .9375rem; }
.sh-spieler-fakten li { display: inline-flex; align-items: center; gap: 8px; }
.sh-spieler-kopf-marke { display: inline-flex; align-items: center; gap: 10px; color: var(--sh-text); text-decoration: none; font-weight: var(--pc-gewicht-halb); }
.sh-spieler-kopf-marke img { height: 22px; width: auto; }
.sh-spieler-kopf-marke:hover span { text-decoration: underline; }
.sh-spieler-portraet { margin-top: 20px; }
.sh-spieler-portraet p + p { margin-top: .8em; }
.sh-spieler-schlaeger {
  display: grid; grid-template-columns: 88px minmax(0, 1fr) auto; gap: 16px; align-items: center;
  margin-top: 28px; padding: 16px; background: var(--sh-flaeche); color: var(--sh-text); text-decoration: none;
}
.sh-spieler-schlaeger .sh-platte { width: 88px; aspect-ratio: 1; }
.sh-spieler-schlaeger .sh-platte img { padding: 6px; }
.sh-spieler-schlaeger-text { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.sh-spieler-schlaeger-name { font-weight: var(--pc-gewicht-halb); }
.sh-spieler-schlaeger:hover .sh-spieler-schlaeger-name { text-decoration: underline; }
@media (max-width: 599px) { .sh-spieler-schlaeger { grid-template-columns: 72px minmax(0, 1fr); } .sh-spieler-schlaeger .sh-tat { grid-column: 1 / -1; } .sh-spieler-schlaeger .sh-platte { width: 72px; } }
.sh-spieler-ausruestung .sh-h2 { margin-bottom: 18px; }

/* Produktseite: "Gespielt von …" */
.sh-gespielt-von { display: flex; align-items: center; gap: 8px; margin-top: 10px; font-size: .875rem; color: var(--sh-text-2); }