/*
Theme Name: SLMM Radio Theme
Theme URI: https://slmm.de/
Author: SLMMmedia GbR
Author URI: https://slmmmedia.de/
Description: Elementor-ready pro theme with built-in radio/weather/traffic/news/program sections.
Version: 1.3.0
Text Domain: slmmradio
*/
:root{
  --brand:#7b68ee; --brand-2:#0e1027; --surface:#0a0c1f;
  --card:#141735; --elev:#1a1e47; --text:#eaf0ff; --muted:#9fb2df; --accent:#00d4ff; --ok:#29f1a8;
}
*{box-sizing:border-box}
html,body{height:100%}
body{background:radial-gradient(1200px 500px at 10% -10%, rgba(123,104,238,.18), transparent 60%),
     radial-gradient(900px 400px at 90% -5%, rgba(0,212,255,.12), transparent 70%),
     linear-gradient(180deg, var(--surface) 0%, #070816 100%) fixed;
     color:var(--text);}
a{color:var(--accent)} a:hover{opacity:.92}
.container-narrow{max-width:1100px}
.header{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06);backdrop-filter:blur(6px);background:rgba(14,16,39,.7)}
.navbar .nav-link{color:var(--text)!important;font-weight:600;border-radius:10px}
.navbar .nav-link:hover, .navbar .nav-link:focus{background:rgba(255,255,255,.06)}
.navbar .current-menu-item>.nav-link{background:rgba(0,212,255,.14)}
.hero{padding:36px 0 22px;border-bottom:1px solid rgba(255,255,255,.06)}
.hero .widget, .card{background:linear-gradient(180deg, var(--card) 0%, var(--elev) 100%);
  border:1px solid rgba(255,255,255,.07); border-radius:18px; padding:16px; box-shadow:0 12px 36px rgba(0,0,0,.28)}
.card img{border-radius:12px}
.card .eyebrow{font-size:.75rem;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}
.section{padding:46px 0}
.section h2{font-size:1.4rem;margin-bottom:16px}
.hr-soft{border-top:1px solid rgba(255,255,255,.06); margin:10px 0 0}
.badge-hour{background:var(--ok); color:#09121f; font-weight:800; padding:6px 10px; border-radius:999px}
.schedule-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media (max-width:992px){.schedule-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:576px){.schedule-grid{grid-template-columns:1fr}}
.schedule-item{position:relative}
.schedule-item.active{outline:2px solid var(--accent); box-shadow:0 0 0 4px rgba(0,212,255,.18)}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width:992px){.grid-3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:576px){.grid-3{grid-template-columns:1fr}}
.footer{padding:26px 0;border-top:1px solid rgba(255,255,255,.06);background:rgba(14,16,39,.85)}
.small{color:var(--muted)}
.social a{margin-right:10px}
.notice-slmm a.button-primary{margin-left:8px}
.btn-glow{position:relative;overflow:hidden}
.btn-glow::after{content:"";position:absolute;inset:-2px;border-radius:inherit;
  background:linear-gradient(90deg, rgba(0,212,255,.45), rgba(123,104,238,.45));opacity:.25;filter:blur(12px);z-index:-1}
.img-cover{width:100%;height:180px;object-fit:cover;border-radius:12px}