/* TODAY.FM 4.1.62: kompakter Header, Social Links, schlanker Song-Player.
   Lädt nach header-fluid-v4161.css. Andere Seitenelemente bleiben unverändert. */
.station-header .station-nav__social,
.station-header .station-nav-mobile__social { box-sizing:border-box; }
.station-header .station-nav__social>a,
.station-header .station-nav-mobile__social>a { border-radius:0 !important; }
/* Der Player zeigt bewusst KEINE Sendung/Moderation im Header. */
.station-header .station-player__program,
.station-header .station-player__show,
.station-header .station-player__host { display:none !important; }
.station-header .station-player__meta { min-width:0; }
.station-header .station-player__track strong,
.station-header .station-player__track span { display:block; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.station-header .station-player__eyebrow { min-height:12px; }
.station-header .station-player__lower { min-height:10px; }
/* Social Links im vollständigen Desktopheader. */
@media(min-width:1481px) {
  .station-header .station-header__bar {
    grid-template-columns:clamp(178px,12vw,232px) minmax(0,1fr) clamp(300px,19.5vw,415px);
    column-gap:clamp(9px,.9vw,18px);
    padding-inline:clamp(16px,1.7vw,38px);
  }
  .station-header .station-brand { width:100%; max-width:230px; }
  .station-header .station-nav { justify-content:space-between; gap:clamp(4px,.48vw,10px); min-width:0; }
  .station-header .station-nav > a:not(.station-nav__todayly):not(.station-nav__search),
  .station-header .station-nav__trigger { gap:3px; font-size:clamp(9.5px,.63vw,11.5px); letter-spacing:0; }
  .station-header .station-nav > a:not(.station-nav__todayly) svg,
  .station-header .station-nav__trigger > svg:first-child { width:11px; height:11px; flex-basis:11px; }
  .station-header .station-nav__chevron { margin-left:0; }
  .station-header .station-nav__todayly {
    font-size:clamp(9px,.62vw,11px) !important;
    padding:8px 9px !important;
    flex-shrink:0;
  }
  .station-header .station-nav__social {
    display:flex !important;
    align-items:center;
    flex:0 0 auto;
    gap:3px;
    margin:0;
    padding:0 0 0 7px;
    border-left:1px solid rgba(255,255,255,.18);
  }
  .station-header .station-nav__social > a {
    display:grid;
    place-items:center;
    width:26px;
    height:28px;
    padding:0;
    color:#d6ddd5;
    border:1px solid transparent;
    transition:color .15s ease,background .15s ease,border-color .15s ease;
  }
  .station-header .station-nav__social > a:hover,
  .station-header .station-nav__social > a:focus-visible {
    background:#b9f94a;
    color:#101810;
    border-color:#b9f94a;
    outline:2px solid #fff;
    outline-offset:2px;
    transform:none;
  }
  .station-header .station-nav__social svg {
    width:15px;
    height:15px;
    flex-basis:15px;
    opacity:1;
  }
  .station-header .station-nav__social b { font-size:18px; }
  .station-header .station-player--v2 { grid-template-columns:44px minmax(0,1fr) 44px 26px; gap:7px; padding:6px 8px; }
  .station-header .station-player__art,
  .station-header .station-player--v2 .station-player__cover { width:44px; height:44px; }
  .station-header .station-player--v2 .station-player__button {width:42px;height:42px;}
  .station-header .station-player--v2 .station-player__popup {width:26px;height:42px;}
}
/* Knapp über dem Desktop-Breakpoint bei Bedarf Social-Icons ausblenden:
   Kernnavigation, Mein TODAY.FM und Player haben Vorrang. */
@media(min-width:1481px) and (max-width:1539px) {
  .station-header .station-nav__social { display:none !important; }
}
/* Mobil- und Tabletmenü: Social-Links sind weiterhin erreichbar. */
@media(max-width:1480px) {
  .station-header .station-nav-mobile__social {
    display:flex;
    grid-column:1 / -1;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
    margin:4px 0 8px;
    padding:12px;
    border-top:1px solid rgba(255,255,255,.13);
  }
  .station-header .station-nav-mobile__social>a {
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    color:#e2eae0;
    background:#121a13;
    border:1px solid rgba(186,255,57,.25);
  }
  .station-header .station-nav-mobile__social>a:hover,
  .station-header .station-nav-mobile__social>a:focus-visible {
    background:#b9f94a;
    color:#0c120b;
    outline:2px solid white;
    outline-offset:2px;
  }
  .station-header .station-nav-mobile__social svg { width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7; }
  .station-header .station-nav-mobile__social .is-filled { fill:currentColor; stroke:none; }
  .station-header .station-nav-mobile__social b { font-size:20px; }
}
