:root{color-scheme:dark;--bg:#080c12;--surface:#101823;--surface2:#141f2b;--line:rgba(183,212,230,.12);--ink:#f7fbff;--muted:#a1b1be;--accent:#38d9ef;--accent2:#1486c4;--warm:#f6b450;--container:1200px;--radius:18px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}body::before{content:"";position:absolute;left:0;right:0;top:0;height:680px;background:radial-gradient(ellipse at 75% 0,rgba(23,102,132,.2),transparent 55%);pointer-events:none;z-index:-1}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sr-only{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}::selection{background:rgba(56,217,239,.35)}.container,.nav-container{width:min(var(--container),calc(100% - 56px));margin:0 auto}.sticky-shell{position:sticky;z-index:100;top:0;background:rgba(6,10,16,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(18px);box-shadow:0 12px 30px rgba(0,0,0,.25)}body.admin-bar .sticky-shell{top:32px}.radio-bar{min-height:92px;max-width:1320px;margin:0 auto;display:flex;gap:32px;align-items:center;padding:12px 28px}.station-identity{display:flex;align-items:center;gap:12px;min-width:280px}.station-logo{width:55px;height:55px;filter:drop-shadow(0 0 15px rgba(56,217,239,.13))}.station-identity strong{font-size:17px;font-weight:900;letter-spacing:-.03em;line-height:1.1;display:block}.station-identity em{color:var(--accent);font-style:normal}.station-identity small{display:block;font-size:9px;letter-spacing:.24em;color:var(--muted);font-weight:700;margin-top:6px}.player-details{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px}.player-onair{display:flex;gap:10px;align-items:center;font-size:11px;font-weight:800;letter-spacing:.12em;color:#e7f5f9;white-space:nowrap;overflow:hidden}.player-onair #zat-player-show{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;color:var(--muted);letter-spacing:0}.player-divider{color:#4a5a67}.live-dot{width:8px;height:8px;border-radius:50%;background:#ff515c;box-shadow:0 0 0 4px rgba(255,81,92,.13),0 0 16px rgba(255,81,92,.5);display:inline-block;flex:0 0 auto}.live-dot.tiny{width:6px;height:6px}.player-equalizer{display:flex;align-items:center;gap:3px;height:31px;flex-shrink:0;opacity:.5}.player-equalizer i{display:block;background:linear-gradient(0deg,var(--accent2),var(--accent));width:3px;height:10px;border-radius:4px;animation:equalizer .7s infinite alternate ease-in-out;animation-play-state:paused}.player-equalizer i:nth-child(2n){height:24px;animation-duration:.4s}.player-equalizer i:nth-child(3n){height:16px;animation-duration:.64s}.is-playing .player-equalizer{opacity:1}.is-playing .player-equalizer i{animation-play-state:running}@keyframes equalizer{to{height:4px}}.player-controls{display:flex;align-items:center;gap:15px}.player-play{width:48px;height:48px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:var(--accent);color:#071721;border:0;box-shadow:0 0 18px rgba(56,217,239,.2);transition:transform .2s,box-shadow .2s;font-size:19px}.player-play:hover{transform:scale(1.06);box-shadow:0 0 24px rgba(56,217,239,.4)}.volume-wrap{display:flex;align-items:center;gap:10px;color:#a9c0cb;font-size:18px}.volume-wrap input{width:86px;accent-color:var(--accent);cursor:pointer}.player-state{font-size:11px;color:var(--muted);min-width:95px}.main-nav{border-top:1px solid var(--line)}.nav-container{display:flex;align-items:center;gap:30px;height:50px}.nav-link{font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#b7c8d3;display:flex;align-items:center;height:100%;position:relative;white-space:nowrap}.nav-link:hover,.nav-link.is-active{color:var(--accent)}.nav-link.is-active::after{content:"";height:2px;background:var(--accent);position:absolute;bottom:0;left:0;right:0}.nav-spacer{flex:1}.nav-clock{display:flex;align-items:center;gap:9px;font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.06em;color:#bdcbd5;font-weight:700}.hero-section{position:relative;overflow:hidden;padding:84px 0 94px;background:radial-gradient(ellipse at 72% 28%,rgba(33,117,151,.13),transparent 49%)}.hero-section::before{content:"";width:390px;height:390px;border:1px solid rgba(56,217,239,.09);border-radius:50%;position:absolute;left:48%;top:20%;box-shadow:0 0 0 80px rgba(56,217,239,.012),0 0 0 160px rgba(56,217,239,.009);pointer-events:none}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:72px;align-items:center}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.19em;color:var(--accent);display:flex;align-items:center;gap:10px;text-transform:uppercase}.eyebrow .line{display:block;width:32px;height:2px;background:var(--accent)}.hero-left h1{font-size:clamp(65px,7.4vw,111px);font-weight:950;letter-spacing:-.075em;line-height:.95;margin:25px 0 28px}.hero-left h1 span,h1 span,h2 span{color:var(--accent)}.hero-lead{max-width:510px;font-size:17px;line-height:1.8;color:#bbcbd7;margin:0}.hero-actions{display:flex;gap:14px;margin-top:36px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:48px;padding:12px 22px;border-radius:8px;font-size:11px;font-weight:900;letter-spacing:.08em;border:1px solid transparent;white-space:nowrap;transition:transform .2s,background .2s,border-color .2s}.btn:hover{transform:translateY(-2px)}.btn-accent{background:var(--accent);color:#06151d}.btn-accent:hover{background:#7aecfa}.btn-outlined{border-color:rgba(148,203,222,.26);color:#e5f5fc;background:rgba(16,28,36,.45)}.btn-outlined:hover{border-color:var(--accent)}.hero-mini-stats{display:flex;gap:22px;align-items:center;margin-top:68px}.hero-mini-stats div:not(.stat-sep){display:flex;flex-direction:column;gap:0}.hero-mini-stats strong{font-size:20px;font-weight:950;letter-spacing:.04em}.hero-mini-stats small{font-size:11px;color:var(--muted)}.hero-mini-stats .stat-sep{width:1px;height:32px;background:var(--line)}.onair-panel{border:1px solid rgba(89,191,223,.22);border-radius:18px;background:#101924;overflow:hidden;box-shadow:0 26px 80px rgba(0,0,0,.43),0 0 70px rgba(3,97,138,.08)}.panel-top{display:flex;justify-content:space-between;align-items:center;padding:17px 21px;background:#172332}.panel-top .eyebrow{font-size:10px;letter-spacing:.12em}.panel-star{color:#95b2c0;font-weight:800;font-size:10px;letter-spacing:.14em}.dj-visual{position:relative;height:330px;background:radial-gradient(circle at 60% 25%,#223e50,#07101b 63%);isolation:isolate;overflow:hidden}.visual-glow{position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,10,16,.94),transparent 50%);pointer-events:none;z-index:1}.dj-visual img{height:100%;width:100%;object-fit:cover;object-position:center 22%;display:block}.dj-visual img.placeholder-image{object-fit:contain;padding:68px;opacity:.55;filter:drop-shadow(0 0 24px rgba(39,197,238,.4))}.dj-name-overlay{position:absolute;z-index:2;left:28px;bottom:22px;right:18px}.dj-name-overlay span{font-size:10px;color:var(--accent);font-weight:900;letter-spacing:.17em}.dj-name-overlay h2{font-size:35px;line-height:1.1;margin:6px 0 0;font-weight:950;letter-spacing:-.04em}.panel-bottom{padding:20px 27px 24px}.now-row{display:flex;justify-content:space-between;gap:18px;margin-bottom:10px;align-items:baseline}.now-row>span{font-size:10px;letter-spacing:.13em;color:var(--muted);font-weight:800;white-space:nowrap}.now-row strong{font-size:13px;text-align:right}.contact-links{display:flex;gap:9px;flex-wrap:wrap}.panel-contact .contact-links{padding-top:12px;border-top:1px solid var(--line);margin-top:15px}.pill-link{border:1px solid rgba(141,181,199,.25);border-radius:8px;padding:9px 14px;font-size:11px;font-weight:800;display:inline-flex;align-items:center;gap:7px;transition:background .2s}.pill-link:hover{background:rgba(80,170,200,.13)}.pill-link.whatsapp{color:#79efa0;border-color:rgba(85,221,137,.27)}.info-ribbon{border-block:1px solid var(--line);background:#101923}.ribbon-inner{display:flex;justify-content:space-between;gap:12px;padding:20px 0}.ribbon-inner span{font-size:10px;font-weight:900;letter-spacing:.16em;color:#bacbd4}.ribbon-inner b{color:var(--accent);font-size:14px;margin-right:12px}.content-section{padding:78px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:31px}.section-heading h2,.page-hero h1{font-size:clamp(36px,4.4vw,57px);line-height:1.07;letter-spacing:-.06em;margin:10px 0 8px;font-weight:950}.section-heading p,.page-hero p{font-size:15px;color:var(--muted);margin:9px 0 0}.text-link{font-size:11px;letter-spacing:.09em;font-weight:900;color:var(--accent);white-space:nowrap}.text-link:hover{color:#fff}.schedule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.schedule-day{background:#111a25;border:1px solid var(--line);border-radius:13px;padding:20px 18px;min-width:0}.schedule-day h3{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-weight:900;margin:0 0 15px;padding-bottom:11px;border-bottom:1px solid var(--line)}.slot{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid rgba(162,188,208,.08);min-width:0}.slot:last-child{border-bottom:0}.slot-time{display:flex;flex-direction:column;flex-shrink:0;font-size:12px;font-weight:900;color:#e9f5f7;font-variant-numeric:tabular-nums;line-height:1.5}.slot-time span{font-size:9px;color:#7895a4}.slot-desc{display:flex;flex-direction:column;line-height:1.45;min-width:0;flex:1}.slot-desc strong{font-size:12px;overflow-wrap:anywhere}.slot-desc>span{font-size:11px;color:var(--muted)}.slot-onair{display:none;color:#07151c;background:var(--accent);font-size:9px;font-weight:950;padding:3px 6px;border-radius:3px}.slot.is-current .slot-onair{display:inline}.slot.is-current{background:rgba(32,177,203,.09);border-radius:6px;padding-left:7px;padding-right:7px}.schedule-empty{font-size:12px;color:var(--muted);margin:0}.next-banner{background:linear-gradient(110deg,#142b38,#10202b 52%,#101b25);border-block:1px solid rgba(94,180,214,.18)}.next-inner{padding:27px 0;display:flex;align-items:center;gap:24px}.next-icon{width:62px;height:62px;border:1px solid rgba(102,200,224,.26);background:rgba(56,217,239,.08);display:grid;place-items:center;border-radius:15px;font-size:26px;color:var(--accent)}.next-text{flex:1}.next-text small{font-size:10px;letter-spacing:.16em;color:var(--accent);font-weight:900}.next-text h3{font-size:21px;line-height:1.25;margin:4px 0 2px}.next-text p{font-size:12px;color:var(--muted);margin:0}.dj-grid,.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.dj-card,.news-card{border:1px solid var(--line);background:#111a24;border-radius:13px;overflow:hidden;transition:transform .2s,border-color .2s}.dj-card:hover,.news-card:hover{transform:translateY(-4px);border-color:rgba(56,217,239,.45)}.dj-card-media{height:290px;background:radial-gradient(ellipse at 50% 20%,#223849,#101722);position:relative;overflow:hidden}.dj-card-media>img{height:100%;width:100%;object-fit:cover;object-position:top}.dj-card-media>img.placeholder-image{object-fit:contain;padding:70px;opacity:.5}.dj-card-arrow{position:absolute;top:16px;right:16px;width:36px;height:36px;display:grid;place-items:center;background:rgba(9,22,30,.75);border-radius:50%;font-size:19px}.dj-card-details{padding:20px}.dj-card-details>span{font-size:10px;color:var(--accent);font-weight:900;letter-spacing:.12em}.dj-card-details h3{font-size:23px;letter-spacing:-.04em;margin:6px 0 16px}.dj-card-details small{font-weight:900;color:var(--muted);font-size:10px;letter-spacing:.1em}.news-section{background:#0b1119}.news-thumb{height:190px;background:radial-gradient(circle at 50% 40%,#1e3c51,#0b131d);overflow:hidden}.news-thumb img{width:100%;height:100%;object-fit:cover}.news-no-image{display:grid;place-items:center}.news-no-image>span{font-size:80px;opacity:.45;color:var(--accent)}.news-copy{padding:21px}.news-date{font-size:10px;color:var(--accent);font-weight:850;letter-spacing:.08em}.news-copy h3{font-size:20px;line-height:1.3;letter-spacing:-.03em;margin:9px 0}.news-copy p{font-size:13px;color:var(--muted);margin:0 0 18px}.read-more{font-size:10px;color:#c9e7ef;font-weight:900;letter-spacing:.1em}.site-footer{background:#080c12;border-top:1px solid var(--line)}.footer-top{display:grid;grid-template-columns:1.5fr .7fr 1fr;gap:35px;padding:55px 0}.footer-brand{display:flex;align-items:flex-start;gap:14px}.footer-brand strong{display:block;font-size:16px;letter-spacing:-.02em}.footer-brand p{color:var(--muted);font-size:12px;max-width:270px}.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.site-footer h4{margin:0 0 12px;text-transform:uppercase;font-size:11px;letter-spacing:.13em;color:var(--accent)}.footer-links a{font-size:13px;color:#aebfcb}.footer-links a:hover{color:#fff}.footer-license img{width:160px;height:160px;object-fit:contain;object-position:left center}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;padding:19px 0 28px;font-size:11px;color:#7f919e}.footer-bottom span span{color:var(--accent)}.page-hero{padding:75px 0 64px;background:linear-gradient(110deg,#13232f,#0a111a 70%);border-bottom:1px solid var(--line)}.page-hero .container{max-width:var(--container)}.page-hero h1{max-width:980px;margin:12px 0}.page-hero p{max-width:720px}.empty-state{border:1px dashed rgba(150,185,208,.24);background:rgba(43,67,86,.11);border-radius:10px;padding:30px;color:var(--muted)}.empty-state h3{color:var(--ink);font-size:19px;margin:0 0 8px}.empty-state p{margin:0}.grid-wide{grid-column:1/-1}.admin-hint{padding:14px 18px;border-radius:8px;border:1px dashed rgba(244,174,83,.34);background:rgba(222,147,48,.07);font-size:13px;color:#ffe2ab;margin:12px 0}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.contact-card{min-width:0;padding:29px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.contact-glyph{font-size:36px;color:var(--accent)}.contact-card h2{font-size:23px;margin:8px 0}.contact-card p{color:var(--muted);font-size:13px;margin-bottom:22px}.muted{font-size:13px;color:var(--muted)}.social-buttons{display:flex;gap:15px}.social-buttons a{font-size:13px;color:var(--accent)}.dj-profile{display:grid;grid-template-columns:minmax(0,420px) 1fr;gap:50px}.dj-profile-photo{border:1px solid var(--line);border-radius:15px;overflow:hidden;min-height:330px;background:#122330}.dj-profile-photo img{display:block;width:100%;height:auto;object-fit:cover}.dj-profile-copy h2{font-size:32px;margin:7px 0 22px}.dj-profile-copy .contact-links{margin:20px 0}.prose{max-width:820px;color:#cedbe3;line-height:1.85;font-size:16px;overflow-wrap:anywhere}.prose a{text-decoration:underline;color:var(--accent)}.prose h2,.prose h3{line-height:1.2;color:#fff}.prose img{height:auto}.article-body{max-width:920px}.article-title{overflow-wrap:anywhere}.article-image img{width:100%;height:auto;border-radius:10px;margin-bottom:25px}.pagination{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.pagination .page-numbers{border:1px solid var(--line);background:#121e2a;padding:8px 13px;border-radius:6px}.pagination .current{background:var(--accent);color:#061720}.site-footer,.content-section,.next-banner{position:relative}#zat-page{min-height:30vh}#zat-page[aria-busy="true"]{opacity:.75}.is-loading #zat-page{pointer-events:none}.page-transition{animation:enter .26s ease}@keyframes enter{from{opacity:.6;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.radio-bar{gap:15px}.station-identity{min-width:245px}.player-state{display:none}.hero-grid{grid-template-columns:minmax(0,1fr) 390px;gap:35px}.hero-left h1{font-size:77px}}
@media(max-width:870px){.radio-bar{flex-wrap:wrap;justify-content:space-between;padding:10px 22px}.station-identity{min-width:0}.player-details{order:3;flex-basis:100%;padding:3px 0;min-height:22px}.player-equalizer{height:18px}.player-controls{margin-left:auto}.nav-container{gap:18px;width:calc(100% - 36px);overflow-x:auto;scrollbar-width:thin}.nav-clock{display:none}.hero-section{padding:50px 0}.hero-grid{grid-template-columns:1fr;gap:38px}.hero-left h1{font-size:clamp(60px,11vw,90px)}.onair-panel{max-width:560px;width:100%;margin:auto}.hero-mini-stats{margin-top:42px}.schedule-grid,.dj-grid,.news-grid,.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:600px){body.admin-bar .sticky-shell{top:46px}.container{width:calc(100% - 34px)}.radio-bar{padding:8px 15px;gap:9px;min-height:unset}.station-logo{width:42px;height:42px}.station-identity{gap:6px}.station-identity strong{font-size:12px;letter-spacing:-.02em}.station-identity small{font-size:7px;letter-spacing:.12em;margin-top:4px}.player-controls{gap:8px}.player-play{width:41px;height:41px;font-size:16px}.volume-wrap input{width:47px}.volume-wrap>span{display:none}.player-details{order:3}.player-onair{font-size:10px}.player-equalizer{display:none}.nav-container{height:42px;gap:20px}.nav-link{font-size:10px}.hero-section{padding:43px 0}.hero-left h1{font-size:clamp(59px,14vw,80px);margin:20px 0}.hero-lead{font-size:15px}.hero-actions{gap:9px}.btn{padding:12px 14px;font-size:10px;white-space:normal}.hero-mini-stats{gap:12px}.hero-mini-stats strong{font-size:16px}.hero-mini-stats small{font-size:9px}.hero-mini-stats .stat-sep{height:25px}.dj-visual{height:290px}.ribbon-inner span{font-size:9px;letter-spacing:.07em}.ribbon-inner span:nth-child(3){display:none}.ribbon-inner b{margin-right:4px}.content-section{padding:49px 0}.section-heading{align-items:start;flex-wrap:wrap;gap:8px}.section-heading h2,.page-hero h1{font-size:36px}.section-heading p{font-size:13px}.schedule-grid,.dj-grid,.news-grid,.contact-grid,.dj-profile{grid-template-columns:1fr}.next-inner{flex-wrap:wrap;gap:12px}.next-icon{width:50px;height:50px}.next-inner>.btn{width:100%}.page-hero{padding:45px 0}.footer-top{grid-template-columns:1fr;gap:24px;padding:37px 0}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column;gap:3px}.dj-card-media{height:340px}.contact-card{padding:24px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}


/* Versie 1.1 – verzoeklijn uitsluitend voor de huidige DJ. */
.request-card{display:flex;align-items:center;gap:24px;border:1px solid rgba(56,217,239,.35);background:linear-gradient(115deg,#122b38,#0d1823 75%);padding:24px 27px;border-radius:15px;margin-bottom:26px;min-width:0}
.request-card-icon{width:64px;height:64px;flex:0 0 64px;display:grid;place-items:center;border-radius:14px;background:rgba(56,217,239,.11);color:var(--accent);font-size:30px}
.request-card-body{min-width:0;flex:1}.request-card .eyebrow{gap:12px}.request-card h2{margin:5px 0 3px;font-size:clamp(19px,2.5vw,27px);line-height:1.25;overflow-wrap:anywhere}.request-card p{margin:6px 0 12px;color:var(--muted);font-size:13px;line-height:1.6}
.request-card .contact-links{margin-top:13px}.request-card .pill-link{padding:11px 16px;font-size:12px}.request-in-grid{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:0}.request-in-grid .request-card-icon{width:53px;height:53px;flex:0 0 53px}.request-in-grid .request-card-body{width:100%}
.panel-contact:empty{display:none}.panel-contact .muted{display:block;margin-top:12px}.dj-profile-request{margin:22px 0 30px;padding:16px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}.dj-profile-request .muted{margin:0}.dj-profile-request .contact-links{margin:12px 0 0}
@media(max-width:600px){.request-card{padding:20px 17px;align-items:flex-start;gap:12px}.request-card-icon{width:42px;height:42px;flex-basis:42px;font-size:20px}.request-card .pill-link{max-width:100%;overflow-wrap:anywhere}.request-card .contact-links{flex-direction:column;align-items:flex-start}}

/* v1.5 — compacte, eigen HTML5-player (gebaseerd op de donkere iframebar-indeling). */
.zat-html5-player{display:flex;align-items:center;gap:11px;flex:1 1 500px;min-width:290px;max-width:520px;height:78px;border:1px solid rgba(56,217,239,.23);border-radius:13px;padding:10px 14px;background:linear-gradient(110deg,#132c3c 0%,#0b1725 72%,#0b111d 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.035);scroll-margin-top:26px}
.zat-play-button{border:0;width:48px;height:48px;flex:0 0 48px;border-radius:50%;display:grid;place-items:center;background:#39d9ef;color:#08121c;font-weight:900;font-size:19px;cursor:pointer;transition:transform .15s,background .15s;box-shadow:0 0 20px rgba(56,217,239,.22)}
.zat-play-button:hover:not(:disabled){background:#80f1ff;transform:scale(1.04)}
.zat-play-button:focus-visible,.zat-volume-control input:focus-visible{outline:2px solid #fff;outline-offset:3px}
.zat-play-button:disabled{cursor:not-allowed;opacity:.46}
.zat-html5-player.is-playing .zat-play-button{background:#ecfaff}
.zat-track-info{display:flex;flex-direction:column;justify-content:center;gap:1px;min-width:0;flex:1 1 auto;line-height:1.25}
.zat-track-kicker{color:#64e8f7;font-size:9px;font-weight:900;letter-spacing:.14em;white-space:nowrap}
.zat-track-kicker i{display:inline-block;width:6px;height:6px;margin-right:3px;border-radius:50%;background:#ff5a66;box-shadow:0 0 10px #ff5a6688}
.zat-track-title{display:block;font-size:13px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:800;line-height:1.4}
#zat-player-feedback{display:block;font-size:10px;letter-spacing:.01em;color:#aebdcc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zat-volume-control{display:flex;align-items:center;flex:0 0 102px;gap:7px;color:#65e7f6;cursor:pointer;min-width:0}
.zat-volume-control input{width:77px;min-width:0;accent-color:#38d9ef;cursor:pointer}
.zat-html5-player audio{display:none}
@media(max-width:1150px){.radio-bar{gap:12px}.radio-bar .player-details{display:none}.zat-html5-player{margin-left:auto}}
@media(max-width:870px){.radio-bar .zat-html5-player{order:3;max-width:none;flex:1 1 100%;margin:0}.radio-bar .player-details{display:flex;flex:1 1 auto;order:2;padding:0}}
@media(max-width:600px){.radio-bar .player-details{display:none}.radio-bar .zat-html5-player{order:2;min-width:0;width:100%;padding:9px 10px;gap:9px}.zat-play-button{width:43px;height:43px;flex-basis:43px}.zat-volume-control{flex-basis:80px;gap:4px}.zat-volume-control input{width:55px}.zat-track-title{font-size:12px}}
@media(max-width:360px){.zat-volume-control{flex-basis:54px}.zat-volume-control>span:first-child{display:none}.zat-volume-control input{width:51px}}

/* Actuele en aankomende DJ in het grote radiovak */
.panel-top .eyebrow { font-size:12px; letter-spacing:.09em; text-transform:none; }
.zat-up-next { position:absolute; z-index:4; right:12px; top:12px; display:flex; align-items:center; gap:8px; width:min(220px,58%); padding:8px; background:rgba(9,20,31,.88); border:1px solid rgba(80,219,240,.5); border-radius:12px; box-shadow:0 9px 26px rgba(0,0,0,.42); backdrop-filter:blur(8px); }
.zat-up-next[hidden],.zat-slide-indicator[hidden] { display:none!important; }
.zat-up-next img { width:48px; height:50px; flex:0 0 48px; border-radius:8px; object-fit:cover; object-position:center top; padding:0; filter:none; opacity:1; }
.zat-up-next div { min-width:0; display:flex; flex-direction:column; gap:1px; }
.zat-up-next small { text-transform:uppercase; font-size:9px; font-weight:900; letter-spacing:.065em; color:#68e8f7; }
.zat-up-next strong { font-size:13px; line-height:1.15; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.zat-up-next span { font-size:10px; color:#bfd5dd; }
.zat-slide-indicator { position:absolute; bottom:10px; right:17px; z-index:3; display:flex; gap:6px; }
.zat-slide-indicator i { height:5px; width:16px; background:rgba(232,248,251,.4); border-radius:10px; transition:background .35s; }
.zat-slide-indicator i.is-active { background:#50deef; }
@media(max-width:440px) { .zat-up-next { width:min(190px,65%); } .zat-up-next img { width:38px; flex-basis:38px; height:42px; } .zat-up-next small { font-size:8px; } }

/* v1.8: toon een direct controleerbare luisterlink wanneer de browser afspelen weigert. */
.zat-stream-test{font-size:10px;color:#86ecfa;text-decoration:underline;max-width:max-content;line-height:1.15}
.zat-stream-test[hidden]{display:none!important}
.zat-html5-player.has-audio-error{border-color:rgba(255,110,120,.65)}
.zat-html5-player.has-audio-error #zat-player-feedback{color:#ffafaf}

/* v1.14: originele externe playlistluisterlinks, zonder wijziging aan de HTML5-player. */
.zat-listen-section{background:linear-gradient(135deg,#0d1722 0%,#09121c 100%);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.zat-listen-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.zat-listen-card{display:flex;align-items:center;gap:14px;min-width:0;padding:18px 16px;border:1px solid rgba(56,217,239,.23);border-radius:14px;background:linear-gradient(135deg,#142836,#0f1c28);transition:border-color .2s,transform .2s,background .2s}
.zat-listen-card:hover,.zat-listen-card:focus-visible{border-color:#38d9ef;transform:translateY(-2px);background:#152c3b}
.zat-listen-icon{width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;border-radius:12px;background:rgba(56,217,239,.12);color:#69e8f8;font-size:23px}
.zat-listen-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.zat-listen-copy strong{font-size:13px;line-height:1.4;overflow-wrap:anywhere;color:#f2fbff}
.zat-listen-copy small{font-size:10px;letter-spacing:.08em;color:#aabecb;font-weight:700}
.zat-listen-arrow{color:#68e8f7;margin-left:auto;flex:0 0 auto;font-size:17px}
.zat-listen-note{margin:16px 0 0;color:var(--muted);font-size:12px}
.footer-top{grid-template-columns:minmax(0,1.45fr) minmax(0,.6fr) minmax(0,1fr) minmax(0,.8fr)}
.footer-listen{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}
.footer-listen h4{margin-bottom:4px}
.footer-listen a{font-size:12px;color:#b8cbd6;line-height:1.4}
.footer-listen a:hover{color:#6be7f9}
.footer-listen small{color:#7f919e;font-size:10px}
.footer-listen span{color:#61dfee}
@media(max-width:1100px){.zat-listen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-top{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-brand{grid-column:1/-1}}
@media(max-width:600px){.zat-listen-grid{grid-template-columns:1fr}.zat-listen-card{padding:14px 15px}.footer-top{grid-template-columns:1fr}.footer-brand{grid-column:auto}}

/* v1.15: bij START WEBPLAYER is het direct zichtbaar welke speler is geactiveerd. */
.zat-html5-player.zat-player-attention{outline:2px solid #38d9ef;outline-offset:3px;box-shadow:0 0 0 5px rgba(56,217,239,.14);transition:box-shadow .2s,outline-color .2s}
@media(prefers-reduced-motion:reduce){.zat-html5-player.zat-player-attention{transition:none}}

/* v1.16: Nonstop en aftellen tot de eerstvolgende DJ, onder de foto (dus nooit over het gezicht). */
.zat-nonstop-countdown{margin-top:16px;padding:16px 18px;border:1px solid rgba(56,217,239,.44);border-radius:12px;background:linear-gradient(110deg,rgba(30,120,151,.17),rgba(13,31,44,.74));display:flex;flex-direction:column;gap:3px;min-width:0}
.zat-nonstop-countdown[hidden]{display:none!important}
.zat-countdown-label{font-size:10px;letter-spacing:.12em;font-weight:900;color:#6be9f8}
.zat-countdown-digits{display:block;color:#fff;font-size:clamp(24px,3.5vw,39px);font-variant-numeric:tabular-nums;font-weight:900;letter-spacing:.035em;line-height:1.32;overflow-wrap:anywhere}
.zat-countdown-digits.is-unscheduled{font-size:clamp(15px,2vw,20px);letter-spacing:normal}
.zat-countdown-when{color:#bbd8e3;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
@media(max-width:600px){.zat-nonstop-countdown{padding:13px 14px}.zat-countdown-digits{font-size:clamp(25px,7vw,35px)}}

/* Kaart voor de volgende DJ hoort onder de foto: nooit boven ogen of gezicht. */
.onair-panel .panel-bottom .zat-up-next{position:relative;top:auto;right:auto;z-index:auto;width:100%;min-width:0;margin:0 0 17px;border-radius:12px;padding:10px 12px;box-shadow:none;background:#101f2b}
.onair-panel .panel-bottom .zat-up-next img{width:54px;flex-basis:54px;height:54px}
.onair-panel .panel-bottom .zat-up-next strong{font-size:14px}


/* v1.18 – Corky FM inside the existing 'Nu Live voor u' panel.
   The parked node stays in the DOM and is moved, not re-created, by main.js. */
.zat-corky-parking{position:absolute;left:-99999px;top:-99999px;width:400px;pointer-events:none}
.zat-corky-inline{min-width:0;margin:0 0 16px;padding:13px 14px;border:1px solid rgba(69,211,238,.44);border-radius:12px;background:linear-gradient(120deg,#112b3a,#101e2b);overflow-wrap:anywhere}
.zat-corky-inline[hidden]{display:none!important}
.zat-corky-inline-heading{display:flex;align-items:center;gap:9px;color:#57e3f2;font-size:10px;font-weight:900;letter-spacing:.12em;margin-bottom:8px}
.zat-corky-inline-content{color:#f1f9fd;font-size:13px;line-height:1.5;min-width:0}
.zat-corky-inline-content .zat-corky-shortcode{min-width:0;max-width:100%;overflow-wrap:anywhere}
.zat-corky-inline-content .zat-corky-shortcode img{max-width:100%;height:auto;border-radius:8px}
.zat-corky-inline-content .zat-corky-shortcode iframe{max-width:100%;border:0}
.zat-corky-inline-content a{color:#68e6f6;text-decoration:underline;text-underline-offset:2px}
@media(max-width:600px){.zat-corky-inline{padding:12px;margin-bottom:14px}}