/* =========================================================
   V10.1 — SUNRISE DESIGN SYSTEM / JUST ONE HUNGARY
   Light-first editorial radio UI, shared visual language with
   the earlier Radio Sunrise project. Existing functionality is
   intentionally untouched; this file only overrides presentation.
   ========================================================= */
:root{
  --sun-yellow:#f4d21f;
  --sun-yellow-2:#ffe86a;
  --sun-bg:#f5f4ee;
  --sun-paper:#ffffff;
  --sun-panel:#ebeae3;
  --sun-ink:#151515;
  --sun-muted:#66665f;
  --sun-line:#d6d4ca;
  --sun-dark:#171717;
  --sun-dark-2:#232323;
  --sun-radius:0px;
  --sun-shadow:0 20px 60px rgba(26,24,14,.08);
}
html[data-theme="dark"]{
  --sun-bg:#141414;
  --sun-paper:#1c1c1c;
  --sun-panel:#242424;
  --sun-ink:#f4f2e9;
  --sun-muted:#aaa89e;
  --sun-line:#393833;
  --sun-dark:#080808;
  --sun-dark-2:#111111;
  --sun-shadow:0 20px 60px rgba(0,0,0,.28);
}
html,body{background:var(--sun-bg)!important;color:var(--sun-ink)!important}
body{padding-bottom:78px;transition:background .22s ease,color .22s ease}
.container-wide{width:min(1460px,calc(100% - 80px))}
.micro-label{color:var(--sun-muted)!important}
.micro-label--dark{color:rgba(255,255,255,.62)!important}

/* Header: Sunrise-style bright, airy navigation */
.site-header,.site-header.scrolled{
  position:sticky!important;top:0!important;z-index:900!important;
  background:color-mix(in srgb,var(--sun-paper) 93%,transparent)!important;
  color:var(--sun-ink)!important;border-bottom:1px solid var(--sun-line)!important;
  box-shadow:none!important;backdrop-filter:blur(18px)!important;
}
.site-header__inner{height:84px;width:min(1540px,calc(100% - 56px))!important;gap:34px}
.jo-logo__mark{width:44px;height:44px;border-radius:0!important;background:var(--sun-yellow)!important;color:#151515!important}
.jo-logo__text b{font-size:25px;letter-spacing:.01em;color:var(--sun-ink)!important}
.jo-logo__text small{color:var(--sun-muted)!important}
.desktop-nav a{color:var(--sun-ink)!important;font-size:10px;letter-spacing:.17em}
.desktop-nav a:after{background:var(--sun-yellow)!important;bottom:-11px}
.header-listen{background:var(--sun-yellow)!important;color:#151515!important;border:1px solid #151515!important;padding:13px 17px!important}
.header-listen span{color:#151515!important}
.theme-toggle{width:42px;height:42px;border:1px solid var(--sun-line);background:var(--sun-paper);color:var(--sun-ink);font-size:17px;display:grid;place-items:center;cursor:pointer;transition:.18s}
.theme-toggle:hover{background:var(--sun-yellow);color:#111;border-color:#111}
.menu-btn span{background:var(--sun-ink)!important}
.mobile-menu{background:var(--sun-paper)!important;color:var(--sun-ink)!important;border-top:1px solid var(--sun-line)!important}
.mobile-menu a{border-bottom:1px solid var(--sun-line)!important}

/* Persistent player: Sunrise-style bottom dock */
.radio-strip{position:fixed!important;top:auto!important;bottom:0!important;left:0;right:0;z-index:1200;background:var(--sun-paper)!important;color:var(--sun-ink)!important;border-top:1px solid #151515!important;border-bottom:0!important;box-shadow:0 -12px 34px rgba(16,14,4,.08)}
.radio-strip__inner{height:78px;width:min(1540px,calc(100% - 48px))!important;grid-template-columns:auto minmax(0,1fr) minmax(150px,.38fr) auto!important}
.radio-strip__live{background:var(--sun-yellow);height:42px;padding:0 14px;border:1px solid #151515;font-size:15px}
.radio-strip__live i{background:#151515!important}
.radio-strip__station{color:var(--sun-muted)!important}
.radio-strip__track strong{color:var(--sun-ink)!important;font-size:20px}
.radio-strip__artist,.radio-strip__listeners{color:var(--sun-muted)!important}
.radio-strip__wave i{background:var(--sun-ink)!important}
.strip-play,.strip-heart,.strip-next{border-radius:0!important;border:1px solid var(--sun-ink)!important;color:var(--sun-ink)!important}
.strip-play{background:var(--sun-yellow)!important;color:#151515!important}
.strip-heart.active{background:var(--sun-yellow)!important;color:#151515!important}
.strip-volume input{accent-color:var(--sun-yellow)!important}

/* Hero: open split composition from the Sunrise project */
.hero{min-height:760px!important;background:var(--sun-bg)!important;color:var(--sun-ink)!important;padding-top:0!important;overflow:hidden;border-bottom:1px solid var(--sun-line)}
.hero__image{inset:72px 5vw 72px auto!important;width:43vw!important;max-width:690px!important;min-width:480px!important;height:auto!important;background-position:center!important;transform:none!important;animation:heroSunrise 15s ease-in-out infinite alternate!important;box-shadow:var(--sun-shadow)}
.hero__image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.18));pointer-events:none}
.hero__veil{display:none!important}.hero__noise{opacity:.035!important;mix-blend-mode:multiply}.hero__sideword{display:none!important}
.hero__content{width:min(1460px,calc(100% - 80px))!important;min-height:760px!important;padding:98px 51% 120px 0!important;justify-content:center!important}
.hero__eyebrow{color:var(--sun-muted)!important;margin-bottom:26px!important}
.hero h1{font-size:clamp(76px,8.2vw,144px)!important;line-height:.78!important;color:var(--sun-ink)!important;max-width:850px!important}
.hero h1 em{color:var(--sun-yellow)!important;margin-left:0!important;-webkit-text-stroke:1px #151515;text-shadow:1px 1px 0 #151515}
.hero__bottom{margin:38px 0 0!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:34px!important}
.hero__bottom p{color:var(--sun-muted)!important;max-width:560px!important;font-size:15px!important}
.hero-play{color:var(--sun-ink)!important}.hero-play__circle{width:64px!important;height:64px!important;border-radius:0!important;background:var(--sun-yellow)!important;color:#151515!important;box-shadow:none!important;border:1px solid #151515}
.hero-play:hover .hero-play__circle{transform:translateY(-2px)!important;box-shadow:8px 8px 0 #151515!important}
.hero__ticker{height:50px!important;background:var(--sun-yellow)!important;border-top:1px solid #151515;border-bottom:1px solid #151515}

/* Common editorial rhythm */
.editorial--light,.news-section,.newsletter-section,.partners-section,.contact-section{background:var(--sun-paper)!important;color:var(--sun-ink)!important}
.editorial--light{padding:126px 0!important;border-bottom:1px solid var(--sun-line)}
.editorial__number{color:color-mix(in srgb,var(--sun-ink) 5%,transparent)!important}
.editorial__title h2,.section-intro h2,.schedule-copy h2,.showcase-section__headline h2,.app-copy h2,.newsletter-grid h2,.contact-copy h2{color:inherit!important;letter-spacing:-.02em!important}
.editorial__copy .lead{color:var(--sun-ink)!important}.editorial__copy>p:not(.lead){color:var(--sun-muted)!important}
.fact-row{border-top:1px solid var(--sun-ink)!important}.fact-row span{color:var(--sun-muted)!important}

/* Now playing: strong dark radio module, not generic cards */
.now-section{background:var(--sun-dark)!important;padding:120px 0 130px!important;border-bottom:1px solid #2d2d2d}
.now-grid{gap:56px!important}.now-cover{background:#202020!important;border:1px solid #343434}.now-cover__tag{border-radius:0!important;background:var(--sun-yellow)!important;color:#151515!important}.now-cover__play{border-radius:0!important;background:var(--sun-yellow)!important;color:#151515!important;border:1px solid #151515}
.now-info h2{color:#fff!important}.now-info>p{color:var(--sun-yellow)!important}.now-next{border-top:1px solid #383838!important;border-bottom:1px solid #383838!important}.side-block{border:1px solid #383838!important;background:#1c1c1c!important;box-shadow:none!important}
.track-row{border-bottom-color:#333!important}.track-row strong{color:#fff!important}.track-row small,.track-row time{color:#a7a79f!important}.track-cover{border-radius:0!important}.heart{border-radius:0!important}
.line-btn{border-radius:0!important}.line-btn:not(.line-btn--light){border-color:#fff!important;color:#fff!important}.line-btn:not(.line-btn--light):hover{background:var(--sun-yellow)!important;color:#151515!important;border-color:var(--sun-yellow)!important}

/* Content sections */
.roster-section{background:var(--sun-panel)!important;color:var(--sun-ink)!important;border-bottom:1px solid var(--sun-line)}
.roster-card,.show-card,.news-card,.event-card,.partner-item,.modal-card{border-radius:0!important;box-shadow:none!important;border:1px solid var(--sun-line)!important;background:var(--sun-paper)!important;color:var(--sun-ink)!important}
.roster-card:hover,.show-card:hover,.news-card:hover,.event-card:hover{transform:translateY(-3px)!important;border-color:#151515!important}
.roster-card img,.show-card img,.news-card img,.event-card img{border-radius:0!important}
.channel-feature{background:var(--sun-yellow)!important;color:#151515!important;border-top:1px solid #151515;border-bottom:1px solid #151515}.channel-feature__overlay{background:linear-gradient(90deg,rgba(244,210,31,.96),rgba(244,210,31,.84) 52%,rgba(244,210,31,.18))!important}.channel-feature__content h2,.channel-feature__content p,.channel-feature__facts{color:#151515!important}.channel-feature__content h2 i{-webkit-text-stroke:1.2px #151515!important;color:transparent!important}.acid-btn{border-radius:0!important;background:#151515!important;color:#fff!important;border:1px solid #151515!important}.acid-btn:hover{background:#fff!important;color:#151515!important}
.shows-editorial{background:var(--sun-paper)!important;color:var(--sun-ink)!important;border-bottom:1px solid var(--sun-line)}
.schedule-section{background:var(--sun-bg)!important;color:var(--sun-ink)!important;border-bottom:1px solid var(--sun-line)}
.schedule-board{background:var(--sun-paper)!important;border:1px solid var(--sun-line)!important;box-shadow:none!important}.schedule-board__head{background:var(--sun-yellow)!important;color:#151515!important}.schedule-row{border-bottom:1px solid var(--sun-line)!important}.schedule-row small{color:var(--sun-muted)!important}.onair{border-radius:0!important;background:var(--sun-yellow)!important;color:#151515!important;border:1px solid #151515!important}
.showcase-section{background:var(--sun-dark)!important;color:#fff!important}.showcase-section .micro-label{color:#b2b1a9!important}.showcase-section__headline h2{color:#fff!important}.showcase-section__headline h2 i{color:var(--sun-yellow)!important;-webkit-text-stroke:0!important}
.news-section{border-bottom:1px solid var(--sun-line)}.section-intro--light,.section-intro--light h2{color:var(--sun-ink)!important}.line-btn--light{color:var(--sun-ink)!important;border-color:var(--sun-ink)!important}.line-btn--light:hover{background:var(--sun-yellow)!important}
.app-section{background:var(--sun-panel)!important;color:var(--sun-ink)!important}.app-copy p{color:var(--sun-muted)!important}.app-bullets span{border-color:var(--sun-line)!important}.store-btn{border-radius:0!important;background:var(--sun-paper)!important;color:var(--sun-ink)!important;border:1px solid var(--sun-ink)!important}.phone{border-radius:0!important;background:#151515!important;box-shadow:24px 24px 0 var(--sun-yellow)!important}.phone__screen{border-radius:0!important}.phone__screen img{border-radius:0!important}.phone__screen button{border-radius:0!important}
.newsletter-section{background:var(--sun-yellow)!important;color:#151515!important;border-top:1px solid #151515;border-bottom:1px solid #151515}.newsletter-grid .micro-label{color:#4d4615!important}.newsletter-grid h2{color:#151515!important}.newsletter-grid h2 i{-webkit-text-stroke:1.2px #151515!important;color:transparent!important}.newsletter-form input,.newsletter-form button{border-radius:0!important}.newsletter-form input{border:1px solid #151515!important;background:#fff!important}.newsletter-form button{background:#151515!important;color:#fff!important;border:1px solid #151515!important}
.partners-section{border-bottom:1px solid var(--sun-line)}
.contact-section{background:var(--sun-bg)!important}.contact-copy p{color:var(--sun-muted)!important}.contact-form input,.contact-form textarea{border-radius:0!important;background:var(--sun-paper)!important;color:var(--sun-ink)!important;border-color:var(--sun-line)!important}.contact-form input:focus,.contact-form textarea:focus{border-color:#151515!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--sun-yellow) 55%,transparent)!important}
.footer{background:#151515!important;color:#fff!important}.footer span,.footer p,.footer a{color:#aaa99f!important}.footer-logo span,.footer-sign i{color:var(--sun-yellow)!important}
.modal-card{background:var(--sun-paper)!important;color:var(--sun-ink)!important}.modal-close{border-radius:0!important;background:var(--sun-yellow)!important;color:#151515!important}
.toast{border-radius:0!important;background:#151515!important;color:#fff!important;border:1px solid var(--sun-yellow)!important}

/* Dark theme */
html[data-theme="dark"] .site-header,html[data-theme="dark"] .site-header.scrolled{background:rgba(28,28,28,.94)!important}
html[data-theme="dark"] .header-listen{border-color:var(--sun-yellow)!important}
html[data-theme="dark"] .hero__image{outline:1px solid #363636}
html[data-theme="dark"] .hero h1 em{text-shadow:none;-webkit-text-stroke:0;color:var(--sun-yellow)!important}
html[data-theme="dark"] .newsletter-section{background:#28250c!important;color:#fff!important;border-color:#4d4714}
html[data-theme="dark"] .newsletter-grid h2{color:#fff!important}
html[data-theme="dark"] .newsletter-grid h2 i{-webkit-text-stroke:1px #fff!important}

@keyframes heroSunrise{from{transform:scale(1.01) translate3d(0,0,0)}to{transform:scale(1.04) translate3d(-4px,-2px,0)}}
@media(prefers-reduced-motion:reduce){.hero__image{animation:none!important}}

@media(max-width:1100px){
  .desktop-nav{display:none!important}.menu-btn{display:block!important}.theme-toggle{margin-left:auto}
  .hero{min-height:840px!important}.hero__content{min-height:840px!important;padding:90px 48% 120px 0!important}.hero__image{width:46vw!important;min-width:420px!important;right:3vw!important}
  .radio-strip__listeners{display:none!important}
}
@media(max-width:820px){
  body{padding-bottom:70px}.container-wide{width:min(100% - 32px,1460px)}.site-header__inner{width:calc(100% - 28px)!important;height:74px!important;gap:10px}.jo-logo__text small{display:none}.jo-logo__text b{font-size:21px}.header-listen{display:none!important}.theme-toggle{width:38px;height:38px}
  .hero{min-height:auto!important;padding-bottom:50px!important}.hero__content{width:calc(100% - 32px)!important;min-height:auto!important;padding:70px 0 430px!important}.hero__image{top:auto!important;bottom:70px!important;left:16px!important;right:16px!important;width:auto!important;min-width:0!important;height:330px!important;max-width:none!important}.hero h1{font-size:clamp(64px,18vw,100px)!important}.hero__bottom{grid-template-columns:1fr!important}.hero-play{justify-content:flex-start}.hero__ticker{bottom:0!important}
  .radio-strip__inner{height:70px;width:calc(100% - 20px)!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:10px!important}.radio-strip__live{height:38px;padding:0 10px}.radio-strip__wave,.strip-volume{display:none!important}.radio-strip__station{display:none}.radio-strip__track{display:grid!important;gap:0!important}.radio-strip__track-sep{display:none}.radio-strip__track strong{font-size:16px!important}.radio-strip__artist{font-size:10px!important}.strip-heart{display:none!important}.strip-play{width:40px!important;height:40px!important}
}
@media(max-width:560px){
  .jo-logo__mark{width:38px;height:38px}.hero__content{padding-top:54px!important}.hero__image{height:300px!important}.hero h1{line-height:.8!important}.hero__bottom p{font-size:14px!important}.editorial--light{padding:86px 0!important}.now-section{padding:84px 0!important}.footer{padding-bottom:80px!important}
}