:root{--bg:#060906;--panel:#0f1610;--green:#54ed67;--green2:#1eaa45;--text:#f4f7f4;--muted:#aeb8af;--line:rgba(109,255,132,.14);--line2:rgba(109,255,132,.28);--shadow:0 24px 55px rgba(0,0,0,.36);--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% 0,rgba(84,237,103,.08),transparent 25%),linear-gradient(180deg,#050805,#091009 42%,#060906);color:var(--text);font-family:Arial,Helvetica,sans-serif;padding-bottom:78px}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.container{width:min(var(--max-width),calc(100% - 34px));margin:auto}.panel{background:linear-gradient(180deg,rgba(19,28,20,.94),rgba(9,14,10,.97));border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius)}.stream-strip{background:#030503;border-bottom:1px solid var(--line);position:relative;z-index:30}.stream-strip-inner{width:min(1320px,calc(100% - 28px));margin:auto;min-height:70px;display:grid;grid-template-columns:1.1fr 1.6fr 1fr .85fr auto;gap:22px;align-items:center}.stream-strip small{display:block;font-size:.62rem;letter-spacing:.14em;color:#7f9181;font-weight:800;margin-bottom:4px}.stream-strip strong{font-size:.83rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.stream-status{display:flex;gap:11px;align-items:center}.pulse{width:11px;height:11px;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px rgba(84,237,103,.1),0 0 18px rgba(84,237,103,.55);animation:pulse 1.3s infinite}@keyframes pulse{50%{box-shadow:0 0 0 10px rgba(84,237,103,0),0 0 26px rgba(84,237,103,.75)}}.stream-play{border:1px solid #2d7d3d;background:linear-gradient(135deg,var(--green),var(--green2));color:#071008;padding:11px 15px;border-radius:10px;font-weight:900}.masthead{width:100%;position:relative;overflow:hidden;background:#020402;line-height:0}.masthead img{width:100%;height:auto;max-height:var(--banner-max-height);object-fit:cover;object-position:center}.masthead-shade{position:absolute;inset:0;box-shadow:inset 0 -40px 70px rgba(0,0,0,.5);pointer-events:none}.site-header{position:sticky;top:0;z-index:25;background:rgba(6,9,6,.94);backdrop-filter:blur(15px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.nav-wrap{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-logo{width:52px;height:52px;object-fit:cover;border-radius:13px;border:1px solid var(--line2)}.brand strong{display:block}.brand small{display:block;color:var(--muted);font-size:.68rem;margin-top:4px}.main-nav{display:flex;align-items:center;gap:4px}.main-nav a{font-size:.86rem;font-weight:800;color:#d7ddd7;padding:11px 12px;border-radius:10px}.main-nav a:hover{background:#111a12;color:var(--green)}.menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);background:#0e150f;border-radius:10px;padding:10px}.menu-toggle span{height:3px;background:#fff;border-radius:3px;display:block;margin:4px 0}.section-tight{padding:52px 0}.intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.intro-main{padding:38px;position:relative;overflow:hidden}.kicker{font-size:.72rem;letter-spacing:.18em;font-weight:900;color:var(--green)}.intro h1,.content-section h2,.contact h2{letter-spacing:-.045em}.intro h1{font-size:clamp(2.9rem,6.5vw,5.6rem);line-height:.92;margin:16px 0 20px}.intro h1 span{color:var(--green)}.intro-main>p{max-width:720px;color:#c3cbc4;line-height:1.72;font-size:1.03rem}.intro-actions{display:flex;gap:12px;flex-wrap:wrap;margin:27px 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:11px;font-weight:900;border:1px solid transparent}.primary{background:linear-gradient(135deg,var(--green),var(--green2));color:#061006;box-shadow:0 12px 28px rgba(30,170,69,.2)}.ghost{background:#0b110c;color:#fff;border-color:#2a3b2c}.ghost:hover{border-color:var(--green);color:var(--green)}.mini-features{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:28px;padding-top:22px}.mini-features b{display:block;color:var(--green);font-size:1.25rem}.mini-features span{font-size:.76rem;color:var(--muted);display:block;margin-top:4px}.onair-card{padding:24px}.onair-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.live-pill{font-size:.7rem;font-weight:900;color:#78f287;border:1px solid #2e8740;background:#102315;padding:7px 10px;border-radius:999px}.live-pill i{width:7px;height:7px;background:var(--green);border-radius:50%;display:inline-block;margin-right:6px}.temporary{font-size:.68rem;color:#829083}.cover-wrap{position:relative;margin:22px 0 18px;overflow:hidden;border-radius:16px;border:1px solid var(--line)}.cover-wrap img{width:100%;aspect-ratio:16/8;object-fit:cover}.eq-big{position:absolute;left:20px;right:20px;bottom:16px;height:44px;display:flex;align-items:end;justify-content:center;gap:5px}.eq-big i,.player-eq i{display:block;background:linear-gradient(var(--green),var(--green2));border-radius:4px;animation:eq .75s ease-in-out infinite alternate}.eq-big i:nth-child(1){height:15%}.eq-big i:nth-child(2){height:65%}.eq-big i:nth-child(3){height:35%}.eq-big i:nth-child(4){height:85%}.eq-big i:nth-child(5){height:48%}.eq-big i:nth-child(6){height:72%}.eq-big i:nth-child(7){height:28%}.eq-big i:nth-child(8){height:55%}@keyframes eq{to{height:18%}}.track-copy small{font-size:.64rem;letter-spacing:.13em;color:var(--muted)}.track-copy h2{font-size:1.65rem;margin:7px 0 3px}.track-copy p{margin:0;color:#b6c1b7}.live-metrics{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.live-metrics small{display:block;color:#7e8c80;font-size:.62rem;text-transform:uppercase;margin-bottom:5px}.live-metrics b{font-size:.77rem}.online{color:var(--green)}.quick-actions{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#070b08}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr)}.quick-card{border:0;border-right:1px solid var(--line);background:transparent;color:#fff;padding:22px 20px;display:flex;gap:14px;text-align:left;align-items:center}.quick-card:last-child{border-right:0}.quick-card:hover{background:rgba(84,237,103,.04)}.quick-icon{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:50%;background:#122316;border:1px solid #295a33;color:var(--green);font-weight:900}.quick-card b{display:block;font-size:.88rem}.quick-card small{display:block;color:var(--muted);font-size:.7rem;margin-top:4px}.content-section{padding:78px 0}.content-section.soft{background:rgba(255,255,255,.018);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:end;margin-bottom:28px}.section-heading h2,.request-copy h2,.about h2{font-size:clamp(2rem,4.7vw,3.65rem);line-height:1.02;margin:10px 0 0}.section-heading p,.request-copy>p,.about>p,.contact p{color:var(--muted);line-height:1.7;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature{padding:24px}.feature-num{font-size:.67rem;color:var(--green);font-weight:900;letter-spacing:.14em}.feature h3{font-size:1.18rem;margin:27px 0 8px}.feature p{color:var(--muted);font-size:.88rem;line-height:1.65;margin:0}.request-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;align-items:start}.request-copy>p{margin-top:16px}.request-note{margin-top:25px;padding:17px;display:flex;gap:14px;align-items:flex-start}.request-note>span{font-size:1.55rem;color:var(--green)}.request-note b{font-size:.88rem}.request-note p{margin:6px 0 0;font-size:.78rem;color:var(--muted);line-height:1.5}.request-form{padding:24px;display:grid;gap:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.request-form label{font-size:.77rem;font-weight:800;display:grid;gap:7px}.request-form input,.request-form textarea{width:100%;background:#070b08;color:white;border:1px solid #263429;border-radius:10px;padding:12px 13px;outline:none}.request-form input:focus,.request-form textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(84,237,103,.08)}.form-status{font-size:.75rem;color:var(--green);margin:0}.schedule{overflow:hidden}.schedule>div{display:grid;grid-template-columns:125px 145px 1fr 1.2fr;gap:20px;padding:17px 20px;border-bottom:1px solid var(--line);align-items:center}.schedule>div:last-child{border-bottom:0}.schedule b{color:var(--green)}.schedule span{font-size:.82rem;color:#d1d8d2}.schedule strong{font-size:.9rem}.schedule em{font-style:normal;color:var(--muted);font-size:.82rem}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.team-card{text-align:center;padding:26px}.avatar{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;margin:auto;background:linear-gradient(135deg,#17331d,#09100a);border:2px solid #286236;color:var(--green);font-weight:900}.team-card h3{margin:16px 0 5px}.team-card>span{color:var(--green);font-size:.72rem}.team-card p{color:var(--muted);font-size:.86rem;line-height:1.6}.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.about{padding:32px}.about>p{margin-top:17px}.about ul{margin:22px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px}.about li{padding:11px 12px;border:1px solid var(--line);border-radius:10px;color:#d6ddd7;font-size:.8rem}.about li:before{content:"✓";color:var(--green);font-weight:900;margin-right:8px}.brand-showcase{padding:18px;display:grid;place-items:center}.brand-showcase img{width:100%;border-radius:14px}.contact-section{padding:0 0 78px}.contact{padding:28px 30px;display:flex;align-items:center;justify-content:space-between;gap:28px}.contact h2{font-size:clamp(1.8rem,4vw,3rem);margin:8px 0 10px}.footer{background:#030503;border-top:1px solid var(--line)}.footer-grid{min-height:120px;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:62px;height:62px;border-radius:14px;object-fit:cover;border:1px solid var(--line2)}.footer-brand b,.footer-brand span{display:block}.footer-brand span{font-size:.72rem;color:var(--muted);margin-top:4px}.footer-links{display:flex;gap:18px;font-size:.78rem;color:#bac3bb}.copyright{text-align:center;border-top:1px solid var(--line);padding:14px;color:#667067;font-size:.68rem}.playerbar{position:fixed;left:0;right:0;bottom:0;z-index:50;background:rgba(5,8,5,.97);backdrop-filter:blur(16px);border-top:1px solid var(--line2);box-shadow:0 -16px 45px rgba(0,0,0,.38)}.player-inner{width:min(1200px,calc(100% - 24px));height:78px;margin:auto;display:grid;grid-template-columns:48px 44px minmax(0,1fr) 72px 170px;gap:12px;align-items:center}.player-logo{width:46px;height:46px;object-fit:cover;border-radius:10px}.player-play{width:42px;height:42px;border:0;border-radius:50%;background:linear-gradient(135deg,var(--green),var(--green2));font-weight:900;color:#071008}.player-copy{min-width:0}.player-copy strong,.player-copy span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-copy span{font-size:.7rem;color:var(--muted);margin-top:4px}.player-eq{height:30px;display:flex;align-items:end;justify-content:center;gap:4px;opacity:.35}.player-eq.active{opacity:1}.player-eq i{width:4px;animation-play-state:paused}.player-eq.active i{animation-play-state:running}.player-eq i:nth-child(1){height:20%}.player-eq i:nth-child(2){height:70%}.player-eq i:nth-child(3){height:42%}.player-eq i:nth-child(4){height:85%}.player-eq i:nth-child(5){height:55%}.volume-wrap{display:flex;align-items:center;gap:7px;font-size:.8rem}.volume-wrap input{width:100%;accent-color:var(--green)}@media(max-width:980px){.stream-strip-inner{grid-template-columns:1fr 1.4fr auto}.stream-dj,.stream-listeners{display:none}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:76px;left:0;right:0;background:#070b08;border-bottom:1px solid var(--line);padding:12px 17px 18px;flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.main-nav a{padding:13px}.intro-grid,.request-layout,.about-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}.section-heading{grid-template-columns:1fr;gap:12px}.team-grid{grid-template-columns:1fr 1fr 1fr}.schedule>div{grid-template-columns:110px 135px 1fr}.schedule em{display:none}}@media(max-width:680px){body{padding-bottom:70px}.container{width:min(100% - 20px,1200px)}.stream-strip-inner{min-height:62px;grid-template-columns:1fr auto;gap:12px}.stream-track{display:none}.stream-play{font-size:.72rem;padding:9px 10px}.masthead img{min-height:170px;object-fit:cover}.nav-wrap{min-height:68px}.brand-logo{width:46px;height:46px}.brand strong{font-size:.88rem}.brand small{font-size:.62rem}.main-nav{top:68px}.section-tight{padding:28px 0}.intro-main,.onair-card{padding:20px}.intro h1{font-size:clamp(2.5rem,14vw,4.1rem)}.intro-actions{display:grid}.btn{width:100%}.quick-grid{grid-template-columns:1fr 1fr}.quick-card:nth-child(2){border-right:0}.quick-card:nth-child(-n+2){border-bottom:1px solid var(--line)}.content-section{padding:56px 0}.feature-grid,.team-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.schedule>div{grid-template-columns:1fr;gap:5px}.about ul{grid-template-columns:1fr}.contact{align-items:flex-start;flex-direction:column}.footer-grid{align-items:flex-start;flex-direction:column;padding:26px 0}.footer-links{flex-wrap:wrap}.player-inner{height:70px;grid-template-columns:40px 40px minmax(0,1fr) 42px}.player-logo{width:38px;height:38px}.volume-wrap{display:none}.player-eq{width:42px}}\n.team-photo{width:86px;height:86px;object-fit:cover;border-radius:50%;margin:0 auto;border:2px solid var(--green)}.external-request{margin-top:18px}.admin-link{opacity:.8}
/* PRO multi-page uitbreidingen */
.header-actions{display:flex;gap:7px;align-items:center}.head-btn,.mini-live{border:1px solid var(--line2);padding:9px 10px;border-radius:9px;font-size:.7rem;font-weight:900;background:#0c140d;color:#fff}.mini-live{background:linear-gradient(135deg,var(--green),var(--green2));color:#071008}.head-btn.dj{color:var(--green)}.head-btn.admin{border-color:rgba(255,255,255,.16)}.main-nav a.active{background:rgba(84,237,103,.09);color:var(--green)}.quick-grid.six{grid-template-columns:repeat(6,1fr)}.page-hero{padding:64px 0 42px;background:linear-gradient(180deg,rgba(84,237,103,.045),transparent);border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(2.6rem,6vw,5.3rem);line-height:.95;letter-spacing:-.055em;margin:12px 0 14px}.page-hero p{max-width:760px;color:var(--muted);font-size:1.02rem;line-height:1.7}.page-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.page-main,.side-info{padding:28px}.page-main h2{font-size:clamp(2rem,4vw,3.2rem);margin:0 0 14px}.page-main p,.side-info p{color:var(--muted);line-height:1.7}.big-now{margin-top:28px;padding:23px;border-radius:15px;border:1px solid var(--line);background:#090f0a}.big-now small{color:var(--green);font-weight:900;letter-spacing:.13em}.big-now h3{font-size:1.6rem;margin:8px 0 4px}.clean-list{list-style:none;padding:0;margin:20px 0 0}.clean-list li{padding:11px 0;border-bottom:1px solid var(--line)}.clean-list li:before{content:'✓';color:var(--green);margin-right:9px;font-weight:900}.page-form{margin-top:24px}.team-photo{width:92px;height:92px;object-fit:cover;border-radius:50%;margin:0 auto;border:2px solid var(--line2)}.brand-copy{text-align:center;margin-top:15px}.brand-copy b,.brand-copy span{display:block}.brand-copy span{color:var(--muted);margin-top:5px}.contact-lines{display:grid;gap:10px;margin-top:24px}.contact-lines a{padding:13px;border:1px solid var(--line);border-radius:10px}.chat-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.chat-panel,.chat-form-card{padding:22px}.chat-welcome{padding:13px;border:1px solid var(--line);border-radius:10px;color:#d8e4d9;background:#0b120c;margin-bottom:14px}.chat-messages{display:grid;gap:10px;max-height:620px;overflow:auto;padding-right:4px}.chat-message{padding:13px 14px;border-radius:12px;background:#0a100b;border:1px solid var(--line)}.chat-meta{display:flex;justify-content:space-between;gap:10px}.chat-meta b{color:var(--green)}.chat-meta span{color:#78837a;font-size:.7rem}.chat-message p{margin:7px 0 0;color:#d7ddd8;line-height:1.5}.empty-chat{padding:30px;text-align:center;color:var(--muted)}.chat-error{padding:10px;border:1px solid #6b2c2c;background:#271010;border-radius:8px;color:#ffb8b8;margin-bottom:12px}.admin-action{border-color:rgba(84,237,103,.38)!important}@media(max-width:1150px){.header-actions{display:none}.quick-grid.six{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.page-grid,.chat-layout{grid-template-columns:1fr}.quick-grid.six{grid-template-columns:repeat(2,1fr)}}


.schedule-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px;position:sticky;top:92px;z-index:5;background:rgba(6,9,6,.92);backdrop-filter:blur(12px);padding:10px;border:1px solid var(--line);border-radius:14px}.schedule-tabs a{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:#0b120c;border:1px solid var(--line);font-weight:900;color:#dce6dd}.schedule-tabs a:hover,.schedule-tabs a.active{background:linear-gradient(135deg,var(--green),var(--green2));color:#061006}.schedule-days{display:grid;gap:18px}.schedule-day{padding:22px}.schedule-day-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.schedule-day-head h2{font-size:clamp(1.8rem,4vw,2.8rem);margin:5px 0 0}.schedule-day-head>span{color:var(--muted);font-size:.78rem}.schedule-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.schedule-card{background:#09100a;border:1px solid var(--line);border-radius:14px;overflow:hidden}.schedule-art{aspect-ratio:16/9;position:relative;background:linear-gradient(135deg,#102014,#060906);overflow:hidden}.schedule-art img{width:100%;height:100%;object-fit:cover}.schedule-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.68))}.schedule-art-fallback{height:100%;display:grid;place-items:center;font-size:2rem;color:var(--green)}.schedule-time{position:absolute;left:10px;bottom:9px;z-index:2;background:rgba(5,8,5,.88);border:1px solid rgba(84,237,103,.35);color:#fff;padding:6px 8px;border-radius:8px;font-size:.72rem;font-weight:900}.schedule-card-copy{padding:13px}.schedule-card-copy h3{margin:0 0 5px;font-size:.96rem}.schedule-card-copy p{margin:0;color:var(--muted);font-size:.76rem}.schedule-source-note{margin-top:18px;padding:16px 18px;display:flex;gap:16px;align-items:center}.schedule-source-note strong{color:var(--green)}.schedule-source-note span{color:var(--muted);font-size:.8rem}.team-grid-rich{grid-template-columns:repeat(2,1fr)}.team-card-rich{padding:0;overflow:hidden;text-align:left}.team-photo-wide{aspect-ratio:16/10;overflow:hidden;background:#071008}.team-photo-wide img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.team-card-rich:hover .team-photo-wide img{transform:scale(1.025)}.team-photo-empty{display:grid;place-items:center;font-size:2rem;color:var(--green)}.team-card-body{padding:18px 20px 20px}.team-card-body h3{font-size:1.35rem;margin:6px 0 9px}.team-role{font-size:.68rem;color:var(--green);letter-spacing:.12em;text-transform:uppercase;font-weight:900}.team-card-body p{margin:0;color:var(--muted)}.team-join{margin-top:18px;padding:24px 26px;display:flex;align-items:center;justify-content:space-between;gap:24px}.team-join h2{font-size:clamp(1.7rem,4vw,2.7rem);margin:6px 0 8px}.team-join p{margin:0;color:var(--muted);max-width:760px}.schedule-admin-row{grid-template-columns:repeat(4,1fr)}@media(max-width:1050px){.schedule-cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.schedule-cards{grid-template-columns:repeat(2,1fr)}.team-grid-rich{grid-template-columns:1fr}.team-join{align-items:flex-start;flex-direction:column}.schedule-tabs{top:76px}}@media(max-width:520px){.schedule-cards{grid-template-columns:1fr}.schedule-source-note{align-items:flex-start;flex-direction:column}}
\n/* --- Chat informatiepagina --- */
.chat-page-hero{position:relative;overflow:hidden}.chat-page-hero:after{content:"";position:absolute;right:-80px;top:-120px;width:330px;height:330px;border-radius:50%;border:1px solid var(--line2);box-shadow:0 0 90px rgba(84,237,103,.08);pointer-events:none}.chat-info-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:18px;align-items:stretch}.chat-intro-card,.chat-side-card{padding:32px}.chat-icon{width:68px;height:68px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,rgba(84,237,103,.18),rgba(30,170,69,.05));border:1px solid var(--line2);font-size:1.9rem;margin-bottom:24px}.chat-intro-card h2,.chat-side-card h2{font-size:clamp(1.8rem,3.4vw,3rem);letter-spacing:-.04em;margin:10px 0 14px}.chat-intro-card>p,.chat-side-card>p{color:var(--muted);line-height:1.75}.chat-cta-row{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 20px}.chat-launch{min-width:250px}.disabled-btn{opacity:.55;cursor:not-allowed;pointer-events:none}.chat-note{border-top:1px solid var(--line);padding-top:18px;color:var(--muted);font-size:.82rem;line-height:1.6}.chat-note b{color:var(--green)}.chat-closed{padding:18px;border:1px solid rgba(255,185,80,.3);background:rgba(255,185,80,.06);border-radius:12px;margin-top:22px}.chat-closed b,.chat-closed span{display:block}.chat-closed span{color:var(--muted);font-size:.8rem;margin-top:5px}.chat-mini-list{display:grid;gap:10px;margin-top:24px}.chat-mini-list>div{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:14px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.018)}.chat-mini-list span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#102315;color:var(--green);font-size:.72rem;font-weight:900}.chat-mini-list p{margin:0;color:var(--muted);font-size:.8rem;line-height:1.45}.chat-mini-list b{display:block;color:var(--text);font-size:.86rem;margin-bottom:3px}.chat-rules-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.chat-rule{padding:18px;display:grid;grid-template-columns:44px 1fr;gap:13px;align-items:start}.chat-rule>span{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:#102315;border:1px solid var(--line2);color:var(--green);font-size:.72rem;font-weight:900}.chat-rule p{margin:2px 0 0;color:#d6ded7;line-height:1.55;font-size:.86rem}.chat-help-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.chat-help{padding:25px}.chat-help h3{font-size:1.35rem;margin:9px 0}.chat-help p{color:var(--muted);line-height:1.65;font-size:.88rem}.text-link{color:var(--green);font-size:.82rem;font-weight:900}@media(max-width:850px){.chat-info-grid,.chat-help-grid{grid-template-columns:1fr}.chat-rules-grid{grid-template-columns:1fr}}@media(max-width:680px){.chat-intro-card,.chat-side-card{padding:20px}.chat-cta-row{display:grid}.chat-cta-row .btn{width:100%}.chat-launch{min-width:0}}


/* ULTIMATE update: nieuws, programma, weer, verkeer en Maaskantje FX */
.news-ticker{height:40px;background:#030503;border-bottom:1px solid var(--line);display:grid;grid-template-columns:auto 1fr auto;align-items:center;overflow:hidden;position:relative;z-index:40}.news-ticker-label{height:100%;display:flex;align-items:center;padding:0 14px;background:var(--hazard);color:#111;font-size:.68rem;font-weight:1000;letter-spacing:.1em}.news-ticker-window{overflow:hidden;white-space:nowrap}.news-ticker-track{display:inline-flex;gap:38px;padding-left:100%;animation:news-scroll 60s linear infinite}.news-ticker-track:hover{animation-play-state:paused}.news-ticker-track a{font-size:.72rem;color:#e6ebe6}.news-ticker-more{font-size:.7rem;font-weight:900;color:var(--green);padding:0 14px}@keyframes news-scroll{to{transform:translateX(-100%)}}
.maaskantje-stage{isolation:isolate}.maaskantje-stage img{position:relative;z-index:1}.maaskantje-stage:before{content:"";position:absolute;inset:0;z-index:2;background:repeating-linear-gradient(135deg,transparent 0 34px,rgba(244,169,0,.06) 35px 37px);pointer-events:none}.disco-ball{position:absolute;z-index:5;top:-32px;left:50%;width:68px;height:68px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 3%,#8cff9a 4% 7%,#1c3520 8% 15%,#050705 16% 100%);border:2px solid rgba(84,237,103,.75);box-shadow:0 0 30px rgba(84,237,103,.55)}.beam{position:absolute;z-index:3;top:20px;left:50%;width:10px;height:120%;transform-origin:top;background:linear-gradient(180deg,rgba(84,237,103,.55),rgba(84,237,103,0));filter:blur(7px);opacity:.45;animation:beam-move 5s ease-in-out infinite alternate}.beam-a{transform:rotate(-35deg)}.beam-b{transform:rotate(0deg);animation-delay:-2s}.beam-c{transform:rotate(35deg);animation-delay:-4s}@keyframes beam-move{to{transform:rotate(55deg);opacity:.18}}
.speaker-fx{position:absolute;z-index:4;top:50%;width:100px;height:100px;border-radius:50%;transform:translateY(-50%);border:2px solid rgba(84,237,103,.45);box-shadow:0 0 0 15px rgba(0,0,0,.35),0 0 40px rgba(84,237,103,.25);animation:speaker-pulse .9s ease-in-out infinite alternate}.speaker-fx span{position:absolute;inset:17px;border-radius:50%;border:2px solid rgba(84,237,103,.5)}.speaker-left{left:2%}.speaker-right{right:2%}@keyframes speaker-pulse{to{transform:translateY(-50%) scale(1.055);box-shadow:0 0 0 19px rgba(0,0,0,.28),0 0 60px rgba(84,237,103,.42)}}
.banner-eq{position:absolute;z-index:4;left:50%;bottom:18px;transform:translateX(-50%);height:52px;display:flex;align-items:end;gap:5px;opacity:.75}.banner-eq b{width:5px;height:20%;border-radius:4px;background:linear-gradient(var(--green),var(--green2));animation:eq-banner .8s ease-in-out infinite alternate}.banner-eq b:nth-child(3n){animation-delay:-.3s;height:80%}.banner-eq b:nth-child(4n){animation-delay:-.6s;height:45%}.banner-eq b:nth-child(5n){height:95%}@keyframes eq-banner{to{height:100%}}
.hazard-line{position:absolute;z-index:6;left:0;right:0;bottom:0;height:7px;background:repeating-linear-gradient(135deg,var(--hazard) 0 14px,#111 14px 28px)}
.schedule-toolbar{padding:16px 18px;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.schedule-toolbar strong,.schedule-toolbar span{display:block}.schedule-toolbar span{color:var(--muted);font-size:.76rem;margin-top:4px}.schedule-tabs{position:static!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;backdrop-filter:none!important}.schedule-tabs button{width:48px;height:42px;border:1px solid var(--line);border-radius:10px;background:#0b120c;color:#dce6dd;font-weight:900;cursor:pointer}.schedule-tabs button:first-child{width:auto;padding:0 14px}.schedule-tabs button:hover,.schedule-tabs button.active{background:linear-gradient(135deg,var(--green),var(--green2));color:#061006}.schedule-day.is-hidden{display:none}.empty-day{padding:22px;border:1px dashed var(--line2);border-radius:12px;color:var(--muted)}
.news-source{padding:24px 26px;display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px}.news-source h2{font-size:2rem;margin:6px 0}.news-source p{margin:0;color:var(--muted)}.news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.news-card{padding:22px;position:relative}.news-index{font-size:.66rem;color:var(--green);font-weight:900}.news-card h3{font-size:1.15rem;line-height:1.32;margin:18px 0 10px}.news-card p{color:var(--muted);font-size:.84rem;line-height:1.6}.news-meta{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:13px;margin-top:16px;font-size:.7rem;color:#778177}.news-meta a{color:var(--green);font-weight:900}.empty-state{padding:30px;color:var(--muted)}
.weather-now{padding:30px;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:30px}.weather-now strong{font-size:clamp(4rem,10vw,7rem);line-height:.8;color:var(--green);display:block;margin:20px 0 12px}.weather-now h2{font-size:2rem;margin:0}.weather-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.weather-facts div{padding:18px;background:#09100a;border:1px solid var(--line);border-radius:12px}.weather-facts span,.weather-facts b{display:block}.weather-facts span{font-size:.7rem;color:var(--muted);margin-bottom:6px}.weather-days{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:15px}.weather-day{padding:18px}.weather-day>span{font-size:.7rem;color:var(--green);font-weight:900}.weather-day h3{font-size:.9rem}.weather-day b,.weather-day small{display:block}.weather-day small{color:var(--muted);margin-top:7px}.data-note{font-size:.68rem;color:#6f796f;margin-top:12px}
.traffic-hero{padding:30px;display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center}.traffic-hero h2{font-size:clamp(2rem,4vw,3.3rem);margin:9px 0}.traffic-hero p{color:var(--muted);line-height:1.6}.traffic-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.road-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.road-list span{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:#06120a;border:3px solid #fff;color:#fff;font-size:1.3rem;font-weight:1000;box-shadow:inset 0 0 0 5px #1d75d8}.traffic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.traffic-card{padding:20px;display:flex;gap:14px;align-items:flex-start}.traffic-card>span{color:var(--green);font-weight:1000;font-size:.72rem}.traffic-card p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.55}
.maaskantje-vibe-section{padding:30px 0 76px}.vibe-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.vibe-copy{padding:32px}.vibe-copy h2{font-size:clamp(2rem,5vw,3.8rem);line-height:1;margin:10px 0}.vibe-copy p{color:var(--muted);line-height:1.7}.vibe-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.vibe-chips span{padding:9px 11px;border-radius:999px;background:#09110a;border:1px solid var(--line);font-size:.75rem}.vibe-actions{padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.vibe-actions a{padding:20px;border-radius:12px;background:#081009;border:1px solid var(--line);transition:.2s}.vibe-actions a:hover{border-color:var(--green);transform:translateY(-2px)}.vibe-actions b,.vibe-actions span{display:block}.vibe-actions b{margin-bottom:6px}.vibe-actions span{font-size:.7rem;color:var(--muted)}.idea-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#050805}.idea-grid{display:grid;grid-template-columns:repeat(4,1fr)}.idea-grid div{padding:20px;border-right:1px solid var(--line)}.idea-grid div:last-child{border-right:0}.idea-grid b,.idea-grid span{display:block}.idea-grid b{font-size:.82rem}.idea-grid span{font-size:.68rem;color:var(--muted);margin-top:4px}
@media(max-width:1050px){.main-nav{gap:1px}.main-nav a{font-size:.74rem;padding:10px 8px}.weather-days{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.speaker-fx{width:72px;height:72px}.news-grid,.weather-now,.traffic-hero,.vibe-grid{grid-template-columns:1fr}.traffic-grid{grid-template-columns:1fr 1fr}.idea-grid{grid-template-columns:1fr 1fr}.idea-grid div:nth-child(2){border-right:0}.idea-grid div:nth-child(-n+2){border-bottom:1px solid var(--line)}.schedule-toolbar{align-items:flex-start;flex-direction:column}}
@media(max-width:680px){.news-ticker{height:36px;grid-template-columns:auto 1fr}.news-ticker-more{display:none}.news-ticker-label{padding:0 9px;font-size:.58rem}.news-ticker-track{animation-duration:42s}.disco-ball{width:48px;height:48px}.speaker-fx{display:none}.banner-eq{bottom:10px}.schedule-tabs{display:grid!important;grid-template-columns:repeat(4,1fr);width:100%}.schedule-tabs button,.schedule-tabs button:first-child{width:100%!important;padding:0!important}.news-source{align-items:flex-start;flex-direction:column}.news-grid,.weather-days,.traffic-grid{grid-template-columns:1fr}.weather-facts{grid-template-columns:1fr 1fr}.vibe-actions{grid-template-columns:1fr}.idea-grid{grid-template-columns:1fr}.idea-grid div{border-right:0;border-bottom:1px solid var(--line)}.idea-grid div:last-child{border-bottom:0}}

@media(max-width:1180px){.header-actions{display:none}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:76px;left:0;right:0;background:#070b08;border-bottom:1px solid var(--line);padding:12px 17px 18px;flex-direction:column;align-items:stretch;max-height:calc(100vh - 76px);overflow:auto}.main-nav.open{display:flex}.main-nav a{padding:13px;font-size:.86rem}}

/* HOME REWORK + banner continuation */
body{background:radial-gradient(circle at 50% 0,rgba(84,237,103,.12),transparent 22%),radial-gradient(circle at 20% 0,rgba(84,237,103,.08),transparent 25%),linear-gradient(180deg,#040604 0%,#071008 18%,#091009 42%,#060906 100%)}
.home-overlap-section{position:relative;z-index:9;margin-top:-44px;padding-top:0}.home-overlap-section .container{position:relative}.home-hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:18px;align-items:start}.hero-main-panel{backdrop-filter:blur(5px);background:linear-gradient(180deg,rgba(12,18,12,.94),rgba(8,13,8,.96))}.hero-side-stack{display:grid;gap:14px}.hero-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.side-card{padding:18px 18px 16px}.side-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.side-head a{font-size:.75rem;font-weight:900;color:var(--green)}.side-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.side-list li{display:grid;grid-template-columns:92px 1fr;gap:10px;padding:10px 12px;border:1px solid var(--line);background:#09100a;border-radius:12px;align-items:center}.side-list b{color:var(--green);font-size:.78rem}.side-list span{font-size:.82rem;color:#dbe2dc;line-height:1.35}.side-empty{padding:16px;border:1px dashed var(--line2);border-radius:12px;color:var(--muted);font-size:.82rem}.stat-line{display:grid;grid-template-columns:86px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}.stat-line:last-of-type{border-bottom:0}.stat-line b{font-size:1rem;color:var(--green)}.stat-line span{font-size:.8rem;color:#d8dfd9;line-height:1.35}.news-mini{margin-top:12px;padding:12px;border-radius:12px;background:#09100a;border:1px solid var(--line)}.news-mini span{display:block;font-size:.68rem;letter-spacing:.08em;color:var(--muted);margin-bottom:6px}.news-mini strong{display:block;font-size:.88rem;line-height:1.45}.home-quick-actions{margin-top:8px}.home-density-section{padding-top:52px}.compact-heading{margin-bottom:18px}.home-feature-grid .feature{min-height:215px}.intro-main>p{max-width:none}
@media(max-width:1000px){.home-hero-grid{grid-template-columns:1fr}.hero-info-grid{grid-template-columns:1fr 1fr}.home-overlap-section{margin-top:-28px}}
@media(max-width:680px){.home-overlap-section{margin-top:-18px}.hero-info-grid{grid-template-columns:1fr}.side-list li{grid-template-columns:78px 1fr}.home-density-section{padding-top:34px}}


/* HOME V3 — opgeruimd, compact, alles op de juiste plek */
.home-main{position:relative;background:linear-gradient(180deg,rgba(4,8,5,.25),rgba(6,9,6,.96) 34%,var(--bg) 100%)}
.home-control-section{padding:28px 0 18px;position:relative}.home-control-section:before{content:"";position:absolute;inset:-90px 0 auto;height:250px;background:linear-gradient(180deg,rgba(20,61,29,.42),rgba(6,9,6,0));pointer-events:none}.home-control-grid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.home-welcome-card{padding:28px 30px}.home-welcome-card h1{font-size:clamp(2.2rem,5vw,4.5rem);line-height:.96;letter-spacing:-.05em;margin:10px 0 14px}.home-welcome-card h1 span{color:var(--green)}.home-welcome-card p{color:#c4cdc5;line-height:1.65;max-width:800px;margin:0}.home-primary-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.home-now-card{padding:19px}.home-now-top{display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--muted);font-size:.72rem}.home-now-body{display:grid;grid-template-columns:90px 1fr 70px;gap:15px;align-items:center;margin:16px 0}.home-now-body img{width:90px;height:90px;border-radius:14px;object-fit:cover;border:1px solid var(--line2)}.home-now-copy{min-width:0}.home-now-copy small{font-size:.62rem;letter-spacing:.13em;color:var(--muted)}.home-now-copy h2{font-size:1.25rem;margin:6px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-now-copy p{margin:0;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-eq{height:40px;display:flex;align-items:end;justify-content:center;gap:4px}.home-eq i{width:5px;border-radius:4px;background:linear-gradient(var(--green),var(--green2));animation:eq .8s ease-in-out infinite alternate}.home-eq i:nth-child(1){height:25%}.home-eq i:nth-child(2){height:70%}.home-eq i:nth-child(3){height:40%}.home-eq i:nth-child(4){height:90%}.home-eq i:nth-child(5){height:55%}.home-eq i:nth-child(6){height:76%}.home-now-meta{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--line);padding-top:13px;gap:8px}.home-now-meta small,.home-now-meta b{display:block}.home-now-meta small{font-size:.58rem;text-transform:uppercase;color:#778479;margin-bottom:4px}.home-now-meta b{font-size:.76rem}.home-link-section{padding:0 0 18px}.home-link-grid{display:grid;grid-template-columns:repeat(8,1fr);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#070b08;box-shadow:var(--shadow)}.home-link-grid a{padding:16px 10px;text-align:center;border-right:1px solid var(--line);transition:.18s}.home-link-grid a:last-child{border-right:0}.home-link-grid a:hover{background:rgba(84,237,103,.06)}.home-link-grid span{display:block;font-size:1.18rem;margin-bottom:7px}.home-link-grid b{display:block;font-size:.76rem}.home-link-grid small{display:block;color:var(--muted);font-size:.62rem;margin-top:3px}.home-today-section{padding:0 0 18px}.home-today-grid{display:grid;grid-template-columns:1.25fr .7fr 1.05fr;gap:14px}.home-today-card{padding:20px;min-height:190px}.home-card-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.home-card-title a{font-size:.7rem;font-weight:900;color:var(--green)}.home-today-card h2{font-size:1.6rem;margin:10px 0 13px}.today-list{display:grid;gap:7px}.today-list div{display:grid;grid-template-columns:95px 1fr;gap:9px;border-top:1px solid var(--line);padding-top:7px}.today-list b{font-size:.72rem;color:var(--green)}.today-list span{font-size:.78rem;color:#dce2dc}.home-weather-value{font-size:3.4rem;line-height:1;color:var(--green);font-weight:1000;margin:17px 0 5px}.weather-home-card h3{margin:0;font-size:1rem}.weather-home-card p{color:var(--muted);font-size:.75rem}.home-news-list{display:grid;margin-top:14px}.home-news-list a{padding:10px 0;border-top:1px solid var(--line);font-size:.82rem;line-height:1.4}.home-news-list a:hover{color:var(--green)}.muted-copy{color:var(--muted);font-size:.8rem;line-height:1.55}.home-intro-strip{padding:0 0 48px}.home-intro-inner{padding:22px 25px;display:flex;align-items:center;justify-content:space-between;gap:24px}.home-intro-inner h2{font-size:1.65rem;margin:6px 0 4px}.home-intro-inner p{color:var(--muted);font-size:.82rem;margin:0}.content-section.soft{background:linear-gradient(180deg,rgba(13,25,15,.68),rgba(7,11,8,.82))}
@media(max-width:1100px){.home-link-grid{grid-template-columns:repeat(4,1fr)}.home-link-grid a:nth-child(4){border-right:0}.home-link-grid a:nth-child(-n+4){border-bottom:1px solid var(--line)}.home-control-grid{grid-template-columns:1fr}.home-today-grid{grid-template-columns:1fr 1fr}.news-home-card{grid-column:1/-1}}
@media(max-width:680px){.home-control-section{padding-top:18px}.home-welcome-card{padding:20px}.home-welcome-card h1{font-size:clamp(2.1rem,13vw,3.6rem)}.home-primary-actions{display:grid}.home-primary-actions .btn{width:100%}.home-now-body{grid-template-columns:68px 1fr 48px}.home-now-body img{width:68px;height:68px}.home-now-meta{grid-template-columns:1fr 1fr 1fr}.home-link-grid{grid-template-columns:repeat(2,1fr)}.home-link-grid a{border-bottom:1px solid var(--line)}.home-link-grid a:nth-child(even){border-right:0}.home-link-grid a:nth-last-child(-n+2){border-bottom:0}.home-today-grid{grid-template-columns:1fr}.news-home-card{grid-column:auto}.home-intro-inner{align-items:flex-start;flex-direction:column}.home-intro-inner .btn{width:100%}}


/* === FULL WIDTH + COMPLETE BANNER + MOBILE READY FIX === */
:root{--page-gutter:clamp(12px,2.2vw,34px)}
html,body{width:100%;max-width:100%;overflow-x:hidden}
body{min-width:0}
.container{
  width:100%!important;
  max-width:none!important;
  margin:0 auto!important;
  padding-left:var(--page-gutter)!important;
  padding-right:var(--page-gutter)!important;
}

/* Banner: altijd de HELE afbeelding tonen, nooit croppen */
.masthead{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
  background:#020402;
}
.masthead img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
}
.masthead-shade{inset:0!important}

/* Alle grote secties en blokken mogen de beschikbare breedte gebruiken */
main,.content-section,.section-tight,.quick-actions,.maaskantje-vibe-section,.idea-strip,.contact-section,.page-hero,.footer{width:100%;max-width:100%}
.panel,.feature,.quick-card,.schedule-card,.team-card,.news-card,.weather-day,.traffic-card{min-width:0;max-width:100%}
.intro-grid,.home-hero-grid,.hero-info-grid,.quick-grid,.feature-grid,.team-grid,.vibe-grid,.idea-grid,.news-grid,.weather-days,.traffic-grid,.about-grid,.request-layout,.chat-info-grid,.chat-rules-grid,.chat-help-grid{width:100%;min-width:0}

/* Brede desktop-indeling */
.home-hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(380px,.8fr)}
.quick-grid.six{grid-template-columns:repeat(6,minmax(0,1fr))}
.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.news-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.weather-days{grid-template-columns:repeat(5,minmax(0,1fr))}
.traffic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}

/* Tekst/knoppen mogen nooit een pagina naar buiten duwen */
*{min-width:0}
img,video,iframe,canvas,svg{max-width:100%}
input,textarea,select,button{max-width:100%}
.main-nav a,.quick-card b,.quick-card small,.side-list span,.news-card h3,.team-card h3{overflow-wrap:anywhere}

@media(max-width:1180px){
  :root{--page-gutter:20px}
  .home-hero-grid,.intro-grid{grid-template-columns:1fr}
  .quick-grid.six{grid-template-columns:repeat(3,minmax(0,1fr))}
  .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .weather-days{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:780px){
  :root{--page-gutter:14px}
  body{padding-bottom:70px}
  .masthead img{width:100%!important;height:auto!important;object-fit:contain!important}
  .home-overlap-section{margin-top:-10px!important}
  .quick-grid.six,.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .feature-grid,.team-grid,.news-grid,.weather-days,.traffic-grid,.hero-info-grid,.vibe-grid,.about-grid,.request-layout,.chat-info-grid,.chat-help-grid{grid-template-columns:1fr!important}
  .idea-grid{grid-template-columns:1fr 1fr!important}
  .section-heading{grid-template-columns:1fr!important;gap:10px!important}
  .schedule-toolbar{align-items:stretch!important}
  .schedule-tabs{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .schedule-card{grid-template-columns:1fr!important}
  .weather-now,.traffic-hero{grid-template-columns:1fr!important}
  .intro-main,.onair-card,.vibe-copy,.about,.contact,.chat-intro-card,.chat-side-card{padding:20px!important}
}

@media(max-width:520px){
  :root{--page-gutter:10px}
  .quick-grid.six,.quick-grid,.feature-grid,.idea-grid{grid-template-columns:1fr!important}
  .quick-card{border-right:0!important;border-bottom:1px solid var(--line)!important}
  .quick-card:last-child{border-bottom:0!important}
  .hero-main-panel,.onair-card,.side-card,.feature,.team-card,.news-card,.request-form,.about,.contact{border-radius:14px!important}
  .intro h1{font-size:clamp(2.2rem,12vw,3.6rem)!important}
  .section-heading h2,.request-copy h2,.about h2,.page-hero h1{font-size:clamp(1.8rem,9vw,2.8rem)!important}
  .intro-actions{display:grid!important;grid-template-columns:1fr!important}
  .intro-actions .btn{width:100%!important}
  .mini-features{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px}
  .mini-features div{padding-right:4px!important}
  .live-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px}
  .schedule-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .footer-grid{padding-left:0!important;padding-right:0!important}
}


/* DASHBOARD HOME V3 */
.masthead{height:clamp(220px,24vw,var(--banner-max-height))!important;max-height:var(--banner-max-height)!important;background-size:cover!important;background-position:center!important;display:flex;align-items:center;justify-content:center}
.masthead img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;position:relative;z-index:1}
.dashboard-home{padding:18px 0 40px;background:linear-gradient(180deg,rgba(5,14,7,.96),var(--bg))}.dash-live-grid{display:grid;grid-template-columns:1.4fr .8fr .58fr;gap:12px}.live-console,.now-panel,.social-panel,.widget{border-color:rgba(84,237,103,.34)}.live-console{padding:18px}.dash-title{display:flex;align-items:center;gap:9px;color:var(--green);font-size:.84rem}.dash-title .live-pill{margin-left:auto}.live-console-body{display:grid;grid-template-columns:100px minmax(0,1fr) 220px;gap:22px;align-items:center;margin-top:16px;padding:16px;background:#081009;border:1px solid var(--line);border-radius:14px}.big-play{width:84px;height:84px;border-radius:50%;border:5px solid var(--green);background:#0b210f;color:var(--green);font-size:2rem;box-shadow:0 0 24px rgba(84,237,103,.42)}.live-copy h2{margin:0 0 5px;font-size:1.35rem}.live-copy p{margin:0;color:#d4dbd4;font-style:italic}.console-eq{height:44px;display:flex;align-items:end;gap:4px}.console-eq i{width:4px;background:var(--green);animation:eq .8s ease-in-out infinite alternate}.console-eq i:nth-child(3n){height:80%}.console-eq i:nth-child(4n){height:40%}.console-eq i:nth-child(5n){height:100%}.console-meta{display:flex;gap:22px;border-top:1px solid var(--line);padding-top:12px;margin-top:12px;font-size:.75rem;color:var(--muted)}.console-meta b{color:#fff;margin-left:5px}.now-panel{padding:18px}.now-panel-body{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:center;margin-top:14px}.now-panel-body img{width:120px;height:120px;border-radius:12px;object-fit:cover;border:1px solid var(--line2)}.now-panel h3{margin:0 0 7px}.now-panel p{color:var(--muted);margin:0}.social-panel{padding:18px}.social-buttons{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0}.social-buttons a{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#101910;border:1px solid var(--line2);color:var(--green);font-weight:900}.mobile-listen{display:block;padding:15px;border:1px solid var(--green);border-radius:12px;background:#071109}.mobile-listen b,.mobile-listen span{display:block}.mobile-listen span{font-size:.72rem;color:var(--muted);margin-top:5px}.dashboard-tiles{padding:14px 0}.dashboard-tile-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.dash-tile{min-height:106px;padding:16px;border:1px solid var(--line2);border-radius:12px;background:linear-gradient(180deg,#111a12,#081009);display:flex;align-items:end;gap:10px;transition:.2s}.dash-tile:hover{transform:translateY(-2px);border-color:var(--green);box-shadow:0 10px 25px rgba(0,0,0,.25)}.dash-tile>span{font-size:1.6rem}.dash-tile b,.dash-tile small{display:block}.dash-tile small{font-size:.68rem;color:var(--muted);margin-top:4px}.dashboard-widgets{padding:2px 0 14px}.widget-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.widget{padding:0;overflow:hidden}.widget-head{min-height:46px;padding:13px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}.widget-head b{color:var(--green);font-size:.82rem}.widget-head a{font-size:.68rem;color:#d6ddd7}.widget-body{padding:12px 16px}.schedule-line{display:grid;grid-template-columns:74px 1fr auto;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);align-items:center}.schedule-line:last-child{border-bottom:0}.schedule-line b{color:#fff}.schedule-line span{font-size:.8rem}.schedule-line em{font-style:normal;font-size:.68rem;color:var(--green)}.weather-dashboard{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px;padding:18px}.weather-big{text-align:center}.weather-big>span{display:block;font-size:3rem}.weather-big strong{display:block;font-size:2.2rem}.weather-big b{font-size:.8rem}.weather-stats{display:grid;gap:8px}.weather-stats span{font-size:.72rem;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:7px}.weather-stats b{float:right;color:#fff}.roads-dashboard{padding:12px 16px}.roads-dashboard>div{display:grid;grid-template-columns:70px 1fr;gap:10px;padding:8px;border-bottom:1px solid var(--line)}.roads-dashboard b{color:#fff}.roads-dashboard span{font-size:.74rem;color:var(--muted)}.traffic-btn{margin:0 16px 16px;width:calc(100% - 32px)}.dashboard-news-preview{padding-top:2px}.dash-news-box{padding:0;overflow:hidden}.news-preview-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.news-preview-row a{padding:14px 16px;border-right:1px solid var(--line);font-size:.76rem;line-height:1.45}.news-preview-row a:last-child{border-right:0}.news-preview-row span{color:var(--green);margin-right:5px}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.gallery-card{overflow:hidden}.gallery-card img{width:100%;aspect-ratio:16/10;object-fit:cover}.gallery-card div{padding:16px}.gallery-card h3{margin:0 0 7px}.gallery-card p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.55}
@media(max-width:1180px){.dash-live-grid{grid-template-columns:1.2fr .8fr}.social-panel{grid-column:1/-1}.dashboard-tile-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.widget-grid{grid-template-columns:1fr 1fr}.traffic-widget{grid-column:1/-1}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){.masthead{height:clamp(180px,42vw,270px)!important}.dash-live-grid,.widget-grid{grid-template-columns:1fr}.live-console-body{grid-template-columns:72px 1fr}.big-play{width:64px;height:64px}.console-eq{display:none}.dashboard-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.news-preview-row{grid-template-columns:1fr 1fr}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.social-panel,.traffic-widget{grid-column:auto}.schedule-line{grid-template-columns:65px 1fr}.schedule-line em{display:none}}
@media(max-width:520px){.dashboard-tile-grid,.news-preview-row,.gallery-grid{grid-template-columns:1fr}.now-panel-body{grid-template-columns:82px 1fr}.now-panel-body img{width:82px;height:82px}.weather-dashboard{grid-template-columns:1fr}.live-console-body{grid-template-columns:58px 1fr;padding:12px}.big-play{width:54px;height:54px;font-size:1.3rem}.console-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px}}


/* Screenshot-style homepage refinement */
.screenshot-home{padding:12px 0 42px;background:linear-gradient(180deg,#071009 0%,#09120a 26%,#060906 100%)}
.screenshot-section{position:relative}
.screenshot-live-grid{grid-template-columns:1.45fr .72fr .6fr;gap:12px}
.screenshot-console .live-console-body{grid-template-columns:92px minmax(0,1fr) 210px}
.live-action-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.live-action-row .btn{padding:10px 12px;font-size:.78rem}
.station-note{display:block;margin-top:8px;color:var(--green);font-size:.72rem}
.screenshot-mini-panel{min-height:100%}
.dashboard-tile-grid[class*="cols-"]{display:grid}
.dashboard-tile-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.dashboard-tile-grid.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.dashboard-tile-grid.cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
.dashboard-tile-grid.cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}
.dashboard-tile-grid.cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}
.dashboard-tile-grid.cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}
.dashboard-tile-grid.cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}
.dash-tile{position:relative;overflow:hidden;min-height:102px}
.dash-tile:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(84,237,103,.18),transparent 40%);opacity:.8;pointer-events:none}
.dash-tile div{position:relative;z-index:1}.dash-tile>span{position:relative;z-index:1}
.home-bottom-strip{padding:14px 0 8px}.home-bottom-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:12px}.home-about-card,.home-gallery-card{padding:22px}.home-about-card h2{font-size:1.65rem;letter-spacing:-.04em;margin:8px 0 12px}.home-about-card p{color:var(--muted);line-height:1.65}.home-link-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.home-link-list a{display:block;padding:14px;border:1px solid var(--line);border-radius:12px;background:#09100a}.home-link-list a b,.home-link-list a span{display:block}.home-link-list a span{font-size:.76rem;color:var(--muted);margin-top:5px}
.text-link{color:var(--green);font-size:.82rem;font-weight:900}
@media(max-width:1320px){.screenshot-live-grid{grid-template-columns:1.2fr .8fr}.social-panel{grid-column:1/-1}.dashboard-tile-grid.cols-8,.dashboard-tile-grid.cols-9,.dashboard-tile-grid.cols-10{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:980px){.screenshot-live-grid,.screenshot-widget-grid,.home-bottom-grid{grid-template-columns:1fr}.dashboard-tile-grid[class*="cols-"]{grid-template-columns:repeat(3,minmax(0,1fr))!important}.home-link-list{grid-template-columns:1fr 1fr}.masthead{height:auto!important;max-height:none!important}.masthead img{max-height:var(--banner-max-height)!important;object-fit:contain!important}}
@media(max-width:640px){.dashboard-tile-grid[class*="cols-"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}.home-link-list,.news-preview-row{grid-template-columns:1fr!important}.screenshot-console .live-console-body{grid-template-columns:64px 1fr}.live-action-row{display:grid}.live-action-row .btn{width:100%}}


/* 1-op-1 homepage style with images */
.home-topbar{background:#040604;border-bottom:1px solid rgba(84,237,103,.2);position:relative;z-index:45}
.topbar-inner{display:grid;grid-template-columns:1.2fr 1fr auto;align-items:center;gap:18px;min-height:42px}
.topbar-left,.topbar-right{display:flex;align-items:center;gap:12px;font-size:.82rem}.topbar-center{text-align:center;color:#e8ece8;font-size:.82rem;opacity:.92}.topbar-dot{width:12px;height:12px;border-radius:50%;background:var(--green);box-shadow:0 0 18px rgba(84,237,103,.8)}.topbar-left strong{color:var(--green)}.topbar-clock{color:#fff;font-weight:800}.topbar-socials{display:flex;gap:7px}.topbar-socials a{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#101910;border:1px solid var(--line2);font-size:.72rem;font-weight:900}.topbar-listen{border:1px solid #2f8d42;background:linear-gradient(135deg,var(--green),#86ff60);color:#041004;padding:10px 18px;border-radius:8px;font-weight:1000}
.site-header{top:0}.nav-wrap{gap:14px}.brand{flex:0 0 auto}.brand-logo{width:46px;height:46px}.main-nav{flex:1;justify-content:flex-start;gap:2px;overflow:auto}.main-nav a{white-space:nowrap;padding:13px 14px;border-radius:0;font-size:.84rem;text-transform:uppercase}.main-nav a.active,.main-nav a:hover{background:#0e130f;color:#fff;box-shadow:inset 0 -3px 0 var(--green)}.header-actions{display:flex!important;align-items:center;gap:8px;flex:0 0 auto}.header-search{display:flex;align-items:center;border:1px solid var(--green);border-radius:8px;overflow:hidden;background:#081109}.header-search input{width:170px;padding:10px 12px;border:0;background:transparent;color:#fff;outline:none;font-size:.8rem}.header-search button{border:0;background:transparent;color:var(--green);padding:0 12px;font-size:1rem}
.news-ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--hazard);height:38px}.news-ticker-label{clip-path:polygon(0 0,88% 0,100% 50%,88% 100%,0 100%);padding-right:26px;font-size:.78rem}
.full-home-layout{padding-top:14px}.image-tile-grid{gap:12px}.image-dash-tile{min-height:130px;background-size:cover;background-position:center;position:relative;border:1px solid rgba(84,237,103,.45);border-radius:10px;overflow:hidden;display:flex;align-items:flex-end}.image-dash-tile .tile-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.28) 40%,rgba(0,0,0,.76))}.image-dash-tile .tile-copy{position:relative;z-index:2;padding:16px;width:100%}.image-dash-tile b{display:block;font-size:.9rem}.image-dash-tile small{display:block;font-size:.76rem;color:#f0f6f1;margin-top:4px}.image-dash-tile:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(0,0,0,.28)}
.radio-waveform{height:52px;display:flex;align-items:flex-end;gap:4px;margin-top:12px}.radio-waveform span{display:block;width:5px;background:linear-gradient(var(--green),#8aff62);border-radius:5px;animation:eq 1s ease-in-out infinite alternate}.radio-waveform span:nth-child(3n){height:85%}.radio-waveform span:nth-child(4n){height:35%}.radio-waveform span:nth-child(5n){height:100%}.radio-waveform span:nth-child(2n){height:55%}.wave-volume{display:flex;align-items:center;gap:10px;margin-top:10px}.wave-volume input{accent-color:var(--green);width:130px}.wave-volume b{color:var(--green)}
.schedule-line-big{grid-template-columns:70px 1fr auto;background:#09110a;margin-bottom:7px;padding:10px 12px;border:1px solid var(--line);border-radius:8px}.schedule-line-big em{display:inline-flex;align-items:center;justify-content:center;min-width:74px;padding:4px 9px;border-radius:999px;background:#101910;color:#fff;border:1px solid rgba(84,237,103,.35)}
.dashboard-cta{display:block;margin:0 16px 16px;padding:13px 16px;border-radius:10px;text-align:center;font-weight:1000;background:linear-gradient(135deg,var(--green),#7ef85d);color:#071008;border:1px solid rgba(84,237,103,.35)}
.traffic-widget-inner{display:grid;grid-template-columns:1fr 210px;gap:10px;align-items:stretch}.traffic-thumb{padding:12px 12px 0 0}.traffic-thumb img{width:100%;height:100%;object-fit:cover;border-radius:10px;border:1px solid var(--line)}.news-preview-row a{min-height:78px;display:flex;align-items:center}.widget-head b{font-size:1rem}
.footer{position:relative;overflow:hidden}.footer-visualizer{position:absolute;bottom:8px;display:flex;gap:4px;align-items:flex-end;opacity:.9}.footer-visualizer.left{left:18px}.footer-visualizer.right{right:18px}.footer-visualizer i{display:block;width:6px;background:linear-gradient(var(--green),#6be76a);border-radius:4px;animation:eq 1s ease-in-out infinite alternate}.footer-visualizer i:nth-child(2n){height:14px}.footer-visualizer i:nth-child(3n){height:22px}.footer-visualizer i:nth-child(5n){height:30px}.footer-visualizer i:nth-child(7n){height:18px}
@media(max-width:1280px){.topbar-inner{grid-template-columns:1fr}.topbar-center{display:none}.header-search input{width:130px}.image-tile-grid.cols-7{grid-template-columns:repeat(4,minmax(0,1fr))!important}.traffic-widget-inner{grid-template-columns:1fr 180px}}
@media(max-width:980px){.home-topbar{display:none}.header-search{display:none}.image-tile-grid[class*='cols-']{grid-template-columns:repeat(3,minmax(0,1fr))!important}.traffic-widget-inner{grid-template-columns:1fr}.traffic-thumb{padding:0 16px 12px}.news-preview-row{grid-template-columns:1fr 1fr!important}}
@media(max-width:640px){.image-tile-grid[class*='cols-']{grid-template-columns:repeat(2,minmax(0,1fr))!important}.main-nav a{font-size:.82rem}.news-preview-row{grid-template-columns:1fr!important}.footer-visualizer{display:none}}


/* FINAL POLISH: premium borders + manageable site background */
html{background:var(--bg)}
body{position:relative;isolation:isolate;background:var(--bg)!important}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(3,7,3,var(--bg-overlay)),rgba(3,7,3,var(--bg-overlay))),var(--site-bg-image);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:1;transform:translateZ(0)}
body.bg-fixed::before{background-attachment:fixed}
body::after{content:"";position:fixed;inset:-10%;z-index:0;pointer-events:none;opacity:var(--bgfx-opacity);mix-blend-mode:screen}
body.bgfx-none::after{display:none}
body.bgfx-beams::after{background:conic-gradient(from 215deg at 50% -10%,transparent 0 18deg,rgba(84,237,103,.22) 21deg,transparent 25deg 49deg,rgba(244,169,0,.10) 53deg,transparent 57deg 77deg,rgba(84,237,103,.16) 81deg,transparent 86deg);animation:bg-beam-drift 14s ease-in-out infinite alternate}
body.bgfx-grid::after{background-image:linear-gradient(rgba(84,237,103,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(84,237,103,.12) 1px,transparent 1px);background-size:54px 54px;transform:perspective(500px) rotateX(58deg) scale(1.25);transform-origin:center bottom;animation:bg-grid-move 12s linear infinite}
body.bgfx-dots::after{background-image:radial-gradient(circle,rgba(84,237,103,.5) 0 1.5px,transparent 2px);background-size:48px 48px;animation:bg-dots 18s linear infinite}
body.bgfx-pulse::after{background:radial-gradient(circle at 20% 30%,rgba(84,237,103,.28),transparent 24%),radial-gradient(circle at 80% 65%,rgba(84,237,103,.22),transparent 28%),radial-gradient(circle at 55% 5%,rgba(244,169,0,.10),transparent 18%);animation:bg-pulse 7s ease-in-out infinite alternate}
@keyframes bg-beam-drift{to{transform:translate3d(4%,2%,0) rotate(3deg)}}
@keyframes bg-grid-move{to{background-position:0 54px,54px 0}}
@keyframes bg-dots{to{background-position:96px 48px}}
@keyframes bg-pulse{to{opacity:.18;transform:scale(1.05)}}
body>*{position:relative;z-index:1}

/* Extra randdetail zonder druk te worden */
.panel,.dash-tile,.widget,.news-card,.team-card,.gallery-card,.schedule-day,.request-form,.chat-intro-card,.chat-side-card,.contact,.about,.weather-day,.traffic-card{position:relative;border:1px solid rgba(84,237,103,var(--edge-alpha))!important;box-shadow:0 16px 38px rgba(0,0,0,.30),0 0 var(--edge-blur) rgba(84,237,103,var(--edge-shadow-alpha)),inset 0 1px 0 rgba(255,255,255,.035)!important}
.panel::before,.dash-tile::after,.widget::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;padding:1px;background:linear-gradient(125deg,rgba(84,237,103,.65),rgba(84,237,103,.04) 32%,rgba(244,169,0,.26) 66%,rgba(84,237,103,.55));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:var(--edge-border-opacity)}
.widget-head,.dash-title{position:relative;background:linear-gradient(90deg,rgba(84,237,103,.07),transparent 60%)}
.widget-head::after,.dash-title::after{content:"";position:absolute;left:0;bottom:-1px;width:36%;height:1px;background:linear-gradient(90deg,var(--green),transparent);box-shadow:0 0 10px rgba(84,237,103,.6)}
.dashboard-cta,.primary,.topbar-listen,.stream-play{box-shadow:0 7px 22px rgba(84,237,103,.18),inset 0 1px 0 rgba(255,255,255,.25)}
.site-header,.news-ticker,.playerbar{box-shadow:0 8px 26px rgba(0,0,0,.35),0 0 18px rgba(84,237,103,.06)}
.masthead{box-shadow:0 14px 36px rgba(0,0,0,.40),0 1px 0 rgba(84,237,103,.45)}

/* Achtergrond zichtbaar tussen blokken, maar inhoud leesbaar */
.dashboard-home,.content-section,.page-hero,.section-tight,.quick-actions,.dashboard-live,.dashboard-tiles,.dashboard-widgets,.dashboard-news-preview{background:transparent!important}
.page-hero .container,.content-section>.container{position:relative}
@media(max-width:780px){body::after{opacity:.18}.panel,.dash-tile,.widget{box-shadow:0 10px 28px rgba(0,0,0,.34),0 0 12px rgba(84,237,103,.10)!important}}
@media(prefers-reduced-motion:reduce){body::after,.console-eq i,.radio-waveform span,.footer-visualizer i{animation:none!important}}


/* Non-stop verzoek­systeem */
.request-system-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.45fr);gap:16px;align-items:start}.request-browser{padding:24px}.request-browser-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.request-browser-head h2{font-size:clamp(1.8rem,4vw,3rem);margin:8px 0}.request-browser-head p{margin:0;color:var(--muted)}.request-live{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--line2);border-radius:999px;color:var(--green);font-size:.72rem;font-weight:900}.request-live i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.request-search{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;align-items:center;margin:22px 0 12px;padding:7px 8px 7px 12px;background:#061008;border:1px solid var(--line2);border-radius:13px}.request-search>span{color:var(--green);font-size:1.2rem}.request-search input{width:100%;border:0;background:transparent;color:#fff;outline:none;padding:10px 4px}.request-search button{border:1px solid var(--line);background:#101910;color:#fff;border-radius:9px;padding:10px 13px}.request-status{padding:10px 2px;color:var(--muted);font-size:.78rem}.request-status.success{color:var(--green)}.request-status.error{color:#ffb0a7}.request-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:5px}.request-song{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(180deg,#0b140c,#071008)}.request-song:hover{border-color:var(--green);box-shadow:0 0 20px rgba(84,237,103,.08)}.request-song img,.request-art-fallback{width:70px;height:70px;border-radius:10px;object-fit:cover;background:#111b12;border:1px solid var(--line)}.request-art-fallback{display:grid;place-items:center;color:var(--green);font-size:1.5rem}.request-song-copy{min-width:0}.request-song-copy b,.request-song-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.request-song-copy b{font-size:.88rem}.request-song-copy span{font-size:.74rem;color:var(--muted);margin-top:5px}.request-song button{border:1px solid #2c823d;background:linear-gradient(135deg,var(--green),var(--green2));color:#061006;border-radius:9px;padding:9px 11px;font-weight:900}.request-song button:disabled{opacity:.5;cursor:not-allowed}.request-side-stack{display:grid;gap:14px}.request-now,.request-rules,.request-tech{padding:20px}.request-now-body{display:grid;grid-template-columns:92px 1fr;gap:14px;align-items:center;margin:15px 0}.request-now-body img{width:92px;height:92px;object-fit:cover;border-radius:12px;border:1px solid var(--line2)}.request-now h3{margin:0 0 6px}.request-now p{margin:0;color:var(--muted)}.request-rules h3,.request-tech h3{margin:8px 0 12px}.request-rules ul{margin:0;padding-left:18px;color:var(--muted);line-height:1.7}.request-tech p{color:var(--muted);line-height:1.65}.request-empty{grid-column:1/-1;padding:28px;border:1px dashed var(--line2);border-radius:12px;text-align:center;color:var(--muted)}
@media(max-width:1000px){.request-system-grid{grid-template-columns:1fr}.request-side-stack{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){.request-results{grid-template-columns:1fr}.request-side-stack{grid-template-columns:1fr}.request-browser{padding:18px}.request-browser-head{flex-direction:column}.request-search{grid-template-columns:30px 1fr}.request-search button{grid-column:1/-1}.request-song{grid-template-columns:58px minmax(0,1fr) auto}.request-song img,.request-art-fallback{width:58px;height:58px}}

/* ===== FINAL COHESION PASS: ALL PAGES ===== */
.site-page{position:relative;z-index:2;padding-bottom:34px}
.unified-hero{padding:26px 0 18px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(5,13,7,.88),rgba(5,10,6,.62));backdrop-filter:blur(8px)}
.unified-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:24px;align-items:end}
.unified-hero-copy h1{font-size:clamp(2.25rem,4.4vw,4.5rem);line-height:.95;letter-spacing:-.055em;margin:8px 0 12px}
.unified-hero-copy p{max-width:900px;color:var(--muted);line-height:1.62;margin:0;font-size:.98rem}
.unified-hero-actions{display:flex;justify-content:flex-end;align-items:center;gap:9px;flex-wrap:wrap}
.unified-hero-actions .btn{min-height:44px}
.page-content{padding:30px 0}
.page-content+.page-content{padding-top:10px}
.alt-page-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.006))}
.content-card{padding:24px;overflow:hidden}
.card-head{display:flex;align-items:center;gap:12px;padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid var(--line)}
.card-head>span:first-child{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(84,237,103,.18),rgba(84,237,103,.03));border:1px solid var(--line2);color:var(--green);font-weight:1000}
.card-head>div{min-width:0}.card-head small{display:block;color:var(--green);font-weight:900;letter-spacing:.11em;font-size:.64rem}.card-head h2{font-size:1.25rem;margin:3px 0 0;letter-spacing:-.025em}
.status-badge{margin-left:auto!important;width:auto!important;height:auto!important;padding:6px 10px!important;border-radius:999px!important;background:#102315!important;color:var(--green)!important;font-size:.68rem;border:1px solid rgba(84,237,103,.45)!important;box-shadow:0 0 18px rgba(84,237,103,.12)}
.card-intro{color:var(--muted);line-height:1.65;margin:-2px 0 18px}
.page-dashboard-grid{display:grid;gap:14px}.page-dashboard-grid.two-one{grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr)}
.check-list{list-style:none;padding:0;margin:16px 0;display:grid;gap:9px}.check-list li{padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#081009;color:#dce4dd;font-size:.84rem}.check-list li:before{content:'✓';color:var(--green);font-weight:1000;margin-right:9px}
.eyebrow-small{display:block;color:var(--green);font-size:.62rem;font-weight:900;letter-spacing:.12em;margin-bottom:5px}
.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.metric-row span{padding:10px;border:1px solid var(--line);border-radius:10px;background:#081009;color:var(--muted);font-size:.72rem}.metric-row b{display:block;color:#fff;margin-top:4px}
.player-page-card{min-height:360px}.page-player-main{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;align-items:center;padding:22px;border:1px solid var(--line);border-radius:14px;background:radial-gradient(circle at left,rgba(84,237,103,.12),transparent 32%),#071008}.huge-play{width:104px;height:104px;border-radius:50%;border:5px solid var(--green);background:#0a1d0e;color:var(--green);font-size:2.35rem;box-shadow:0 0 0 8px rgba(84,237,103,.05),0 0 28px rgba(84,237,103,.32)}.page-player-main h3{font-size:1.8rem;margin:2px 0 5px}.page-player-main p{color:var(--muted);margin:0}.page-wave{height:46px;display:flex;align-items:end;gap:4px;margin-top:18px}.page-wave i{width:5px;border-radius:4px;background:linear-gradient(var(--green),var(--green2));animation:eq .9s ease-in-out infinite alternate}.page-wave i:nth-child(2n){height:35%}.page-wave i:nth-child(3n){height:75%}.page-wave i:nth-child(5n){height:100%}.page-wave i:nth-child(7n){height:55%}
.compact-heading{margin-bottom:18px}.cohesive-grid{gap:12px}.cohesive-grid .feature{min-height:180px;display:block}.cohesive-grid .feature:hover{border-color:var(--green);transform:translateY(-2px)}
.cohesive-request-grid{grid-template-columns:minmax(0,1.42fr) minmax(310px,.58fr);gap:14px}.request-side-stack{display:grid;gap:14px}.request-search{margin:16px 0}.request-results{max-height:720px;overflow:auto;padding-right:4px}.request-song{background:#081009;border-color:var(--line);border-radius:11px}.request-song button{border-radius:9px;background:linear-gradient(135deg,var(--green),var(--green2));color:#061006;font-weight:900}
.unified-toolbar{padding:16px 18px;margin-bottom:14px}.unified-toolbar>div:first-child{display:grid;gap:3px}.unified-toolbar small{color:var(--muted)}.refined-schedule{display:grid;gap:14px}.refined-schedule .schedule-day{margin:0;padding:0;overflow:hidden}.refined-schedule .schedule-day-head{padding:20px 22px;background:linear-gradient(90deg,rgba(84,237,103,.07),transparent);border-bottom:1px solid var(--line)}.refined-schedule .schedule-cards{padding:14px}.refined-schedule .schedule-card{border-radius:12px;border:1px solid var(--line);background:#081009}.refined-schedule .schedule-card:hover{border-color:var(--green);box-shadow:0 10px 30px rgba(0,0,0,.22)}
.news-control-bar{padding:20px;display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;margin-bottom:14px}.news-control-bar h2{margin:4px 0}.news-control-bar p{margin:0;color:var(--muted)}.page-search{display:flex;border:1px solid var(--line2);border-radius:10px;overflow:hidden;background:#081009}.page-search input{border:0;background:transparent;color:#fff;padding:11px 13px;min-width:230px;outline:none}.page-search button{border:0;background:linear-gradient(135deg,var(--green),var(--green2));color:#061006;font-weight:900;padding:0 15px}.cohesive-news-grid{gap:12px}.cohesive-news-grid .news-card{min-height:245px;display:flex;flex-direction:column}.cohesive-news-grid .news-card h3{margin-top:8px}.cohesive-news-grid .news-card p{flex:1}.card-link{display:inline-flex;color:var(--green);font-weight:900;font-size:.78rem;margin-top:14px}
.refined-weather{padding:28px;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:24px}.weather-primary{text-align:center;padding:10px}.weather-primary strong{font-size:5rem;line-height:.9;color:var(--green);display:block}.weather-primary h2{margin:8px 0 3px}.weather-primary p{color:var(--muted);margin:0}.weather-icon-large{display:block;font-size:3.2rem;margin:10px 0}.refined-weather .weather-facts{grid-template-columns:repeat(2,1fr)}.refined-weather-days{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.refined-weather-days .weather-day{min-height:185px;text-align:center}.day-weather-icon{font-size:2rem;margin:12px 0}
.traffic-main-card{min-height:330px}.refined-roads{justify-content:flex-start;margin:18px 0}.refined-roads span{width:74px;height:74px}.traffic-image-card{padding:0;overflow:hidden}.traffic-image-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.traffic-image-card .eyebrow-small,.traffic-image-card h3,.traffic-image-card p{margin-left:18px;margin-right:18px}.traffic-image-card .eyebrow-small{margin-top:16px}.traffic-image-card p{color:var(--muted);line-height:1.55}.refined-traffic-grid{margin-top:14px;grid-template-columns:repeat(3,minmax(0,1fr))}
.cohesive-team-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.cohesive-team-grid .team-card-rich{overflow:hidden}.cohesive-team-grid .team-photo-wide{aspect-ratio:16/9}.cohesive-team-grid .team-card-body{padding:18px}.unified-cta{margin-top:14px;padding:24px 26px;display:flex;justify-content:space-between;align-items:center;gap:20px}.unified-cta h2{margin:7px 0}.unified-cta p{margin:0;color:var(--muted)}
.cohesive-gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.gallery-image-wrap{overflow:hidden}.cohesive-gallery-grid .gallery-card img{transition:transform .35s ease}.cohesive-gallery-grid .gallery-card:hover img{transform:scale(1.035)}.cohesive-gallery-grid .gallery-card>div:last-child{padding:16px}.cohesive-gallery-grid .gallery-card h3{margin:6px 0}.cohesive-gallery-grid .gallery-card p{margin:0;color:var(--muted)}
.cohesive-chat-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:14px}.cohesive-rules{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cohesive-rules .chat-rule{min-height:86px}
.about-main-card p{color:var(--muted);line-height:1.7}.refined-brand{text-align:center}.refined-brand img{max-width:480px;margin:auto}.refined-brand div{padding:18px}.refined-brand b,.refined-brand span{display:block}.refined-brand b{font-size:1.2rem}.refined-brand span{color:var(--muted);margin-top:5px}
.contact-dashboard{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:14px}.refined-contact-lines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.refined-contact-lines a{display:flex;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:11px;background:#081009}.refined-contact-lines a:hover{border-color:var(--green)}.refined-contact-lines span,.refined-contact-lines b{display:block}.refined-contact-lines span{font-size:.76rem;color:var(--muted)}.refined-contact-lines b{font-size:.86rem;color:#fff;margin-bottom:3px}

/* Better rhythm and edge polish */
.site-page .panel,.site-page .feature,.site-page .schedule-card,.site-page .news-card,.site-page .team-card,.site-page .gallery-card{position:relative}
.site-page .panel:before,.site-page .feature:before{content:'';position:absolute;left:0;top:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(84,237,103,.45),transparent);pointer-events:none}
.site-page .panel:hover{border-color:rgba(84,237,103,.34)}
.site-page .dashboard-cta{margin-top:16px}

@media(max-width:1180px){
  .unified-hero-grid,.page-dashboard-grid.two-one,.cohesive-request-grid,.contact-dashboard,.cohesive-chat-grid{grid-template-columns:1fr}
  .unified-hero-actions{justify-content:flex-start}
  .cohesive-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cohesive-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .refined-weather-days{grid-template-columns:repeat(3,minmax(0,1fr))}
  .refined-traffic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:780px){
  .unified-hero{padding:20px 0 14px}.unified-hero-copy h1{font-size:clamp(2.1rem,10vw,3.5rem)}
  .unified-hero-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.unified-hero-actions .btn{width:100%}
  .page-content{padding:22px 0}.content-card{padding:18px}
  .page-player-main{grid-template-columns:80px 1fr;padding:16px}.huge-play{width:72px;height:72px;font-size:1.5rem}.page-player-main h3{font-size:1.35rem}
  .metric-row{grid-template-columns:1fr 1fr}.news-control-bar{grid-template-columns:1fr}.page-search{width:100%}.page-search input{min-width:0;flex:1}
  .refined-weather{grid-template-columns:1fr}.refined-weather .weather-facts{grid-template-columns:1fr 1fr}.refined-weather-days{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cohesive-team-grid,.cohesive-gallery-grid,.refined-traffic-grid{grid-template-columns:1fr 1fr}.cohesive-rules{grid-template-columns:1fr}.refined-contact-lines{grid-template-columns:1fr}.unified-cta{align-items:flex-start;flex-direction:column}
}
@media(max-width:520px){
  .unified-hero-actions{grid-template-columns:1fr}.metric-row{grid-template-columns:1fr}.refined-weather .weather-facts{grid-template-columns:1fr}.refined-weather-days,.cohesive-team-grid,.cohesive-gallery-grid,.refined-traffic-grid{grid-template-columns:1fr}.page-player-main{grid-template-columns:1fr;text-align:center}.huge-play{margin:auto}.page-wave{justify-content:center}.card-head h2{font-size:1.05rem}
}

/* FIX: één enkele hoofdbanner op Home – geen dubbele afbeelding */
.single-banner{
  position:relative!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  min-height:0!important;
  overflow:hidden!important;
  display:block!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(36,110,48,.22),transparent 46%),
    linear-gradient(180deg,#050805,#071008)!important;
  border-bottom:1px solid rgba(84,237,103,.28);
}
.single-banner .banner-inner{
  position:relative;
  z-index:1;
  width:100%;
  height:var(--banner-max-height);
  display:block;
  overflow:hidden;
  background:#050805;
}
.single-banner .banner-inner img{
  display:block!important;
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  margin:0!important;
}
/* Geen bannerkopie via background-image of pseudo-elementen */
.single-banner.maaskantje-stage{
  background-image:none!important;
}
.single-banner.maaskantje-stage:before{
  background:repeating-linear-gradient(135deg,transparent 0 42px,rgba(84,237,103,.025) 43px 44px)!important;
  z-index:2!important;
}
.single-banner .masthead-shade{
  z-index:2!important;
  background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.12))!important;
  box-shadow:inset 0 -22px 34px rgba(0,0,0,.25)!important;
}
.single-banner .disco-ball,
.single-banner .beam,
.single-banner .speaker-fx,
.single-banner .banner-eq,
.single-banner .hazard-line{z-index:3!important}

/* Banner/menu en Home netjes van elkaar scheiden */
.single-banner + .site-header{margin-top:0!important}
.dashboard-home{clear:both!important}
.dashboard-live{padding-top:14px!important}

@media(max-width:980px){
  .single-banner .banner-inner{
    height:260px!important;
  }
  .single-banner .banner-inner img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
  .single-banner .disco-ball{transform:translateX(-50%) scale(.8)}
}
@media(max-width:640px){
  .single-banner .banner-inner{
    height:190px!important;
  }
  .single-banner .banner-inner img{
    height:100%!important;
    object-fit:cover!important;
  }
  .single-banner .speaker-fx,
  .single-banner .beam{display:none!important}
  .single-banner .banner-eq{height:30px!important;bottom:8px!important}
}

/* Play/pauze knop overflow FIX */
.big-play{display:grid!important;place-items:center!important;overflow:hidden!important;white-space:nowrap!important;line-height:1!important;text-indent:0!important;padding:0!important}
.big-play::first-line{line-height:1!important}
@media(max-width:640px){.big-play{font-size:1.25rem!important}}

/* FIX: banner 100% breedte zonder zwarte zijkanten */

/* ===== DENSITY / PUNTJES-OP-DE-I UPDATE ===== */
.enriched-mini-panel{display:flex;flex-direction:column;min-height:100%}
.enriched-mini-panel .now-panel-body{margin-bottom:14px}
.mini-info-list{margin-top:auto;border-top:1px solid var(--line);padding-top:12px;display:grid;gap:8px}
.mini-info-list>div{display:grid;grid-template-columns:88px 1fr;gap:10px;align-items:center;font-size:.75rem}
.mini-info-list span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.62rem}
.mini-info-list b,.mini-info-list a{color:#eef5ef;overflow-wrap:anywhere}.mini-info-list a{color:var(--green);font-weight:800}
.social-quick-links{display:grid;grid-template-columns:1fr;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.social-quick-links a{display:block;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#081009}
.social-quick-links b,.social-quick-links span{display:block}.social-quick-links b{font-size:.78rem}.social-quick-links span{font-size:.66rem;color:var(--muted);margin-top:3px}
.widget{display:flex;flex-direction:column}.widget .widget-body,.widget .weather-dashboard,.widget .traffic-widget-inner{flex:1}
.widget-mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 16px 12px;padding-top:10px;border-top:1px solid var(--line)}
.widget-mini-stats span{display:flex;justify-content:space-between;gap:8px;font-size:.68rem;color:var(--muted)}.widget-mini-stats b{color:#fff}
.page-side-stack{display:grid;gap:14px;align-content:start}.page-side-stack>.panel{height:auto}
.mini-schedule-card .card-link{display:inline-block;margin-top:12px}
.mini-program-list{display:grid;gap:7px;margin-top:10px}.mini-program-list>div{display:grid;grid-template-columns:84px 1fr;gap:10px;padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:#081009}.mini-program-list b{color:var(--green);font-size:.74rem}.mini-program-list span{font-size:.76rem;color:#e6ece7}
.dense-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.dense-info-card{padding:18px;display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start}.dense-info-card>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#102315;border:1px solid var(--line2);font-size:1.2rem}.dense-info-card b{font-size:.9rem}.dense-info-card p{margin:5px 0 0;color:var(--muted);font-size:.78rem;line-height:1.5}
.related-strip{padding-top:20px!important}.related-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:12px}.related-head h2{margin:4px 0 0;font-size:1.25rem}.related-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.related-card{padding:14px;display:flex;gap:10px;align-items:center;min-height:78px}.related-card>span{font-size:1.25rem}.related-card b,.related-card small{display:block}.related-card b{font-size:.78rem}.related-card small{font-size:.64rem;color:var(--muted);margin-top:3px}
.request-helper-row{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:.68rem;color:var(--muted);margin:9px 0 2px}.request-now small{color:var(--muted)}
.program-summary-grid,.team-status-row,.gallery-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.gallery-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-card{padding:14px;display:flex;gap:11px;align-items:center}.summary-card>span{font-size:1.35rem}.summary-card b,.summary-card small{display:block}.summary-card b{font-size:1rem;color:var(--green)}.summary-card small{font-size:.66rem;color:var(--muted);margin-top:2px}
.schedule-card-copy{display:flex;flex-direction:column}.schedule-card-copy p{flex:1}.card-mini-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.mini-action{border:1px solid var(--line2);background:#091009;color:#fff;border-radius:8px;padding:7px 9px;font-size:.68rem;font-weight:800}.mini-action:hover{border-color:var(--green);color:var(--green)}
.news-top-grid{display:grid;grid-template-columns:1fr 280px;gap:12px;margin-bottom:14px}.news-side-mini{display:grid;gap:10px}.mini-fact-card{padding:14px;display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center}.mini-fact-card>span{font-size:1.25rem}.mini-fact-card b,.mini-fact-card small{display:block}.mini-fact-card b{font-size:.9rem}.mini-fact-card small{font-size:.65rem;color:var(--muted);margin-top:3px}.mini-fact-card>a{color:var(--green);font-size:1.1rem}.news-card{display:flex;flex-direction:column}.news-card p{flex:1}.news-card-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line);font-size:.68rem}.news-card-foot span{color:var(--muted)}
.weather-facts{grid-template-columns:repeat(3,minmax(0,1fr))!important}.weather-extra-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.traffic-route-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0}.traffic-route-stats>div{padding:11px;border:1px solid var(--line);border-radius:9px;background:#081009}.traffic-route-stats span,.traffic-route-stats b{display:block}.traffic-route-stats span{font-size:.63rem;color:var(--muted);text-transform:uppercase}.traffic-route-stats b{font-size:.85rem;margin-top:4px;color:#fff}
.team-card-body{display:flex;flex-direction:column;height:100%}.team-card-body p{flex:1}.team-card-actions,.gallery-card-foot{display:flex;gap:10px;justify-content:space-between;margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}.team-card-actions a,.gallery-card-foot a{font-size:.7rem;color:var(--green);font-weight:800}.cta-actions{display:flex;gap:9px;flex-wrap:wrap}
.chat-program-list{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.about-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:18px}.about-stat-grid>div{padding:12px;border:1px solid var(--line);border-radius:10px;background:#081009}.about-stat-grid b,.about-stat-grid span{display:block}.about-stat-grid b{color:var(--green);font-size:1.05rem}.about-stat-grid span{font-size:.65rem;color:var(--muted);margin-top:3px}
.contact-note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}.contact-note-grid>div{padding:12px;border:1px solid var(--line);border-radius:10px;background:#081009}.contact-note-grid b,.contact-note-grid span{display:block}.contact-note-grid b{font-size:.78rem}.contact-note-grid span{font-size:.66rem;color:var(--muted);margin-top:4px;line-height:1.4}
/* compacter: minder loze verticale ruimte */
.page-content{padding-top:38px!important;padding-bottom:38px!important}.content-card{min-height:0!important}.screenshot-mini-panel{min-height:0!important}.now-panel,.social-panel{height:100%}.dashboard-live .panel{min-height:0}.dashboard-tiles{padding-top:10px!important;padding-bottom:10px!important}.image-dash-tile{min-height:112px!important}.dashboard-widgets{padding-top:6px!important}.news-card,.team-card-rich,.gallery-card{min-height:0!important}
@media(max-width:1200px){.related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dense-info-grid{grid-template-columns:1fr 1fr}.program-summary-grid,.team-status-row{grid-template-columns:repeat(2,minmax(0,1fr))}.news-top-grid{grid-template-columns:1fr}.weather-facts{grid-template-columns:1fr 1fr!important}}
@media(max-width:760px){.dense-info-grid,.weather-extra-grid,.gallery-summary,.contact-note-grid{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr 1fr}.program-summary-grid,.team-status-row,.about-stat-grid{grid-template-columns:1fr 1fr}.traffic-route-stats{grid-template-columns:1fr}.widget-mini-stats{grid-template-columns:1fr}.mini-info-list>div{grid-template-columns:76px 1fr}.request-helper-row{display:grid}.page-content{padding-top:28px!important;padding-bottom:28px!important}}
@media(max-width:520px){.related-grid,.program-summary-grid,.team-status-row,.about-stat-grid{grid-template-columns:1fr}.related-card{min-height:70px}.dense-info-card{grid-template-columns:38px 1fr}.dense-info-card>span{width:36px;height:36px}.weather-facts{grid-template-columns:1fr!important}}

/* === RADIO-NL-INSPIRED FRAME / RADIO MAASKANTJE BRANDING === */
:root{--rn-content:1480px;--rn-gap:28px;--rn-card:#0a110b}
.container{width:min(var(--rn-content),calc(100% - 40px))!important;max-width:var(--rn-content)!important;padding-left:0!important;padding-right:0!important}
.site-header{position:relative!important;background:#050805!important;border-bottom:1px solid rgba(84,237,103,.28)!important;box-shadow:0 8px 26px rgba(0,0,0,.28)}
.nav-wrap{min-height:78px!important}.main-nav{justify-content:center!important}.main-nav a{border-radius:8px!important;padding:12px 13px!important}.main-nav a.active{background:rgba(84,237,103,.11)!important;color:var(--green)!important;box-shadow:none!important}.header-search{border-radius:999px!important}.news-ticker{height:42px!important;background:#080c08!important}.news-ticker-label{background:var(--green)!important;color:#061006!important;clip-path:none!important;border-radius:0 999px 999px 0}
.rn-home{background:linear-gradient(180deg,#050805 0,#081009 36%,#060906 100%)}
.rn-live-hero{position:relative;height:clamp(390px,38vw,590px);overflow:hidden;background:#061006}.rn-live-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.rn-live-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.48) 44%,rgba(0,0,0,.14) 75%,rgba(0,0,0,.35) 100%)}.rn-live-hero-inner{position:relative;z-index:2;height:100%;display:flex;align-items:center}.rn-live-card{width:min(610px,90%);padding:38px 0;color:#fff}.rn-live-label{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border-radius:999px;background:rgba(84,237,103,.15);border:1px solid rgba(84,237,103,.45);color:var(--green);font-weight:900;font-size:.76rem;letter-spacing:.08em}.rn-live-label i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px rgba(84,237,103,.12)}.rn-live-card h1{font-size:clamp(2.8rem,5vw,5.6rem);line-height:.95;letter-spacing:-.055em;margin:18px 0 10px}.rn-live-card>p{font-size:1.2rem;margin:8px 0;color:#f0f4f0}.rn-live-card .rn-hero-tagline{font-size:.95rem;color:#c9d2ca}.rn-live-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.rn-main-section{position:relative;padding:54px 0 72px;background:linear-gradient(180deg,rgba(3,7,4,.90),rgba(3,7,4,.76) 18%,rgba(3,7,4,.86) 100%),var(--rn-main-bg-image) center center/cover no-repeat;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}.rn-main-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 18%,rgba(84,237,103,.12),transparent 18%),radial-gradient(circle at 88% 26%,rgba(84,237,103,.10),transparent 16%),linear-gradient(135deg,rgba(84,237,103,.05),transparent 35%,rgba(244,169,0,.04) 72%,transparent 100%);pointer-events:none}.rn-main-section:after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(84,237,103,.5),transparent);box-shadow:0 -22px 48px rgba(84,237,103,.08);pointer-events:none}.rn-content-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:var(--rn-gap);align-items:start}.rn-main-column{display:grid;gap:54px}.rn-section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:22px}.rn-section-head h2{font-size:clamp(1.8rem,3vw,2.7rem);letter-spacing:-.045em;margin:6px 0 0}.rn-section-head>a{color:var(--green);font-size:.82rem;font-weight:900;white-space:nowrap}
.rn-today-grid{display:grid;gap:12px}.rn-show-card{display:grid;grid-template-columns:145px 1fr 130px;gap:18px;align-items:center;min-height:118px;padding:16px 18px;background:var(--rn-card);border:1px solid var(--line);border-radius:17px}.rn-show-card.is-current{border-color:rgba(84,237,103,.55);box-shadow:0 16px 32px rgba(0,0,0,.22)}.rn-show-time{font-size:1.12rem;font-weight:900;color:var(--green)}.rn-show-copy span{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.rn-show-copy h3{font-size:1.12rem;margin:5px 0}.rn-show-copy p{margin:0;color:var(--muted);font-size:.82rem}.rn-show-card img{width:120px;height:86px;object-fit:cover;border-radius:12px;justify-self:end}
.rn-feature-grid,.rn-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.rn-feature-card{position:relative;min-height:230px;border-radius:18px;overflow:hidden;background:var(--rn-card);border:1px solid var(--line)}.rn-feature-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}.rn-feature-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.82))}.rn-feature-card>div{position:absolute;z-index:2;left:18px;right:18px;bottom:18px}.rn-feature-card h3{font-size:1.15rem;margin:7px 0 4px}.rn-feature-card p{font-size:.78rem;color:#d4dcd5;margin:0}
.rn-news-card{padding:20px;background:var(--rn-card);border:1px solid var(--line);border-radius:18px;min-height:210px;display:flex;flex-direction:column}.rn-news-icon{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:#102315;border:1px solid var(--line2);font-size:1.25rem}.rn-news-card>span{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--green);margin-top:auto;padding-top:24px}.rn-news-card h3{font-size:1rem;line-height:1.45;margin:8px 0 10px}.rn-news-card small{color:var(--muted)}
.rn-info-split{display:grid;grid-template-columns:1fr 1fr;gap:16px}.rn-info-card{padding:24px;border-radius:18px;background:var(--rn-card);border:1px solid var(--line)}.rn-weather-row{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center}.rn-weather-row>strong{font-size:3.2rem;color:var(--green)}.rn-weather-row div b,.rn-weather-row div span{display:block}.rn-weather-row div span{margin-top:7px;color:var(--muted);font-size:.8rem}.rn-road-list>div{display:grid;grid-template-columns:70px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.rn-road-list span{color:var(--muted);font-size:.78rem}
.rn-sidebar{display:grid;gap:18px;position:sticky;top:24px}.rn-side-card{padding:22px;border-radius:18px;background:#0b120c;border:1px solid var(--line);box-shadow:0 14px 34px rgba(0,0,0,.18)}.rn-now-card>img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:14px;margin:14px 0 16px;border:1px solid var(--line2)}.rn-now-card h3{font-size:1.25rem;margin:0 0 4px}.rn-now-card p{margin:0;color:var(--muted)}.rn-now-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.rn-now-meta span{padding:10px;border-radius:10px;background:#071008;color:var(--muted);font-size:.72rem}.rn-now-meta b{display:block;color:#fff;margin-top:3px}.rn-now-card .btn{width:100%}.rn-recent-list{display:grid;gap:10px}.rn-recent-item{display:grid;grid-template-columns:54px 1fr;gap:11px;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--line)}.rn-recent-item img,.rn-history-art{width:54px;height:54px;border-radius:9px;object-fit:cover;background:#102315;display:grid;place-items:center}.rn-recent-item b,.rn-recent-item span{display:block}.rn-recent-item b{font-size:.78rem}.rn-recent-item span{font-size:.72rem;color:var(--muted);margin-top:4px}.rn-recent-empty{color:var(--muted);font-size:.78rem;padding:10px 0}.rn-side-link{display:inline-block;margin-top:15px;color:var(--green);font-size:.76rem;font-weight:900}.rn-request-side h3{font-size:1.25rem;margin:8px 0}.rn-request-side p{font-size:.82rem;line-height:1.55;color:var(--muted)}.rn-request-side .btn{width:100%}.rn-links-side{display:grid;gap:8px}.rn-links-side h3{margin:0 0 7px}.rn-links-side a{padding:11px 12px;background:#071008;border:1px solid var(--line);border-radius:10px;font-size:.78rem}
.site-page{background:linear-gradient(180deg,#071008,#060906)}.unified-hero{background:#0b120c!important;border-bottom:1px solid var(--line)!important}.unified-hero-grid{min-height:220px!important}.content-card,.schedule-day,.summary-card,.news-card,.weather-day,.gallery-card,.team-card,.chat-rule{border-radius:18px!important;background:var(--rn-card)!important}.page-dashboard-grid.two-one,.request-system-grid,.chat-info-grid,.contact-dashboard{grid-template-columns:minmax(0,1fr) 360px!important;gap:var(--rn-gap)!important}
@media(max-width:1180px){.rn-content-layout{grid-template-columns:1fr}.rn-sidebar{position:relative;top:auto;grid-template-columns:repeat(2,minmax(0,1fr))}.rn-feature-grid,.rn-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-dashboard-grid.two-one,.request-system-grid,.chat-info-grid,.contact-dashboard{grid-template-columns:1fr!important}}
@media(max-width:760px){.container{width:min(100% - 22px,var(--rn-content))!important}.rn-live-hero{height:430px}.rn-live-hero-shade{background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.83))}.rn-live-hero-inner{align-items:flex-end}.rn-live-card{padding-bottom:32px}.rn-live-card h1{font-size:2.7rem}.rn-feature-grid,.rn-news-grid,.rn-info-split,.rn-sidebar{grid-template-columns:1fr}.rn-show-card{grid-template-columns:1fr}.rn-show-card img{width:100%;height:150px}.rn-section-head{align-items:flex-start;flex-direction:column}.rn-main-column{gap:38px}.rn-main-section{padding:36px 0 54px}}


/* MENU + HERO FIX 2026-09-13 */
@media(min-width:1281px){
  .site-header .nav-wrap{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:14px!important;align-items:center!important}
  .site-header .main-nav{display:flex!important;min-width:0!important;overflow:visible!important;overflow-x:visible!important;white-space:nowrap!important;justify-content:center!important;gap:2px!important;scrollbar-width:none!important}
  .site-header .main-nav::-webkit-scrollbar{display:none!important}
  .site-header .main-nav a{display:inline-flex!important;align-items:center!important;gap:6px!important;flex:0 1 auto!important;min-width:0!important;padding:11px 8px!important;font-size:clamp(.68rem,.72vw,.82rem)!important;line-height:1!important;letter-spacing:-.01em!important}
  .site-header .main-nav .nav-ico{font-size:.9rem!important;color:var(--green);flex:0 0 auto}
  .site-header .brand{min-width:190px!important}
  .site-header .brand strong{font-size:.92rem!important}
  .site-header .brand small{font-size:.6rem!important}
  .site-header .header-actions{gap:6px!important}
  .site-header .header-search input{width:118px!important}
  html,body{overflow-x:hidden!important}
}
@media(max-width:1280px){
  .site-header .menu-toggle{display:block!important}
  .site-header .main-nav{display:none!important;position:absolute!important;top:100%!important;left:0!important;right:0!important;max-height:calc(100vh - 80px)!important;overflow-y:auto!important;overflow-x:hidden!important;background:#071008!important;padding:12px 18px 18px!important;border-bottom:1px solid var(--line)!important;flex-direction:column!important;align-items:stretch!important}
  .site-header .main-nav.open{display:flex!important}
  .site-header .main-nav a{display:flex!important;align-items:center!important;gap:10px!important;padding:13px 14px!important;border-radius:9px!important}
  .site-header .main-nav .nav-ico{width:24px;text-align:center;color:var(--green)}
}

/* Hero tekst beschermd tegen tekst/branding in de banner */
.rn-live-hero{isolation:isolate}
.rn-live-hero-image{z-index:0!important}
.rn-live-hero-shade{z-index:1!important;background:linear-gradient(90deg,rgba(0,0,0,.70) 0%,rgba(0,0,0,.42) 42%,rgba(0,0,0,.08) 72%,rgba(0,0,0,.22) 100%)!important}
.rn-live-hero-inner{z-index:4!important}
.rn-live-card-safe{width:min(520px,92%)!important;padding:26px 28px!important;border-radius:18px!important;background:linear-gradient(135deg,rgba(3,8,4,.88),rgba(7,17,9,.70))!important;border:1px solid rgba(84,237,103,.30)!important;box-shadow:0 18px 55px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.04)!important;backdrop-filter:blur(8px)!important}
.rn-live-card-safe h1{font-size:clamp(2.35rem,4vw,4.4rem)!important;line-height:.94!important;margin:14px 0 8px!important;max-width:100%!important;overflow-wrap:anywhere!important;text-shadow:0 4px 20px rgba(0,0,0,.75)!important}
.rn-live-card-safe .rn-trackline{font-size:1.05rem!important;margin:0 0 5px!important;color:#fff!important;max-width:100%!important;overflow-wrap:anywhere!important}
.rn-live-card-safe .rn-hero-tagline{margin-top:4px!important}

/* Disco / speaker-achtige banner FX zonder de tekst af te dekken */
.rn-hero-fx{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.rn-disco-orb{position:absolute;top:8%;right:8%;width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 4%,#88ff8f 5% 10%,#1fae45 18%,#07140a 70%);box-shadow:0 0 28px rgba(84,237,103,.65),0 0 70px rgba(84,237,103,.22);animation:rn-orb-pulse 2.2s ease-in-out infinite alternate}
.rn-beam{position:absolute;top:-25%;width:24%;height:145%;filter:blur(1px);opacity:.22;transform-origin:top center;background:linear-gradient(180deg,rgba(84,237,103,.65),rgba(84,237,103,.08) 50%,transparent 82%);clip-path:polygon(46% 0,54% 0,100% 100%,0 100%)}
.rn-beam.beam-one{left:46%;transform:rotate(17deg);animation:rn-beam-a 7s ease-in-out infinite alternate}
.rn-beam.beam-two{left:65%;transform:rotate(-14deg);animation:rn-beam-b 8s ease-in-out infinite alternate}
.rn-beam.beam-three{left:79%;transform:rotate(9deg);opacity:.16;animation:rn-beam-a 9s ease-in-out infinite alternate-reverse}
.rn-hero-eq{position:absolute;right:6%;bottom:22px;height:52px;display:flex;align-items:flex-end;gap:4px;opacity:.65}
.rn-hero-eq b{display:block;width:5px;min-height:7px;border-radius:4px;background:linear-gradient(var(--green),#8aff65);animation:rn-hero-bar .85s ease-in-out infinite alternate}
.rn-hero-eq b:nth-child(3n){height:82%;animation-delay:-.28s}.rn-hero-eq b:nth-child(4n){height:42%;animation-delay:-.5s}.rn-hero-eq b:nth-child(5n){height:100%;animation-delay:-.2s}
@keyframes rn-hero-bar{to{height:18%}}
@keyframes rn-orb-pulse{to{transform:scale(1.08);box-shadow:0 0 38px rgba(84,237,103,.8),0 0 90px rgba(84,237,103,.28)}}
@keyframes rn-beam-a{to{transform:rotate(25deg) translateX(5%)}}
@keyframes rn-beam-b{to{transform:rotate(-23deg) translateX(-6%)}}
@media(max-width:760px){
  .rn-live-card-safe{width:calc(100% - 24px)!important;margin:0 12px 20px!important;padding:20px!important}
  .rn-live-card-safe h1{font-size:2.45rem!important}
  .rn-disco-orb{width:42px;height:42px;right:5%}
  .rn-beam{opacity:.12}.rn-hero-eq{right:4%;bottom:10px;height:34px}
}
@media(prefers-reduced-motion:reduce){.rn-disco-orb,.rn-beam,.rn-hero-eq b{animation:none!important}}


/* AUDIO REACTIVE SITE FX — achtergrond + banner reageren op stream */
:root{--beat-scale:1;--beat-bg-scale:1;--beat-brightness:1;--beat-saturate:1;--beat-opacity:.32;--beat-bass:1;--beat-treble:1}
body.audio-reactive-enabled.audio-playing::after{
  filter:brightness(var(--beat-brightness)) saturate(var(--beat-saturate));
  opacity:max(var(--bgfx-opacity),var(--beat-opacity));
  transform:scale(var(--beat-bg-scale));
  transition:filter .08s linear,opacity .08s linear,transform .08s linear;
}
body.audio-reactive-enabled.audio-playing::before{
  filter:brightness(var(--beat-brightness)) saturate(var(--beat-saturate));
}
body.audio-reactive-enabled.audio-playing .banner-eq b,
body.audio-reactive-enabled.audio-playing .console-eq i,
body.audio-reactive-enabled.audio-playing .radio-waveform span,
body.audio-reactive-enabled.audio-playing .page-wave i,
body.audio-reactive-enabled.audio-playing .player-eq i,
body.audio-reactive-enabled.audio-playing .footer-visualizer i{
  transform-origin:center bottom;
  transform:scaleY(var(--beat-scale));
  filter:brightness(var(--beat-brightness)) saturate(var(--beat-saturate));
  transition:transform .065s linear,filter .065s linear;
}
body.audio-reactive-enabled.audio-playing .disco-ball{
  filter:brightness(var(--beat-brightness)) saturate(var(--beat-saturate));
  box-shadow:0 0 44px rgba(84,237,103,var(--beat-opacity));
}
body.audio-reactive-enabled.audio-playing .beam,
body.audio-reactive-enabled.audio-playing .rn-beam{
  opacity:var(--beat-opacity)!important;
  filter:blur(7px) brightness(var(--beat-brightness)) saturate(var(--beat-saturate));
}
body.audio-reactive-enabled.audio-playing .speaker-fx{
  filter:brightness(var(--beat-bass)) saturate(var(--beat-saturate));
  box-shadow:0 0 0 15px rgba(0,0,0,.30),0 0 54px rgba(84,237,103,var(--beat-opacity));
}
body.audio-reactive-enabled.audio-playing .rn-hero-stage,
body.audio-reactive-enabled.audio-playing .single-banner{
  box-shadow:0 16px 42px rgba(0,0,0,.42),0 0 28px rgba(84,237,103,var(--beat-opacity));
}
/* Achtergrondeffect volledig uit via Admin */
body.bgfx-none::after{display:none!important}
@media(max-width:780px){body.audio-reactive-enabled.audio-playing::after{transform:scale(1.01)}}
@media(prefers-reduced-motion:reduce){body.audio-reactive-enabled.audio-playing::after{filter:none!important;transform:none!important}.banner-eq b,.console-eq i,.radio-waveform span,.page-wave i,.player-eq i,.footer-visualizer i{transform:none!important}}


/* Uitgebreid non-stop verzoek­systeem */
.request-howto-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.request-howto-grid>div{padding:14px;border:1px solid var(--line);border-radius:12px;background:rgba(6,14,8,.84);min-height:108px}.request-howto-grid span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#041006;font-weight:1000;margin-bottom:9px}.request-howto-grid b,.request-howto-grid small{display:block}.request-howto-grid b{font-size:.84rem}.request-howto-grid small{color:var(--muted);font-size:.72rem;line-height:1.45;margin-top:5px}.request-listener-form{display:grid;grid-template-columns:.6fr 1.4fr;gap:12px;margin:16px 0}.request-listener-form label{display:grid;gap:7px;font-size:.78rem;font-weight:900;color:#e8eee8}.request-listener-form input{width:100%;background:#050a06;border:1px solid var(--line2);color:#fff;border-radius:10px;padding:12px 13px;outline:none}.request-listener-form input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(84,237,103,.08)}.request-song{min-height:76px}.request-song-copy{min-width:0}.request-song-copy b,.request-song-copy span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.request-helper-row{gap:14px;flex-wrap:wrap}.request-helper-row span:first-child{color:var(--green)}
@media(max-width:900px){.request-howto-grid{grid-template-columns:1fr 1fr}.request-listener-form{grid-template-columns:1fr}}
@media(max-width:560px){.request-howto-grid{grid-template-columns:1fr}.request-song{grid-template-columns:54px minmax(0,1fr);}.request-song button{grid-column:1/-1;width:100%}}


/* FINAL SITE BACKGROUND IMAGE */
html{background:#030703 url('../img/radiomaaskantje-background-final.png') center center / cover fixed no-repeat!important}
body{
  background-color:transparent!important;
  background-image:
    linear-gradient(rgba(2,7,3,.68),rgba(2,7,3,.68)),
    url('../img/radiomaaskantje-background-final.png')!important;
  background-size:cover!important;
  background-position:center center!important;
  background-attachment:fixed!important;
  background-repeat:no-repeat!important;
}
body:before{pointer-events:none}
@media(max-width:780px){
  html{background-attachment:scroll!important}
  body{background-attachment:scroll!important;background-position:center top!important}
}


/* === SUBPAGINA MAASKANTJE HERO + BLOKKEN NAAR VOREN === */
.unified-hero{
  position:relative;
  overflow:hidden;
  min-height:240px;
  padding:46px 0!important;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:
    linear-gradient(90deg, rgba(3,7,4,.88) 0%, rgba(3,7,4,.58) 42%, rgba(3,7,4,.80) 100%),
    linear-gradient(180deg, rgba(9,22,11,.08), rgba(4,10,5,.42)),
    var(--hero-bg-image) center center / cover no-repeat!important;
  box-shadow: inset 0 -40px 90px rgba(0,0,0,.45), inset 0 20px 50px rgba(0,0,0,.22);
}
.unified-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 16% 28%, rgba(84,237,103,.16), transparent 16%),
    radial-gradient(circle at 82% 18%, rgba(84,237,103,.12), transparent 12%),
    linear-gradient(135deg, rgba(84,237,103,.06), transparent 35%, rgba(84,237,103,.05) 70%, transparent 100%);
  pointer-events:none;
}
.unified-hero:after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0; height:10px;
  background:repeating-linear-gradient(90deg,var(--hazard) 0 16px,transparent 16px 26px);
  opacity:.95;
  pointer-events:none;
}
.unified-hero .container{position:relative;z-index:1}
.unified-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) auto;gap:24px;align-items:center;min-height:148px}
.unified-hero-copy{
  max-width:820px;
  padding:26px 28px;
  border-radius:calc(var(--radius) - 2px);
  border:1px solid rgba(109,255,132,.18);
  background:linear-gradient(180deg, rgba(4,10,5,.70), rgba(4,10,5,.42));
  backdrop-filter:blur(8px);
  box-shadow:0 18px 40px rgba(0,0,0,.26);
}
.unified-hero-copy h1{margin:8px 0 12px!important;text-shadow:0 8px 28px rgba(0,0,0,.45)}
.unified-hero-copy p{max-width:760px;color:#e0e8e1!important;text-shadow:0 2px 12px rgba(0,0,0,.4)}
.unified-hero-actions{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:10px}
.unified-hero-actions .btn{min-width:240px;box-shadow:0 12px 26px rgba(0,0,0,.24)}
.site-page .panel,
.site-page .page-main,
.site-page .side-info,
.site-page .chat-intro-card,
.site-page .chat-side-card,
.site-page .chat-rule,
.site-page .chat-help,
.site-page .summary-card,
.site-page .gallery-card,
.site-page .schedule-card,
.site-page .news-card,
.site-page .weather-day,
.site-page .traffic-card{
  background:linear-gradient(180deg, rgba(8,14,9,.92), rgba(5,9,6,.96))!important;
  border:1px solid rgba(84,237,103,.18)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.02)!important;
  backdrop-filter:blur(8px);
}
.site-page .page-content,
.site-page .content-section,
.site-page .section-tight{position:relative}
.site-page .page-content>.container,
.site-page .content-section>.container,
.site-page .section-tight>.container{position:relative;z-index:1}
.site-page .page-content:before,
.site-page .content-section.soft:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(5,9,6,.12), rgba(5,9,6,.02) 20%, rgba(5,9,6,.14));
  pointer-events:none;
}
.page-chat .unified-hero,.page-listen .unified-hero,.page-request .unified-hero,.page-program .unified-hero,.page-news .unified-hero,.page-weather .unified-hero,.page-traffic .unified-hero,.page-team .unified-hero,.page-gallery .unified-hero,.page-about .unified-hero,.page-contact .unified-hero{background-position:center center!important}
.page-chat .chat-intro-card,.page-chat .chat-side-card{overflow:hidden;position:relative}
.page-chat .chat-intro-card:before,.page-chat .chat-side-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg, rgba(84,237,103,.04), transparent 40%);pointer-events:none}
@media(max-width:980px){
  .unified-hero{padding:28px 0!important;min-height:0}
  .unified-hero-grid{grid-template-columns:1fr;align-items:start}
  .unified-hero-copy{padding:20px 18px}
  .unified-hero-actions{align-items:stretch}
  .unified-hero-actions .btn{width:100%;min-width:0}
}

.rn-section-block,.rn-side-card,.rn-show-card,.rn-feature-card,.rn-news-card,.rn-info-card{box-shadow:0 18px 38px rgba(0,0,0,.30);backdrop-filter:blur(6px)}
.rn-section-block{padding:0;border-radius:22px}
.rn-section-block>.rn-section-head,.rn-section-block>.rn-today-grid,.rn-section-block>.rn-feature-grid,.rn-section-block>.rn-news-grid,.rn-section-block>.rn-info-split{position:relative}


/* === MENU V3 + APARTE LIVE VERZOEKPAGINA 2026-09-13 === */
.site-header{z-index:80!important;background:rgba(4,9,5,.97)!important;box-shadow:0 8px 28px rgba(0,0,0,.22)}
.site-header .nav-wrap{min-height:70px!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:18px!important;position:relative}
.site-header .brand{min-width:205px!important}.site-header .brand-logo{width:46px!important;height:46px!important}.site-header .brand strong{font-size:.9rem}.site-header .brand small{font-size:.58rem;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.main-nav-v2{display:flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;min-width:0!important;overflow:visible!important;white-space:nowrap!important;position:static!important;background:transparent!important;padding:0!important;border:0!important;max-height:none!important}
.main-nav-v2 .nav-main-link,.nav-more-trigger{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:10px 9px!important;border-radius:9px!important;border:0;background:transparent;color:#e5ebe6;font-weight:900;font-size:clamp(.67rem,.72vw,.82rem);line-height:1;white-space:nowrap}
.main-nav-v2 .nav-main-link:hover,.nav-more-trigger:hover,.nav-more.active>.nav-more-trigger{background:rgba(84,237,103,.09)!important;color:var(--green)!important}.main-nav-v2 .nav-main-link.active{background:linear-gradient(135deg,rgba(84,237,103,.17),rgba(30,170,69,.07))!important;color:var(--green)!important;box-shadow:inset 0 0 0 1px rgba(84,237,103,.18)}
.main-nav-v2 .nav-ico{color:var(--green);font-size:.88rem;flex:0 0 auto}.nav-more{position:relative}.nav-more-trigger i{font-style:normal;color:#849087;font-size:.66rem}.nav-more-menu{display:none;position:absolute;top:calc(100% + 11px);right:0;width:290px;padding:10px;background:#071008;border:1px solid rgba(84,237,103,.2);border-radius:15px;box-shadow:0 24px 65px rgba(0,0,0,.55);z-index:100}.nav-more:hover .nav-more-menu,.nav-more:focus-within .nav-more-menu{display:grid;grid-template-columns:1fr 1fr;gap:6px}.nav-more-menu a{display:flex!important;align-items:center!important;gap:9px!important;padding:11px 12px!important;border-radius:9px!important;background:#0a110b!important;color:#e7ede8!important;font-size:.76rem!important}.nav-more-menu a:hover,.nav-more-menu a.active{background:#102016!important;color:var(--green)!important}.nav-more-menu a span{color:var(--green);width:18px;text-align:center}.nav-group-label{grid-column:1/-1;padding:8px 7px 4px;color:#6d7b70;font-size:.57rem;letter-spacing:.16em;font-weight:900}.mobile-nav-head,.mobile-nav-tools{display:none}.header-actions-v2{display:flex!important;gap:6px!important;align-items:center!important}.header-actions-v2 .mini-live,.header-actions-v2 .head-btn{white-space:nowrap}

.live-request-page-grid{display:grid;grid-template-columns:minmax(0,1.25fr) 380px;gap:18px;align-items:start}.live-request-form-card,.live-request-help,.live-request-dj-status,.live-request-choice{padding:26px}.live-request-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.live-request-title-row h2{font-size:clamp(1.7rem,3.4vw,2.8rem);margin:8px 0 0}.live-request-form-card>p,.live-request-dj-status p,.live-request-choice p{color:var(--muted);line-height:1.65}.live-request-state{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:999px;font-size:.66rem;font-weight:1000;white-space:nowrap}.live-request-state.is-open{background:#102d17;border:1px solid #2b8b3e;color:var(--green);box-shadow:0 0 22px rgba(84,237,103,.09)}.live-request-state.is-closed{background:#28180d;border:1px solid #7a4c25;color:#ffc57f}.live-request-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.live-request-form label{display:grid;gap:7px;font-size:.77rem;font-weight:900}.live-request-form .full{grid-column:1/-1}.live-request-form input,.live-request-form textarea{width:100%;padding:13px;background:#071008;color:#fff;border:1px solid #29422e;border-radius:10px;outline:none}.live-request-form input:focus,.live-request-form textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(84,237,103,.08)}.live-request-status{min-height:20px;margin:0;font-size:.78rem;color:var(--muted)}.live-request-status.success{color:var(--green)}.live-request-status.error{color:#ff9c9c}.live-request-closed{display:grid;gap:10px;padding:18px;margin-top:22px;border:1px solid #705328;border-radius:13px;background:rgba(118,77,24,.11)}.live-request-closed b{color:#ffd08a}.live-request-closed span{color:var(--muted);line-height:1.55}.live-request-closed .btn{justify-self:start}.live-request-side-stack{display:grid;gap:16px;position:sticky;top:94px}.live-request-help h3,.live-request-dj-status h3,.live-request-choice h3{font-size:1.35rem;margin:8px 0 15px}.live-request-help ol{list-style:none;padding:0;margin:0;display:grid;gap:10px;counter-reset:lr}.live-request-help li{counter-increment:lr;display:grid;grid-template-columns:38px 1fr;gap:10px;padding:12px;border:1px solid var(--line);border-radius:11px;background:#081009}.live-request-help li:before{content:counter(lr);width:34px;height:34px;border-radius:9px;background:#102d17;color:var(--green);display:grid;place-items:center;font-weight:1000}.live-request-help li b,.live-request-help li span{display:block}.live-request-help li span{grid-column:2;color:var(--muted);font-size:.75rem;margin-top:-17px}.live-request-choice a{color:var(--green);font-weight:900;font-size:.8rem}

@media(min-width:1121px){.site-header .menu-toggle{display:none!important}.main-nav-v2{display:flex!important}.mobile-nav-head,.mobile-nav-tools{display:none!important}}
@media(max-width:1120px){
  .site-header .nav-wrap{grid-template-columns:minmax(0,1fr) auto!important;min-height:68px!important}.site-header .brand{min-width:0!important}.site-header .menu-toggle{display:block!important;justify-self:end!important;z-index:102!important}.header-actions-v2{display:none!important}
  .main-nav-v2{display:none!important;position:fixed!important;top:68px!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:calc(100dvh - 68px)!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;background:linear-gradient(180deg,#050a06,#081009 48%,#050805)!important;padding:16px clamp(14px,4vw,28px) 90px!important;border-top:1px solid var(--line)!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:7px!important;white-space:normal!important;z-index:101!important;box-shadow:none!important}
  .main-nav-v2.open{display:flex!important}.mobile-nav-head{display:block!important;padding:4px 4px 13px;border-bottom:1px solid var(--line);margin-bottom:3px}.mobile-nav-head b,.mobile-nav-head small{display:block}.mobile-nav-head b{font-size:1.05rem}.mobile-nav-head small{color:var(--muted);font-size:.7rem;margin-top:4px}
  .main-nav-v2 .nav-main-link,.nav-more-trigger{width:100%!important;justify-content:flex-start!important;padding:14px 14px!important;font-size:.87rem!important;border:1px solid rgba(84,237,103,.10)!important;background:#09100a!important;border-radius:11px!important}.main-nav-v2 .nav-main-link .nav-ico,.nav-more-trigger .nav-ico{width:26px;text-align:center;font-size:1rem}.nav-more{width:100%!important}.nav-more-trigger{pointer-events:none}.nav-more-trigger i{margin-left:auto}.nav-more-menu{display:grid!important;position:static!important;width:100%!important;grid-template-columns:1fr 1fr!important;gap:7px!important;padding:8px 0 0!important;background:transparent!important;border:0!important;box-shadow:none!important}.nav-more-menu a{padding:13px 12px!important}.nav-group-label{padding:12px 5px 3px!important}.mobile-nav-tools{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;padding-top:14px;border-top:1px solid var(--line)}.mobile-nav-tools .mini-live{grid-column:1/-1;width:100%;padding:13px;border-radius:10px}.mobile-nav-tools>a{display:flex;align-items:center;justify-content:center;padding:12px;border:1px solid var(--line);background:#0b120c;border-radius:10px;font-size:.78rem;font-weight:900;color:#fff}
  body:has(.main-nav-v2.open){overflow:hidden}
  .live-request-page-grid{grid-template-columns:1fr}.live-request-side-stack{position:static}.live-request-form{grid-template-columns:1fr}.live-request-form .full{grid-column:auto}
}
@media(max-width:560px){.site-header .brand small{display:none}.site-header .brand-logo{width:42px!important;height:42px!important}.nav-more-menu{grid-template-columns:1fr!important}.live-request-form-card,.live-request-help,.live-request-dj-status,.live-request-choice{padding:19px}.live-request-title-row{flex-direction:column}.live-request-state{align-self:flex-start}.mobile-nav-tools{grid-template-columns:1fr}}