/* =========================
   NIGHT MODE – SOFT & COLORFUL
========================= */

body.night{
  --bg:#020617;
  --bg-soft:#0b1224;
  --bg-deep:#050a16;

  --glass:rgba(255,255,255,.07);
  --text:#f8fafc;
  --muted:#cbd5f5;
  --border:rgba(255,255,255,.12);

  background:
    radial-gradient(1400px 700px at 0% -10%, rgba(59,130,246,.35), transparent 55%),
    radial-gradient(1200px 700px at 100% 120%, rgba(96,165,250,.28), transparent 60%),
    linear-gradient(180deg,#020617 0%, #070f1f 35%, #020617 100%);

  background-attachment: fixed;
  color:var(--text);
}

/* Section Layering */
body.night section:nth-of-type(even){
  background:linear-gradient(
    180deg,
    var(--bg-soft),
    var(--bg)
  );
}

body.night section:nth-of-type(odd){
  background:linear-gradient(
    180deg,
    var(--bg),
    var(--bg-deep)
  );
}

/* =========================
   HEADER & GLASS
========================= */

body.night .header-card,
body.night .contact-card,
body.night .news-card,
body.night .team-card-large,
body.night .today-card{
  background:var(--glass);
  backdrop-filter:blur(22px);
  border:1px solid var(--border);
  box-shadow:
    0 40px 140px rgba(0,0,0,.55),
    inset 0 1px 0 rgba(255,255,255,.15);
}

/* =========================
   NAVIGATION
========================= */

body.night .nav a,
body.night .nav-parent{
  color:var(--muted);
}

body.night .nav a:hover{
  color:var(--blue2);
}

body.night .nav a::after{
  background:linear-gradient(90deg,var(--blue2),var(--blue));
}

/* Dropdown */
body.night .nav-sub{
  background:rgba(2,6,23,.95);
  border:1px solid rgba(255,255,255,.08);
}

/* =========================
   TEXTE
========================= */

body.night h1,
body.night h2,
body.night h3,
body.night strong{
  color:#f8fafc;
}

body.night p,
body.night .label,
body.night .show-meta,
body.night .moderator-mini{
  color:#cbd5f5;
}

body.night .artist{
  color:#ffffff;
}

/* =========================
   LISTEN BUTTON
========================= */

body.night .listen-btn{
  box-shadow:0 22px 60px rgba(59,130,246,.65);
}

/* =========================
   NOW BAR / EQ
========================= */

body.night .header-now{
  border-top:1px solid rgba(255,255,255,.12);
}

body.night .eq span{
  background:linear-gradient(180deg,#60a5fa,#3b82f6);
}

/* =========================
   NEWS
========================= */

body.night .news-section{
  background:
    linear-gradient(
      180deg,
      transparent 0%,
      #111827 12%,
      #0f172a 100%
    );
}

body.night .news-section::before{
  background:
    radial-gradient(
      1000px 200px at 50% 100%,
      rgba(255,255,255,.04),
      transparent 70%
    );
}

body.night .news-section::after{
  background:
    radial-gradient(600px 400px at 20% 0%, rgba(255,255,255,.03), transparent 60%),
    radial-gradient(600px 400px at 80% 100%, rgba(255,255,255,.03), transparent 60%);
}

/* =========================
   ABOUT / SERVICES
========================= */

body.night .about::before,
body.night .services-section::before{
  opacity:.6;
}

body.night .services-section{
  background:linear-gradient(
    180deg,
    #020617 0%,
    #020617 100%
  );
}

/* =========================
   CONTACT
========================= */

body.night .contact{
  background:#020617;
}

body.night .contact-form input,
body.night .contact-form textarea{
  background:rgba(255,255,255,.08);
  color:#f8fafc;
  border-color:rgba(255,255,255,.15);
}

body.night .contact-form input::placeholder,
body.night .contact-form textarea::placeholder{
  color:#94a3b8;
}

/* =========================
   FOOTER
========================= */

body.night .site-footer{
  background:linear-gradient(180deg,#020617,#020617);
}

body.night .footer-brand p,
body.night .footer-bottom{
  color:#94a3b8;
}

/* =========================
   DARK TOGGLE BUTTON
========================= */

body.night .dark-toggle{
  background:rgba(255,255,255,.12);
  color:#fff;
}

body.night .dark-toggle:hover{
  background:rgba(255,255,255,.18);
}
body.night .schedule-page{
  background: transparent;
}

body.night .schedule-day{
  background: var(--card-bg);
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter: blur(22px);
  box-shadow:
    0 40px 120px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.12);
}

body.night .schedule-card{
  background: var(--card-soft);
  border:1px solid rgba(255,255,255,.12);
}

body.night .schedule-time{
  color:#93c5fd;
  font-weight:900;
}

body.night .schedule-info strong{
  color:#f8fafc;
}

body.night .schedule-info p,
body.night .schedule-moderator{
  color:#cbd5f5;
}

body.night .schedule-card.live{
  box-shadow:
    0 0 0 2px rgba(96,165,250,.35),
    0 40px 120px rgba(59,130,246,.55);
}
/* =====================
   HEAD TEAM – NIGHT FIX
===================== */

body.night .team-section{
  background:#020617;
}

body.night .team-card-large{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.15);
  box-shadow:
    0 40px 120px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,255,255,.08);
}

body.night .team-info-large strong{
  color:#f8fafc;
}

body.night .team-info-large span{
  background:linear-gradient(135deg,#1e90ff,#60a5fa);
}
/* =========================================
   WEEK STREAM – DARK MODE
========================================= */

body.night .week-stream{
  background:
    radial-gradient(1200px 700px at -10% -10%, rgba(6, 10, 238, 0.705), transparent 60%),
    radial-gradient(1000px 600px at 110% 110%, rgba(21, 4, 37, 0.76), transparent 60%),
    linear-gradient(180deg, #326af8 0%, #020a1d 50%, #3d5c99 100%);
}


body.night .week-stream-head h1{
  color:#f1f5f9;
}

body.night .week-stream-head p{
  color:#94a3b8;
}

/* DAY CARD */
body.night .stream-day{
  background:#1e293b;
  box-shadow:0 25px 70px rgba(0,0,0,.45);
}

body.night .stream-day.today{
  border-top:5px solid #38bdf8;
}

/* DAY TEXT */
body.night .stream-day-head strong{
  color:#f1f5f9;
}

body.night .stream-day-head span{
  color:#94a3b8;
}

/* SHOW CARD */
body.night .show-card{
  background:#0f172a;
  border-left:4px solid #38bdf8;
}

body.night .show-card:hover{
  background:#0051ff;
}

body.night .show-time{
  color:#38bdf8;
}

body.night .show-main h3{
  color:#f8fafc;
}

body.night .show-main p{
  color:#94a3b8;
}

/* EMPTY STATE */
body.night .show-card.empty{
  background:#111827;
  border-left:4px dashed #38bdf8;
}

body.night .show-card.empty a{
  color:#38bdf8;
}