/* FS56 – Die gewünschten Korrekturen nach FS55.
   Am Ende des Head geladen, damit alte Versions-Overrides nicht gewinnen. */

/* Alle großen redaktionellen Überschriften ~20 % kleiner, nicht die Fließtexte. */
.portal-body .intro-title{font-size:clamp(38px,4vw,59px)!important}
.portal-body .hero-title{font-size:clamp(30px,3.3vw,50px)!important}
.portal-body .sidebar-heading h2{font-size:26px!important}
.portal-body .latest-content h3{font-size:20px!important}
.portal-body .section-heading h2{font-size:40px!important}
.portal-body .card-title{font-size:23px!important}
.portal-body .article-title,.portal-body .article-page h1{font-size:clamp(32px,4.2vw,55px)!important}
.portal-body .mc-title h1{font-size:clamp(46px,7.2vw,88px)!important}
.portal-body .mc-lineup-heading h3{font-size:19px!important}
.portal-body .mc-changes h3{font-size:24px!important}
.portal-body .mc-changes-team h4{font-size:16px!important}
.portal-body .mc-profile-heading h2{font-size:26px!important}
.portal-body .mc-player-dialog h3{font-size:20px!important}
.portal-body .pp-section-bar h2{font-size:clamp(18px,2.4vw,24px)!important}
.portal-body .pp-personal h3{font-size:18px!important}
.portal-body .sq-section-top h2{font-size:clamp(22px,3.2vw,32px)!important}
.portal-body .sq-info h3{font-size:19px!important}
.portal-body .pp-profile-title-text h2,
.portal-body .pp-profile-position{font-size:clamp(23px,3.68vw,46px)!important;line-height:1.05!important}
/* PNG-Wortmarken sind Überschriften und werden ebenfalls proportional reduziert. */
.portal-body .sq-heading-art{width:min(284px,100%)!important;max-height:96px!important}
.portal-body .pp-heading-art{width:min(512px,85vw)!important;max-height:148px!important}
.portal-body .mc-heading-art{width:min(340px,100%)!important;max-height:96px!important}

/* Das blaue KADER-Band ist in jedem Farbmodus mit weißer Wortmarke lesbar. */
.portal-body .sq-heading .sq-heading-art{filter:brightness(0) invert(1)!important}
/* Der Klubname im Spielerprofil soll durchgehend in Versalien erscheinen. */
.portal-body .pp-hero-banner .pp-club span:last-child{text-transform:uppercase!important;letter-spacing:.15px}

/* Spielinfo-Box im hellen Theme weiß; Linkschrift auf Königsblau bleibt weiß. */
:root:not([data-theme="dark"]) .portal-body .pp-container #spielinfo .pp-section,
:root:not([data-theme="dark"]) .portal-body .pp-container #spielinfo .pp-section-bar{background:#fff!important}
.portal-body .pp-container #spielinfo .pp-back-button,
.portal-body .pp-container #spielinfo .pp-back-button:visited{color:#fff!important}

/* Rückennummern im Profil ohne eng aneinander stehende Ziffern. */
.portal-body .pp-profile-shirt{letter-spacing:.035em!important;font-kerning:none;font-variant-numeric:tabular-nums}

/* "Weitere Spieler" auch beim Kaderaufruf mit vollständigen Karten. */
.portal-body #weitere .pp-related{background:var(--theme-surface,#fff)}
.portal-body #weitere .pp-player-strip{grid-template-columns:repeat(6,minmax(0,1fr));gap:15px}
.portal-body #weitere .pp-teammate-photo{max-width:145px;aspect-ratio:4/5}
.portal-body #weitere .pp-teammate-photo img{object-fit:cover;object-position:center 25%}
.portal-body #weitere .pp-teammate-flag{min-height:23px}
.portal-body #weitere .pp-profile-nav{margin-top:12px}

/* Desktop: Fußballfeld bleibt direkt unter der Vereinsauswahl;
   Bilder sind auf dem großen Bildschirm deutlich besser erkennbar. */
@media(min-width:901px){
 #matchcenterRoot .mc-lineup-tabs,
 #matchcenterRoot .mc-lineup-grid{width:min(100%,980px)!important;max-width:980px!important;margin-inline:auto!important}
 #matchcenterRoot .mc-lineup-grid{display:block!important;transform:none!important}
 #matchcenterRoot .mc-lineup-panel{width:100%!important;max-width:100%!important;margin-inline:auto!important}
 #matchcenterRoot .mc-lineup-panel>.mc-pitch.mc-pitch-coordinates{height:clamp(625px,61vw,690px)!important;min-height:clamp(625px,61vw,690px)!important;max-height:690px!important}
 #matchcenterRoot .mc-lineup-panel>.mc-pitch:not(.mc-pitch-coordinates){min-height:clamp(625px,61vw,690px)!important}
 #matchcenterRoot .mc-lineup-grid .mc-pitch-position{max-width:142px!important;min-width:0!important;width:18.5%!important}
 #matchcenterRoot .mc-lineup-grid .mc-pitch-position .mc-player-head{
   width:clamp(88px,8vw,112px)!important;height:clamp(98px,9vw,126px)!important;
   margin-inline:auto!important;
 }
 #matchcenterRoot .mc-lineup-grid .mc-pitch-position .mc-player strong{font-size:clamp(12px,1.1vw,15px)!important;line-height:1.15!important}
 #matchcenterRoot .mc-lineup-grid .mc-pitch-position .mc-player small{font-size:11px!important}
}
@media(max-width:900px){
 .portal-body .pp-profile-title-text h2,.portal-body .pp-profile-position{font-size:clamp(18px,5.04vw,29px)!important}
 .portal-body #weitere .pp-player-strip{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:650px){
 .portal-body .intro-title{font-size:clamp(35px,9vw,52px)!important}
 .portal-body .hero-title{font-size:clamp(29px,7.5vw,42px)!important}
 .portal-body .section-heading h2{font-size:32px!important}
 .portal-body .sq-section-top h2{font-size:clamp(21px,6.5vw,28px)!important}
 .portal-body .sq-info h3{font-size:15px!important}
 .portal-body .sq-heading-art{width:min(236px,100%)!important;max-height:69px!important}
 .portal-body .pp-heading-art{width:min(272px,85vw)!important;max-height:93px!important}
 .portal-body .mc-heading-art{width:min(228px,100%)!important;max-height:63px!important}
 .portal-body .pp-profile-shirt{font-size:clamp(63px,18vw,90px)!important;letter-spacing:.035em!important}
 .portal-body .pp-profile-title-text h2,.portal-body .pp-profile-position{font-size:clamp(18px,5vw,29px)!important}
 .portal-body #weitere .pp-player-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 10px}
}


/* FS57 – letzte Korrekturen für Matchcenter, Kaderprofil und Dark Mode. */
/* Spielinfo-&-Wechsel-Kasten im Profil immer weiß, inklusive Kopfleiste. */
.portal-body .pp-container #spielinfo .pp-section,
.portal-body .pp-container #spielinfo .pp-section-bar{background:#fff!important;color:#173153!important}
.portal-body .pp-container #spielinfo .pp-section-bar h2,
.portal-body .pp-container #spielinfo .pp-section-bar>span,
.portal-body .pp-container #spielinfo .pp-empty,
.portal-body .pp-container #spielinfo .pp-game strong,
.portal-body .pp-container #spielinfo .pp-game small,
.portal-body .pp-container #spielinfo .pp-swap{color:#173153!important}
.portal-body .pp-container #spielinfo .pp-game>div{background:#eff4fb!important}
/* Profikader-Link / Zurück-Button gut lesbar. */
.portal-body .pp-container .pp-profile-nav a,
.portal-body .pp-container .pp-back-button{color:#fff!important}
.portal-body .pp-container .pp-profile-nav{background:var(--pp-club-accent,#0755b4)!important}
/* Rückennummern im Profil deutlich weiter auseinander. */
.portal-body .pp-profile-shirt{letter-spacing:.11em!important;font-kerning:none;font-variant-numeric:tabular-nums}

/* Matchcenter: dunkler Modus mit grauen Archiv-Feldern statt blau. */
:root[data-theme="dark"] .portal-body .mc-view[data-competition] .mc-history-controls select,
:root[data-theme="dark"] .portal-body .mc-view[data-competition] .mc-history-controls .mc-season-filter select,
:root[data-theme="dark"] .portal-body .mc-view[data-competition] .mc-history-controls .mc-comp-filter select,
:root[data-theme="dark"] .portal-body .mc-view[data-competition] .mc-history-controls .mc-match-filter select{
  background:#30343c!important;
  color:#fff!important;
  border-color:#8b919a!important;
}
:root[data-theme="dark"] .portal-body .mc-view[data-competition] .mc-history-controls select option,
:root[data-theme="dark"] .portal-body .mc-view[data-competition] .mc-history-controls .mc-season-filter select option,
:root[data-theme="dark"] .portal-body .mc-view[data-competition] .mc-history-controls .mc-comp-filter select option,
:root[data-theme="dark"] .portal-body .mc-view[data-competition] .mc-history-controls .mc-match-filter select option{
  background:#2b2f36!important;
  color:#fff!important;
}
:root[data-theme="dark"] .portal-body .mc-view[data-competition] .mc-history-controls label,
:root[data-theme="dark"] .portal-body .mc-archive-hint,
:root[data-theme="dark"] .portal-body .mc-archive-meta{color:#d9dde5!important}
/* Bundesliga/2. Liga Dark Mode nicht blau einfärben. */
:root[data-theme="dark"] .portal-body .mc-view[data-competition=bundesliga] .mc-history-controls select,
:root[data-theme="dark"] .portal-body .mc-view[data-competition=zweite] .mc-history-controls select{background:#30343c!important;color:#fff!important;border-color:#8b919a!important}
:root[data-theme="dark"] .portal-body .mc-view[data-competition=bundesliga] .mc-lineup-heading,
:root[data-theme="dark"] .portal-body .mc-view[data-competition=zweite] .mc-lineup-heading{background:linear-gradient(110deg,#2f3238,#4b4f56)!important}

/* Matchcenter: Spieler auf dem Feld größer und Außenverteidiger weiter außen. */
@media(min-width:901px){
  #matchcenterRoot .mc-lineup-grid .mc-pitch-position{width:19.5%!important;max-width:150px!important}
  #matchcenterRoot .mc-lineup-grid .mc-pitch-position .mc-player-head{width:clamp(96px,8.6vw,120px)!important;height:clamp(106px,9.4vw,132px)!important}
  #matchcenterRoot .mc-lineup-grid .mc-pitch-position .mc-player strong{font-size:clamp(13px,1.15vw,16px)!important}
  #matchcenterRoot .mc-pitch:not(.mc-pitch-coordinates)>.mc-pitch-row{padding-inline:14px!important}
  #matchcenterRoot .mc-pitch-row>.mc-player{max-width:150px!important}
  #matchcenterRoot .mc-pitch-row .mc-player-head{width:clamp(74px,6.8vw,95px)!important;height:clamp(84px,7.8vw,108px)!important}
  #matchcenterRoot .mc-pitch-row .mc-player strong{font-size:clamp(12px,1.08vw,15px)!important;line-height:1.14!important}
  #matchcenterRoot .mc-pitch-row[style*="--mc-count:4"]>.mc-player:first-child{justify-self:start!important;transform:translateX(-22px)!important}
  #matchcenterRoot .mc-pitch-row[style*="--mc-count:4"]>.mc-player:last-child{justify-self:end!important;transform:translateX(22px)!important}
  #matchcenterRoot .mc-pitch-row[style*="--mc-count:5"]>.mc-player:first-child{justify-self:start!important;transform:translateX(-14px)!important}
  #matchcenterRoot .mc-pitch-row[style*="--mc-count:5"]>.mc-player:last-child{justify-self:end!important;transform:translateX(14px)!important}
}
@media(max-width:900px){
  #matchcenterRoot .mc-pitch-row>.mc-player{max-width:122px!important}
  #matchcenterRoot .mc-pitch-row[style*="--mc-count:4"]>.mc-player:first-child{justify-self:start!important;transform:translateX(-10px)!important}
  #matchcenterRoot .mc-pitch-row[style*="--mc-count:4"]>.mc-player:last-child{justify-self:end!important;transform:translateX(10px)!important}
}
