/* Rockblog On Air – aktuelles Tagesprogramm 1.0 */
.daily-promo-section{
  padding-top:.45rem;
  padding-bottom:clamp(2.2rem,4.5vw,4rem);
}
.daily-promo-section[hidden]{display:none}
.daily-promo{
  position:relative;
  display:grid;
  grid-template-columns:minmax(280px,.86fr) minmax(0,1.14fr);
  gap:clamp(1.25rem,3.6vw,2.8rem);
  align-items:center;
  padding:clamp(1rem,2.2vw,1.55rem);
  overflow:hidden;
  border:1px solid rgba(255,208,109,.42);
  border-radius:28px;
  background:
    radial-gradient(circle at 0 100%,rgba(255,106,26,.25),transparent 35%),
    radial-gradient(circle at 100% 0,rgba(22,141,226,.22),transparent 38%),
    linear-gradient(135deg,rgba(44,16,8,.98),rgba(7,20,34,.98));
  box-shadow:var(--shadow);
}
.daily-promo::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:4px;
  background:linear-gradient(90deg,var(--orange),#ffd06d,var(--blue2));
}
.daily-promo::after{
  content:"ON AIR";
  position:absolute;
  right:-.5rem;
  bottom:-2.2rem;
  color:rgba(255,255,255,.035);
  font-size:clamp(5rem,15vw,11rem);
  font-weight:1000;
  line-height:1;
  letter-spacing:-.08em;
  pointer-events:none;
}
.daily-promo-visual{
  position:relative;
  z-index:1;
  margin:0;
  padding:.45rem;
  border:1px solid rgba(255,255,255,.22);
  border-radius:22px;
  background:#080c12;
  box-shadow:0 22px 48px rgba(0,0,0,.45);
  transform:rotate(-.7deg);
}
.daily-promo-visual[hidden]{display:none}
.daily-promo-visual img{
  display:block;
  width:100%;
  height:auto!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
  border-radius:16px;
}
.daily-promo-copy{
  position:relative;
  z-index:1;
  min-width:0;
  padding:clamp(.2rem,1vw,.7rem) clamp(.2rem,1vw,.7rem) clamp(.2rem,1vw,.7rem) 0;
}
.daily-promo-copy h2{
  margin:.1rem 0 .65rem;
  font-size:clamp(2rem,4.7vw,3.7rem);
  line-height:.98;
}
.daily-promo-intro{
  margin:0 0 1.15rem;
  color:#f1e8df;
  font-size:clamp(1rem,2vw,1.18rem);
  font-weight:700;
}
.daily-show-list{display:grid;gap:.8rem}
.daily-show{
  position:relative;
  padding:1rem 1.05rem 1rem 5.9rem;
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(4,8,14,.65);
  box-shadow:0 12px 28px rgba(0,0,0,.22);
}
.daily-show::before{
  content:"";
  position:absolute;
  left:4.75rem;
  top:.9rem;
  bottom:.9rem;
  width:1px;
  background:linear-gradient(180deg,var(--orange),var(--blue2));
  opacity:.75;
}
.daily-show--special{
  border-color:rgba(255,208,109,.38);
  background:linear-gradient(135deg,rgba(255,106,26,.11),rgba(22,141,226,.08)),rgba(4,8,14,.72);
}
.daily-show-time{
  position:absolute;
  left:.9rem;
  top:1rem;
  width:3.55rem;
  margin:0;
  color:#ffd06d!important;
  font-weight:950;
  line-height:1.2;
}
.daily-show h3{
  margin:0 0 .32rem;
  font-size:clamp(1.15rem,2.2vw,1.45rem);
}
.daily-show p{margin:.2rem 0 0;color:var(--muted)}
.daily-show-machineroom{
  margin-top:.5rem!important;
  color:#ffd06d!important;
  font-weight:850;
  font-style:italic;
}
.daily-show-tagline{color:#fff4e7!important;font-weight:900}
.daily-promo-actions{margin-top:1.2rem}
.daily-promo-error{display:none}
@media(max-width:850px){.daily-promo{grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr)}}
@media(max-width:760px){
  .daily-promo{grid-template-columns:1fr;padding:1rem}
  .daily-promo-visual{width:min(100%,520px);margin-inline:auto;transform:none}
  .daily-promo-copy{padding:.3rem}
  .daily-promo-copy h2{font-size:clamp(2rem,10vw,3.15rem)}
}
@media(max-width:430px){
  .daily-show{padding:4.1rem .9rem .95rem}
  .daily-show::before{left:.9rem;right:.9rem;top:3.35rem;bottom:auto;width:auto;height:1px}
  .daily-show-time{left:.9rem;top:.85rem;width:auto}
  .daily-promo-actions{align-items:stretch}
  .daily-promo-actions a{width:100%}
}