:root{--bg:#071117;--bg2:#0b1820;--card:#10232b;--line:#183943;--text:#edf7f7;--muted:#93aeb2;--accent:#56b9b4;--accent2:#78cbc5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}.top{height:82px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,22px);background:rgba(7,17,23,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{display:flex;gap:12px;align-items:center;font-size:20px;letter-spacing:1px}.brand b,.hero span,.heading p{color:var(--accent)}.brand small{display:block;font-size:9px;color:var(--muted);letter-spacing:1.8px}.mark{display:grid;place-items:center;width:36px;height:36px;border:2px solid var(--accent);border-radius:50%;color:var(--accent)}nav{display:flex;gap:28px;font-size:14px}nav a:hover{color:var(--accent)}.menu{display:none;background:none;border:0;color:white;font-size:25px}.hero{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;padding:80px max(7vw,24px);background:radial-gradient(circle at 75% 45%,#12333a 0,transparent 35%)}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--accent)}h1{font-size:clamp(50px,7vw,92px);line-height:.92;margin:20px 0}.intro{max-width:590px;color:var(--muted);font-size:18px}.btn{display:inline-block;margin-top:20px;background:var(--accent);color:#061114;border:0;border-radius:8px;padding:14px 24px;font-weight:800;cursor:pointer}.btn:hover{background:var(--accent2)}.visual{min-height:360px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#10262d,#071117);display:grid;place-items:center;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.3)}.wave{font-size:clamp(28px,5vw,60px);letter-spacing:4px;color:var(--accent);text-shadow:0 0 30px rgba(86,185,180,.4)}.visual p{font-weight:900;letter-spacing:5px}.section{padding:90px max(7vw,24px)}.alt{background:var(--bg2)}.heading{text-align:center;margin-bottom:42px}.heading p{font-size:12px;font-weight:800;letter-spacing:3px;margin:0}.heading h2{font-size:clamp(30px,4vw,48px);margin:8px 0}.card{max-width:850px;margin:auto;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:30px}.player>div:first-child{display:flex;flex-direction:column}.player small,.status span{color:var(--muted)}.live-dot{width:9px;height:9px;background:var(--accent);border-radius:50%;box-shadow:0 0 14px var(--accent);margin-bottom:10px}.controls{display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin-top:25px}.round{width:58px;height:58px;border-radius:50%;border:0;background:var(--accent);font-size:20px;cursor:pointer}.status{display:flex;flex-direction:column}.controls input{width:130px}.links{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.links a{color:var(--accent)}.schedule{max-width:900px;margin:auto;display:grid;gap:10px}.schedule article{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;align-items:center;background:var(--card);border:1px solid var(--line);padding:18px 22px;border-radius:10px}.schedule span{color:var(--muted)}.schedule strong{text-align:right;color:var(--accent)}.wanted{border-color:var(--accent)!important}.tiktok{min-height:430px;display:grid;place-items:center}.phone{width:min(290px,100%);min-height:360px;border:1px solid #28505a;border-radius:28px;background:#071117;padding:55px 25px;text-align:center;display:flex;flex-direction:column;justify-content:center}.phone>div{font-size:42px;color:var(--accent)}.phone p,.phone small{color:var(--muted)}.contact-grid{max-width:1000px;margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:55px}.contact-grid a{color:var(--accent)}form{display:grid;gap:14px}label{font-size:13px;font-weight:700}input,textarea{width:100%;margin-top:6px;padding:13px;border:1px solid var(--line);border-radius:7px;background:#09171d;color:white;font:inherit;outline:none}input:focus,textarea:focus{border-color:var(--accent)}form .btn{justify-self:start}.hp{position:absolute;left:-9999px}footer{padding:40px max(7vw,24px);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}@media(max-width:760px){.top{height:70px}.menu{display:block}nav{display:none;position:absolute;left:0;right:0;top:70px;background:#071117;padding:20px 24px;border-bottom:1px solid var(--line);flex-direction:column;gap:16px}nav.open{display:flex}.hero{grid-template-columns:1fr;min-height:auto;padding-top:65px}.visual{min-height:240px}.section{padding:65px 22px}.controls{grid-template-columns:auto 1fr!important}.controls label{grid-column:1/-1}.controls input{width:calc(100% - 35px)}.schedule article{grid-template-columns:1fr auto}.schedule strong{grid-column:1/-1;text-align:left}.contact-grid{grid-template-columns:1fr;gap:25px}footer{flex-direction:column;align-items:flex-start;gap:20px}h1{font-size:52px}}

/* TikTok LIVE header - voorbereid voor toekomstige automatische koppeling */
.tiktok-hero{padding:22px;display:block}.tiktok-live-shell{height:100%;display:flex;flex-direction:column;gap:12px}.tiktok-kicker{font-size:11px;letter-spacing:2.5px;color:var(--accent);font-weight:800}.tiktok-screen{flex:1;min-height:280px;border:1px solid #28505a;border-radius:16px;background:#050c10;overflow:hidden;display:grid;place-items:center;position:relative}.tiktok-screen iframe,.tiktok-screen video{width:100%;height:100%;border:0;object-fit:cover}.tiktok-placeholder{text-align:center;max-width:340px;padding:28px;color:var(--muted)}.tiktok-placeholder strong{display:block;color:var(--text);font-size:20px;margin:8px 0}.tiktok-placeholder p{margin:5px 0 10px}.tiktok-placeholder small{display:block;line-height:1.5}.tiktok-icon{font-size:44px;color:var(--accent)}.tiktok-profile-link{color:var(--accent);font-size:13px;font-weight:700}.tiktok-hero.is-live .tiktok-kicker:after{content:" • LIVE";color:var(--accent)}@media(max-width:760px){.tiktok-screen{min-height:360px}.tiktok-hero{min-height:440px}}
/* Grotere TikTok LIVE-viewer: vult het volledige rechter hero-vak */
.hero .tiktok-hero{padding:0;min-height:430px;overflow:hidden;display:block}
.hero .tiktok-live-shell{height:100%;min-height:430px;gap:0;position:relative}
.hero .tiktok-kicker{position:absolute;z-index:2;top:18px;left:20px;background:rgba(5,12,16,.78);padding:7px 10px;border-radius:7px}
.hero .tiktok-screen{width:100%;height:100%;min-height:430px;border:0;border-radius:22px;background:#050c10}
.hero .tiktok-profile-link{position:absolute;z-index:2;left:20px;bottom:18px;background:rgba(5,12,16,.82);padding:9px 12px;border-radius:7px}
@media(max-width:760px){.hero .tiktok-hero,.hero .tiktok-live-shell,.hero .tiktok-screen{min-height:480px}.hero .tiktok-screen{border-radius:22px}}


/* Radio Libel frisse huisstijl + grote automatische Now Playing */
:root{--bg:#1b2d35;--bg2:#233a43;--card:#2b4650;--line:#46636c;--text:#ffffff;--muted:#c6d5d9;--accent:#79d0c8;--accent2:#a0e0da;--deep:#13242b}
body{background:linear-gradient(180deg,#1b2d35 0%,#203640 100%);color:var(--text)}
.top{background:rgba(27,45,53,.96);box-shadow:0 8px 30px rgba(7,20,25,.18)}
.brand{font-weight:800}.brand small{color:#d7e3e6}.hero{background:radial-gradient(circle at 78% 35%,rgba(121,208,200,.18),transparent 34%),linear-gradient(135deg,#233c46,#1b2d35);min-height:650px}.eyebrow{font-weight:900}.hero h1{color:#fff;text-shadow:0 3px 22px rgba(0,0,0,.25)}.hero h1 span{color:var(--accent);text-shadow:0 0 24px rgba(121,208,200,.18)}.intro{color:#dce7e9}.btn{box-shadow:0 10px 28px rgba(7,20,25,.22)}.alt{background:#263f49}.heading h2{color:#fff}.card,.schedule article{box-shadow:0 14px 36px rgba(8,21,27,.14)}input,textarea{background:#1d323a;color:#fff}.phone{background:var(--deep)}footer{background:#172830}
.now-playing-card{min-height:430px;border:1px solid rgba(160,224,218,.32);border-radius:24px;background:linear-gradient(145deg,rgba(49,78,89,.98),rgba(31,53,62,.98));padding:28px;display:grid;grid-template-columns:minmax(190px,46%) 1fr;gap:28px;align-items:center;box-shadow:0 28px 70px rgba(7,20,25,.28)}
.np-art-wrap{aspect-ratio:1/1;width:100%;border-radius:20px;overflow:hidden;background:#14262d;box-shadow:0 18px 40px rgba(0,0,0,.28)}.np-art-wrap img{width:100%;height:100%;display:block;object-fit:cover}.np-info{min-width:0}.np-label{margin:0 0 12px;color:var(--accent);font-size:12px;font-weight:900;letter-spacing:2.2px}.np-info h2{font-size:clamp(28px,3.5vw,48px);line-height:1.02;margin:0 0 12px;color:#fff;overflow-wrap:anywhere}.np-info>p:not(.np-label){font-size:20px;color:#e2ecee;margin:0 0 24px}.np-live{display:flex;align-items:center;gap:10px;color:#d8e6e8;font-weight:700}.np-live .live-dot{margin:0}.np-live .live-dot{animation:pulse 1.6s infinite}@keyframes pulse{50%{opacity:.45;box-shadow:0 0 24px var(--accent)}}
@media(max-width:900px){.now-playing-card{grid-template-columns:1fr}.np-art-wrap{max-width:360px;margin:auto}.np-info{text-align:center}.np-live{justify-content:center}}
@media(max-width:760px){nav{background:#1b2d35}.hero{padding-top:54px}.now-playing-card{min-height:auto;padding:20px}.np-info h2{font-size:32px}.np-info>p:not(.np-label){font-size:17px}}

/* v2.1 — lichtere, compactere Radio Libel homepage */
:root{--bg:#29434d;--bg2:#31505b;--card:#395c67;--line:#557985;--text:#ffffff;--muted:#d4e1e4;--accent:#79d0c8;--accent2:#a7e2dc;--deep:#203942}
body{background:linear-gradient(180deg,#29434d 0%,#263f49 100%)}
.top{background:rgba(32,57,66,.96);border-bottom-color:rgba(255,255,255,.10)}
.hero{min-height:540px;grid-template-columns:minmax(0,1fr) minmax(460px,620px);gap:64px;padding:64px max(7vw,24px);background:radial-gradient(circle at 82% 36%,rgba(121,208,200,.22),transparent 30%),linear-gradient(135deg,#31515c 0%,#29434d 62%,#253d46 100%)}
.hero-copy{max-width:660px}.hero h1{font-size:clamp(48px,5.2vw,76px);line-height:.96;margin:16px 0 18px}.intro{font-size:17px;color:#e1ebed}.eyebrow{color:#a7e2dc}
.now-playing-card{width:100%;max-width:620px;min-height:0;justify-self:end;grid-template-columns:220px minmax(0,1fr);gap:24px;padding:24px;border-radius:20px;background:linear-gradient(145deg,#416772,#31515c);border:1px solid rgba(255,255,255,.16);box-shadow:0 20px 55px rgba(7,20,25,.20)}
.np-art-wrap{width:220px;height:220px;aspect-ratio:auto;border-radius:16px}.np-info h2{font-size:clamp(26px,2.4vw,38px);line-height:1.08}.np-info>p:not(.np-label){font-size:18px;margin-bottom:18px}.np-label{color:#a7e2dc}
.section{padding-top:72px;padding-bottom:72px}.alt{background:#31505b}.card,.schedule article{background:#395c67;border-color:#557985}.heading p,.schedule strong,.links a,.contact-grid a{color:#9eddd7}input,textarea{background:#294650;border-color:#5f818b}.btn,.round{background:#79d0c8;color:#10252c}.btn:hover,.round:hover{background:#a7e2dc}footer{background:#203942}
@media(max-width:1050px){.hero{grid-template-columns:1fr 500px;gap:38px}.now-playing-card{grid-template-columns:190px 1fr}.np-art-wrap{width:190px;height:190px}}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:34px}.hero-copy{max-width:720px}.now-playing-card{justify-self:start;max-width:680px;grid-template-columns:200px 1fr}.np-art-wrap{width:200px;height:200px}.np-info{text-align:left}.np-live{justify-content:flex-start}}
@media(max-width:600px){.hero{padding:44px 20px;gap:28px}.hero h1{font-size:48px}.now-playing-card{grid-template-columns:112px minmax(0,1fr);gap:16px;padding:16px}.np-art-wrap{width:112px;height:112px;border-radius:12px}.np-label{font-size:10px;margin-bottom:7px}.np-info h2{font-size:23px;margin-bottom:7px}.np-info>p:not(.np-label){font-size:15px;margin-bottom:10px}.np-live{font-size:13px}}

/* v3.0 — strakker kleurenpalet: petrol + slate blue + zacht goud */
:root{--bg:#243c46;--bg2:#2d4b56;--card:#365965;--line:#5f7f89;--text:#ffffff;--muted:#d5e2e5;--accent:#73c9c1;--accent2:#a3ded8;--blue:#7899c7;--blue-soft:#91add2;--gold:#d9bd7a;--deep:#1d333c}
body{background:linear-gradient(180deg,#243c46 0%,#294650 55%,#243d47 100%)}
.top{background:rgba(29,51,60,.96);border-bottom:1px solid rgba(145,173,210,.20)}
.brand b{color:#fff}.brand b::first-letter{color:var(--accent)}
.hero{background:radial-gradient(circle at 82% 34%,rgba(120,153,199,.20),transparent 31%),linear-gradient(135deg,#315460 0%,#294650 54%,#233b45 100%)}
.eyebrow,.np-label,.heading p{color:var(--gold)}
.hero h1 span{color:var(--accent)}
.btn,.round{background:var(--accent);color:#112a31}.btn:hover,.round:hover{background:var(--accent2)}
.now-playing-card{background:linear-gradient(145deg,#3b6370 0%,#355766 55%,#344f69 100%);border:1px solid rgba(145,173,210,.34);box-shadow:0 22px 55px rgba(12,28,36,.22)}
.np-art-wrap{background:#203943;border:1px solid rgba(217,189,122,.28)}
.np-live{color:#edf5f6}.np-live .live-dot{background:var(--gold);box-shadow:0 0 14px rgba(217,189,122,.8)}
.alt{background:#2d4b56}.card,.schedule article{background:#365965;border-color:#587985}.schedule article:nth-child(even){background:#335461}.schedule strong{color:var(--gold)}
.heading h2{color:#fff}.links a,.contact-grid a{color:var(--accent2)}
input,textarea{background:#284650;border-color:#66838c}input:focus,textarea:focus{border-color:var(--blue-soft)}
.wanted{border-color:var(--gold)!important;background:linear-gradient(90deg,#365965,#3b5965)!important}
.mark{border-color:var(--gold);color:var(--gold)}
footer{background:#1d333c;border-top-color:rgba(145,173,210,.22)}
@media(max-width:760px){nav{background:#1d333c}}

/* v3.1 juridische pagina's */
.footer-meta{text-align:right}.footer-meta p{margin:4px 0}.footer-meta a,.legal-card a{color:var(--accent2)}.legal-links{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.legal-page{min-height:70vh;padding:70px max(7vw,24px);background:linear-gradient(180deg,#294650,#243c46)}.legal-card{max-width:920px;margin:0 auto;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:clamp(24px,5vw,52px);box-shadow:0 20px 55px rgba(12,28,36,.18)}.legal-card h1{font-size:clamp(38px,5vw,62px);margin:8px 0 6px;line-height:1}.legal-card h2{margin-top:34px;color:#fff}.legal-card p{color:var(--muted)}.legal-updated{font-size:13px}.legal-nav{display:flex}.legal-nav a{color:#fff}@media(max-width:760px){.legal-page{padding:35px 18px}.legal-nav{display:flex;position:static;background:none;padding:0;border:0;flex-direction:row}.footer-meta{text-align:left}.legal-links{justify-content:flex-start}}