:root{
  --rr-gold:#f4c52e;--rr-gold2:#d79a00;--rr-gold3:#ffeb72;--rr-black:#050505;--rr-panel:#101010;--rr-panel2:#171717;--rr-line:rgba(232,177,25,.72);--rr-text:#f7f7f7;--rr-muted:#b9b9b9;
}
html{background:#050505} body{background:#050505!important;color:var(--rr-text)!important}
body:before{content:"";position:fixed;inset:0 0 0 var(--sidebar,238px);z-index:-4;background:url('assets/radiorebecca-body-gold-black.webp') center top/cover no-repeat fixed;opacity:.17;filter:saturate(1.15) contrast(1.05)}
body:after{content:"";position:fixed;inset:0 0 0 var(--sidebar,238px);z-index:-3;background:radial-gradient(circle at 50% 0,rgba(235,180,26,.10),transparent 34rem),linear-gradient(180deg,rgba(3,3,3,.74),rgba(5,5,5,.92) 38%,#070707 100%);pointer-events:none}
main{background:transparent!important;min-height:100vh}
/* Sidebar */
aside{background:linear-gradient(180deg,#050505,#0b0b0b 60%,#12100a)!important;border-right:1px solid rgba(255,210,53,.20)!important;box-shadow:12px 0 38px rgba(0,0,0,.42)}
aside:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,211,59,.03),transparent 35%,rgba(255,193,0,.03));pointer-events:none}
.rrnl-logo{height:88px!important;width:100%!important;display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;padding:5px 8px!important;text-shadow:0 1px 0 #fff2a4,0 0 14px rgba(255,197,40,.38)}
.rrnl-logo span{font-size:24px!important;line-height:1!important;font-weight:1000!important;letter-spacing:-1.2px;color:#f7d24e!important;background:linear-gradient(#fff8bd,#e7ad16 55%,#986300);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.rrnl-logo i{font-size:7px!important;letter-spacing:4px!important;color:#efc22e!important;margin-top:6px!important;font-style:normal}.rrnl-logo b{font-family:Georgia,serif;font-style:italic;font-weight:500;font-size:10px;color:#e9b928;margin-top:10px}
aside nav a{border:1px solid transparent!important;border-radius:8px!important;color:#ececec!important;transition:.18s ease!important}
aside nav a:hover,aside nav a.active{background:linear-gradient(90deg,rgba(255,204,45,.16),rgba(255,204,45,.025))!important;border-color:rgba(238,181,18,.55)!important;color:#ffd84b!important;box-shadow:inset 3px 0 #f1bb1f,0 0 18px rgba(230,169,13,.06)!important}
aside nav .nav-icon{background:linear-gradient(145deg,#2e2e2e,#141414)!important;border:1px solid #3b3b3b;color:#e8b725!important;box-shadow:inset 0 0 8px rgba(255,210,66,.05)}
aside nav a.active .nav-icon{background:linear-gradient(145deg,#ffe058,#c58b03)!important;color:#111!important;border-color:#f9d24d!important}
.side-live{border-top:1px solid #292418!important}.side-live small{color:#f1c22c!important}.side-live small i{background:#ffd63e!important;box-shadow:0 0 10px #ffd63e}
/* Master banner */
.gold-master-banner{height:235px;position:relative;overflow:hidden;background:#090909 url('assets/radiorebecca-gold-banner.webp') center/cover no-repeat;border-bottom:1px solid #9c7413;box-shadow:0 12px 34px rgba(0,0,0,.5),inset 0 -1px rgba(255,224,109,.28);isolation:isolate}
.gold-master-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.08),transparent 18% 78%,rgba(0,0,0,.2));z-index:-1}
.gold-banner-copy{position:absolute;left:50%;top:50%;transform:translate(-50%,-51%);text-align:center;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 6px 20px #000)}
.gold-banner-copy .gold-crown{font-size:34px;line-height:.8;color:#f8cf39}.gold-banner-copy strong{font-size:clamp(42px,5vw,75px);letter-spacing:-4px;line-height:1;background:linear-gradient(#fff7bd,#f4c338 48%,#a96800 92%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;white-space:nowrap}.gold-banner-copy small{font-size:11px;letter-spacing:9px;color:#f2d75d;margin-top:8px}.gold-banner-copy em{font-family:Georgia,serif;font-size:clamp(18px,2.3vw,31px);color:#f8d765;margin-top:10px}.gold-banner-side{position:absolute;right:22px;top:44px;width:110px;line-height:1.7;text-align:center;font-size:11px;letter-spacing:3px;color:#f4d34b}
/* Top strips become matching dark gold */
.news-ticker,.visitor-bar,.request-activity-top,.messagebar,.birthday-topbar{background:rgba(8,8,8,.94)!important;border-color:#4e3c12!important;color:#eee!important;backdrop-filter:blur(8px)}
.news-ticker>b,.visitor-bar>b,.request-activity-top>b,.messagebar>b{color:#f1c634!important}.top-account-login,.request-activity a,.birthday-topbar a{color:#f3c634!important}
/* Page surfaces/cards */
.page-hero,.rebecca-hero{background:linear-gradient(135deg,rgba(9,9,9,.96),rgba(24,19,7,.93))!important;border-bottom:1px solid #7f5f12!important;box-shadow:inset 0 0 80px rgba(213,157,10,.05)!important}
.rebecca-hero{margin:22px 32px!important;border:1px solid var(--rr-line)!important;border-radius:16px!important;overflow:hidden!important;padding:34px!important;box-shadow:0 18px 48px rgba(0,0,0,.42),0 0 0 1px rgba(255,217,81,.03)!important}
.rebecca-hero h1,.page-hero h1{color:#fff!important}.rebecca-hero h1 em,.page-hero em{color:#f6c73a!important}.rebecca-hero .studio-card{border:1px solid #b98b17!important;box-shadow:0 0 28px rgba(244,193,43,.15)!important;background:#0c0c0c!important}
.listener-essentials,.home-grid,.quick-info,.mix,.artist-intro,.artist-grid,.music-list,.detail-page,.history-page,.team-expanded,.about-story,.auth-grid,.account-dashboard,.public-profile,.studio-panel,.studio-locked{background:transparent!important}
.listener-links a,.info-tile,.home-grid article,.artist-grid article,.music-list article,.history-stats>div,.history-track,.traffic-links a,.road-watch article,.current-weather,.hourly-grid article,.daily-grid article,.dj-grid article,.story-facts article,.passion-grid article,.friends-panel,.profile-main,.scrapbook,.studio-columns>section,.rights-panel,.request-wrap,.listen-panel,.external-players,.artist-birthday-calendar,.henk-story,.official-links,.team-intro,.team-follow,.traffic-summary,.auth-grid>article,.account-dashboard>div{background:linear-gradient(145deg,rgba(18,18,18,.97),rgba(8,8,8,.985))!important;border:1px solid rgba(223,168,23,.62)!important;color:#f5f5f5!important;border-radius:14px!important;box-shadow:0 16px 42px rgba(0,0,0,.36),inset 0 0 24px rgba(255,215,76,.018)!important}
.listener-links a:hover,.info-tile:hover,.traffic-links a:hover,.music-list article:hover,.artist-grid article:hover{border-color:#f1c638!important;box-shadow:0 16px 45px rgba(0,0,0,.5),0 0 18px rgba(241,187,28,.08)!important;transform:translateY(-2px)}
.listener-heading small,.request-wrap small,.listen-panel small,.auth-grid small,.home-grid small,.page-hero small{color:#f0bd24!important}.listener-heading p,.listener-links small,.info-tile p,.music-list p,.artist-grid p,.privacy-note,.fineprint{color:#bdbdbd!important}
/* Account page exactly in the reference spirit */
.auth-grid{gap:18px!important;padding:34px 38px 18px!important;max-width:1480px;margin:0 auto}.auth-grid>article{padding:28px!important;min-height:390px}.auth-grid>article>small{font-size:12px!important;letter-spacing:1.3px!important;color:#f0c02c!important}.auth-grid>article>h2{font-size:0!important;margin:8px 0 18px!important}.auth-grid>article:first-child>h2:after{content:'Maak eenvoudig een gratis account aan en word onderdeel van de Radiorebecca familie!';font-size:14px;font-weight:500;color:#eee}.auth-grid>article:nth-child(2)>h2:after{content:'Log in op je account en ga verder waar je gebleven bent!';font-size:14px;font-weight:500;color:#eee}
.account-form{gap:14px!important}.account-form label{color:#f1f1f1!important;font-size:12px!important}.account-form input,.account-form textarea,.account-form select{background:linear-gradient(180deg,#121212,#0d0d0d)!important;color:#fff!important;border:1px solid #404040!important;border-radius:8px!important;min-height:48px!important;padding:12px 14px!important;box-shadow:inset 0 0 14px rgba(0,0,0,.35)!important}.account-form input:focus,.account-form textarea:focus{border-color:#e5b324!important;outline:1px solid rgba(229,179,36,.25)!important;box-shadow:0 0 0 3px rgba(229,179,36,.08)!important}.account-form button,.request-search button,.listen-panel button,.hero button,.now-inner button{background:linear-gradient(135deg,#ffd94d,#d99a00)!important;color:#111!important;border:1px solid #f3c72d!important;border-radius:8px!important;min-height:48px!important;font-weight:1000!important;box-shadow:0 8px 22px rgba(175,114,0,.18),inset 0 1px rgba(255,255,255,.42)!important}.account-form button:hover,.request-search button:hover,.hero button:hover{filter:brightness(1.08);transform:translateY(-1px)}.forgot-password{border-top:1px solid #292929!important;padding-top:17px!important}.forgot-password summary{color:#f1c52f!important;font-weight:900!important}
.rr-community-features{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;max-width:1480px;margin:0 auto;padding:0 38px 34px}.rr-community-features article{min-height:84px;border:1px solid rgba(223,168,23,.58);border-radius:12px;background:linear-gradient(145deg,#141414,#090909);display:flex;align-items:center;gap:14px;padding:16px;box-shadow:0 12px 30px rgba(0,0,0,.28)}.rr-community-features span{font-size:27px;color:#f4c52e;text-shadow:0 0 15px rgba(244,197,46,.3)}.rr-community-features b{font-size:13px;line-height:1.3}
/* Request system */
.request-wrap{margin:24px auto!important;max-width:1450px!important}.request-browser,.request-copy{background:transparent!important}.request-browser-head,.request-now{border-color:#4e401c!important}.request-search input{background:#0c0c0c!important;color:#fff!important;border-color:#4a4a4a!important}.request-result-card,.request-track,.request-item{background:#0d0d0d!important;border-color:#4a3a13!important;color:#fff!important}.request-server-badge{background:#171207!important;color:#ffd94b!important;border-color:#785b14!important}
/* Player */
.bottom-player{background:linear-gradient(180deg,rgba(17,17,17,.98),rgba(6,6,6,.99))!important;border-top:1px solid #b98a17!important;box-shadow:0 -14px 38px rgba(0,0,0,.48),0 -1px 14px rgba(231,174,21,.12)!important}.bottom-player .round{width:56px!important;height:56px!important;border-radius:50%!important;background:radial-gradient(circle at 35% 30%,#ffe86f,#d99900 70%)!important;border:3px solid #f5c83b!important;box-shadow:0 0 22px rgba(244,193,42,.26)!important;color:#111!important;font-size:22px!important}.bottom-player small{color:#f0bd25!important}.bottom-player strong{color:#fff!important}.bottom-player #playerStatus{color:#f3c735!important}.bottom-player input[type=range]{accent-color:#e5ad12!important}.device-cast-button,.airplay-button{border-color:#7a5e16!important;color:#f0c22f!important;background:#111!important}
footer{background:#050505!important;border-top:1px solid #4f3b0f!important;color:#bbb!important}
/* Mobile */
@media(max-width:1100px){.rr-community-features{grid-template-columns:repeat(2,1fr)}.gold-banner-side{display:none}.gold-master-banner{height:205px}.gold-banner-copy strong{font-size:52px}}
@media(max-width:900px){body:before,body:after{inset:0}.gold-master-banner{height:180px;margin-top:0}.gold-banner-copy strong{font-size:clamp(34px,8vw,52px);letter-spacing:-2px}.gold-banner-copy em{font-size:18px}.gold-banner-copy small{letter-spacing:5px}.rebecca-hero{margin:14px!important}.auth-grid{padding:22px 16px 14px!important}.rr-community-features{padding:0 16px 24px}.mobile-toggle{background:linear-gradient(90deg,#050505,#17130a)!important;border-bottom:1px solid #b98a17!important}}
@media(max-width:600px){.gold-master-banner{height:150px;background-position:center}.gold-banner-copy .gold-crown{font-size:23px}.gold-banner-copy strong{font-size:34px}.gold-banner-copy small{font-size:8px;letter-spacing:4px}.gold-banner-copy em{font-size:14px;margin-top:7px}.rr-community-features{grid-template-columns:1fr}.auth-grid>article{padding:20px 16px!important;min-height:auto}.bottom-player .round{width:44px!important;height:44px!important}.rebecca-hero{padding:22px 17px!important}}

/* ===== RADIOREBECCA.NL FINAL REFERENCE BUILD ===== */
:root{--rr-gold:#f3bf21;--rr-gold2:#ffd84c;--rr-deep:#050505;--rr-panel:#0a0a0a;--rr-border:rgba(224,166,13,.72)}
html,body{background:#050505!important}
body{background-image:radial-gradient(circle at 82% 18%,rgba(241,181,24,.09),transparent 24%),radial-gradient(circle at 18% 82%,rgba(241,181,24,.07),transparent 27%),linear-gradient(rgba(0,0,0,.62),rgba(0,0,0,.78)),url('assets/radiorebecca-body-gold-black.webp')!important;background-size:auto,auto,auto,cover!important;background-attachment:fixed!important;background-position:center!important}
main{background:linear-gradient(180deg,rgba(6,6,6,.18),rgba(6,6,6,.52))!important;min-height:100vh}

/* use the approved visual itself as the masthead; no duplicate text on top */
.gold-master-banner{height:212px!important;background:#050505 url('assets/radiorebecca-final-banner.webp') center center/cover no-repeat!important;border-bottom:1px solid #b78a12!important;box-shadow:0 10px 28px rgba(0,0,0,.65),0 0 24px rgba(234,177,26,.08)!important}
.gold-master-banner:after{display:none!important}.gold-banner-copy,.gold-banner-side{display:none!important}

/* sidebar mirrors the approved reference */
aside{background:linear-gradient(180deg,#0a0a0a 0%,#0d0d0c 60%,#080808 100%)!important;border-right:1px solid #4a390e!important;box-shadow:8px 0 34px rgba(0,0,0,.45)!important}
aside .logoLink{padding:22px 15px 18px!important;display:block!important;border-bottom:1px solid rgba(218,163,17,.12)!important}
aside .rrnl-logo span{font-size:25px!important;background:linear-gradient(#fff6ac,#e4a600)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}.rrnl-logo i{color:#f5ce3f!important;letter-spacing:5px!important}.rrnl-logo b{color:#e8b827!important;font-family:Georgia,serif!important;font-style:italic!important}
aside nav{padding-top:18px!important}aside nav a{margin:4px 9px!important;min-height:39px!important;border-radius:7px!important;border:1px solid transparent!important}aside nav a.active{border-color:#ad8011!important;background:linear-gradient(90deg,rgba(250,198,46,.14),rgba(80,57,4,.14))!important;box-shadow:inset 3px 0 #f3c028!important}

/* compact top utility strips: no collisions or duplicated bars */
.news-ticker,.visitor-bar,.request-activity-top,.messagebar{min-height:44px!important;height:auto!important;padding:0!important;border:1px solid #59430e!important;border-left:0!important;border-right:0!important;display:flex!important;align-items:stretch!important;overflow:hidden!important}
.news-ticker>b,.visitor-bar>b,.messagebar>b{display:flex!important;align-items:center!important;flex:0 0 152px!important;padding:0 18px!important;background:linear-gradient(135deg,#f6d54f,#c89405)!important;color:#111!important;font-size:11px!important;letter-spacing:.7px!important;white-space:nowrap!important}
.ticker-window,.visitor-window{min-width:0!important;flex:1!important;display:flex!important;align-items:center!important;padding:0 16px!important;overflow:hidden!important}
.top-account-login,.visitor-bar>button{flex:0 0 auto!important;margin:5px 10px 5px 0!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid #c8950b!important;background:#12100a!important;color:#f4c633!important;border-radius:7px!important;padding:0 18px!important;white-space:nowrap!important}
.visitor-bar>button{background:linear-gradient(135deg,#ffdd59,#d39b00)!important;color:#111!important;font-weight:900!important}
.request-activity-top{padding:0 28px!important;gap:16px!important;min-height:49px!important;border-radius:0 0 12px 12px!important;border-top:0!important}.request-activity-top>b{background:linear-gradient(135deg,#f0c536,#b98408)!important;color:#111!important;border-radius:5px!important;padding:4px 10px!important;white-space:nowrap!important}.request-activity-top span{font-weight:900!important;color:#fff!important}.request-activity-top small{color:#aaa!important}.request-activity-top a{margin-left:auto!important;white-space:nowrap!important;font-weight:900!important}
.home-page-spacer{display:none!important}
/* the second duplicate message strip on home is hidden */
main>.messagebar{display:none!important}

/* hero section from the approved layout */
.rebecca-hero{max-width:none!important;margin:20px 28px 10px!important;padding:0!important;min-height:340px!important;display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr)!important;gap:0!important;background:linear-gradient(90deg,rgba(5,5,5,.98),rgba(8,8,8,.92))!important;border:1px solid #a77b0f!important;border-radius:14px!important;overflow:hidden!important;position:relative!important}
.rebecca-hero:before{content:"";position:absolute;inset:0 44% 0 0;background:linear-gradient(90deg,rgba(0,0,0,.84),rgba(0,0,0,.48)),url('assets/radiorebecca-gold-hero.webp') center/cover no-repeat;opacity:.86;z-index:0}.rebecca-hero>div:first-child{position:relative;z-index:1;padding:42px 42px 35px!important;border-left:3px solid #f2be21!important;align-self:stretch!important;display:flex!important;flex-direction:column!important;justify-content:center!important}.rebecca-hero small{display:inline-flex!important;width:max-content!important;border:1px solid #8f6810!important;border-radius:999px!important;padding:6px 11px!important;background:#0d0b06!important;color:#f6ca35!important;letter-spacing:1px!important}.rebecca-hero h1{font-size:clamp(42px,4.5vw,66px)!important;line-height:.97!important;margin:18px 0 16px!important;letter-spacing:-2.5px!important}.rebecca-hero h1 em{display:block!important;font-style:normal!important;font-size:.83em!important;line-height:1.05!important;margin-top:8px!important}.rebecca-hero p{max-width:660px!important;color:#dedede!important;font-size:16px!important;line-height:1.55!important}.rebecca-hero .play,.rebecca-hero>a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:48px!important;margin-top:15px!important;margin-right:10px!important;padding:0 24px!important;border-radius:7px!important;font-weight:900!important}.rebecca-hero>a{border:1px solid #83600e!important;color:#eee!important;background:#0e0e0e!important;text-decoration:none!important}
.rebecca-hero .studio-card{position:relative!important;z-index:1!important;margin:15px!important;border-radius:12px!important;overflow:hidden!important;background:#080808!important;display:flex!important;align-items:center!important;justify-content:center!important}.rebecca-hero .studio-card img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}

/* five community/function tiles immediately under hero */
.listener-essentials{max-width:none!important;margin:0 28px 20px!important;padding:0!important;background:transparent!important}.listener-heading{display:none!important}.listener-links{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important}.listener-links a{min-height:78px!important;padding:13px 16px!important;display:flex!important;align-items:center!important;gap:13px!important;border-radius:10px!important;background:linear-gradient(145deg,#121212,#080808)!important;border:1px solid #8d6810!important}.listener-links a span{font-size:26px!important;color:#f4c72f!important;width:34px!important;flex:0 0 34px!important}.listener-links strong{color:#fff!important;font-size:14px!important}.listener-links small{display:block!important;margin-top:3px!important;font-size:11px!important;line-height:1.25!important;color:#aaa!important}

/* keep the rest of the original site's content, but make it visually subordinate and consistent */
.home-grid,.quick-info,.mix{margin-left:28px!important;margin-right:28px!important}.home-grid article,.quick-info article,.mix article{border-color:#765910!important;background:linear-gradient(145deg,rgba(17,17,17,.96),rgba(6,6,6,.97))!important}

/* bottom player like the approved reference */
.bottom-player{min-height:76px!important;padding:8px 22px!important;background:linear-gradient(180deg,#111,#060606)!important;border-top:1px solid #aa7e10!important}.bottom-player .round{width:56px!important;height:56px!important}.bottom-player .player-cover{border:1px solid #a67a10!important;border-radius:7px!important;overflow:hidden!important}.bottom-player .player-spacer:before{content:"";display:block;width:min(370px,30vw);height:28px;background:repeating-linear-gradient(90deg,#d49e0f 0 5px,transparent 5px 9px);clip-path:polygon(0 48%,4% 44%,8% 37%,12% 25%,16% 18%,20% 30%,24% 45%,28% 52%,32% 42%,36% 28%,40% 20%,44% 30%,48% 47%,52% 54%,56% 39%,60% 24%,64% 31%,68% 48%,72% 56%,76% 43%,80% 33%,84% 41%,88% 49%,92% 45%,96% 50%,100% 48%,100% 58%,0 58%);opacity:.85}

/* all subpages inherit the same gold/black body atmosphere */
.page-hero,.detail-page,.history-page,.auth-grid,.account-dashboard,.public-profile,.studio-panel,.request-wrap,.listen-panel,.external-players,.music-list,.artist-grid,.about-story,.team-expanded{position:relative!important;z-index:1!important}

@media(max-width:1250px){.listener-links{grid-template-columns:repeat(3,1fr)!important}.rebecca-hero{grid-template-columns:1fr 1fr!important}.news-ticker>b,.visitor-bar>b{flex-basis:125px!important}}
@media(max-width:900px){.gold-master-banner{height:155px!important;background-size:cover!important}.rebecca-hero{grid-template-columns:1fr!important;margin:14px!important}.rebecca-hero:before{inset:0!important}.rebecca-hero .studio-card{min-height:260px!important}.listener-essentials{margin:0 14px 16px!important}.listener-links{grid-template-columns:1fr 1fr!important}.request-activity-top{padding:8px 12px!important;flex-wrap:wrap!important}.request-activity-top a{margin-left:0!important}.news-ticker>b,.visitor-bar>b{flex:0 0 105px!important;padding:0 10px!important}.top-account-login{display:none!important}.bottom-player .player-spacer:before{display:none!important}}
@media(max-width:600px){.gold-master-banner{height:118px!important;background-size:auto 118px!important}.listener-links{grid-template-columns:1fr!important}.rebecca-hero>div:first-child{padding:28px 22px!important}.rebecca-hero h1{font-size:39px!important}.rebecca-hero p{font-size:14px!important}.rebecca-hero .studio-card{min-height:210px!important}.news-ticker,.visitor-bar{min-height:40px!important}.news-ticker>b,.visitor-bar>b{flex-basis:92px!important;font-size:9px!important}.visitor-bar>button{padding:0 10px!important;font-size:11px!important}.bottom-player{padding:7px 10px!important}}

/* 2026-09-07 visual correction: clean gold/black backgrounds only; no screenshot-as-wallpaper */
body{
  background-color:#050505!important;
  background-image:
    linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.72)),
    url('assets/radiorebecca-body-gold-black.webp')!important;
  background-size:auto,cover!important;
  background-position:center top!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
}
body:before{
  background:radial-gradient(circle at 18% 20%,rgba(240,186,27,.08),transparent 28rem),radial-gradient(circle at 86% 72%,rgba(240,186,27,.06),transparent 30rem)!important;
  opacity:1!important;
}
body:after{
  background:linear-gradient(180deg,rgba(3,3,3,.18),rgba(5,5,5,.46) 45%,rgba(4,4,4,.68))!important;
}
main{background:transparent!important}

/* Home hero: replace studio photo with pure gold/black radio artwork */
.rebecca-hero:before{
  inset:0 44% 0 0!important;
  background:
    linear-gradient(90deg,rgba(0,0,0,.80),rgba(0,0,0,.34)),
    url('assets/radiorebecca-gold-hero.webp') left center/cover no-repeat!important;
  opacity:.94!important;
}
.rebecca-hero .studio-card img{
  content:url('assets/radiorebecca-final-promo.webp')!important;
}

/* Prevent any inherited white home surfaces */
.listener-essentials,.home-grid,.quick-info,.mix,
.listener-links,.listener-heading{background:transparent!important}
.home-grid article,.quick-info article,.mix article,
.listener-links a{
  background:linear-gradient(145deg,rgba(17,17,17,.97),rgba(5,5,5,.985))!important;
  color:#f5f5f5!important;
  border-color:rgba(211,160,25,.62)!important;
}
.home-grid p,.quick-info p,.mix p{color:#bdbdbd!important}

/* Keep only the intended top bars; no duplicate home message strip */
main>.messagebar{display:none!important}

/* Subtle dark gold section floor instead of white */
main>section:not(.gold-master-banner):not(.news-ticker):not(.visitor-bar):not(.request-activity-top):not(.message-panel):not(.birthday-topbar){
  background-color:transparent;
}

@media(max-width:900px){
  body{background-attachment:scroll!important;background-size:auto,auto 100%!important}
  .rebecca-hero:before{inset:0!important;background-position:left center!important}
}

/* 2026-09-07 — requested home-hero-only correction.
   Keep all site functionality/content intact; only make this block shorter
   and remove the circular/photo artwork behind the left copy. */
.rebecca-hero{
  min-height:285px!important;
}
.rebecca-hero:before{
  inset:0!important;
  border-radius:0!important;
  background:
    radial-gradient(circle at 72% 20%,rgba(244,190,32,.10),transparent 24rem),
    linear-gradient(118deg,#050505 0%,#0a0a09 50%,#171205 100%)!important;
  opacity:1!important;
}
.rebecca-hero>div:first-child{
  padding:27px 32px 25px!important;
}
.rebecca-hero h1{
  font-size:clamp(38px,3.7vw,56px)!important;
  margin:13px 0 12px!important;
}
.rebecca-hero h1 em{margin-top:5px!important}
.rebecca-hero p{
  margin-bottom:14px!important;
  line-height:1.5!important;
}
.rebecca-hero .play,.rebecca-hero>div:first-child>a{
  min-height:43px!important;
  margin-top:9px!important;
}
.rebecca-hero .studio-card{
  margin:12px!important;
}
@media(max-width:900px){
  .rebecca-hero{min-height:auto!important}
  .rebecca-hero:before{
    background:radial-gradient(circle at 80% 15%,rgba(244,190,32,.09),transparent 18rem),linear-gradient(145deg,#050505,#151006)!important;
  }
  .rebecca-hero>div:first-child{padding:25px 22px!important}
}

/* 2026-09-07 requested layout: news first, latest request inside master banner */
main>.news-ticker:first-child{
  position:relative!important;
  z-index:8!important;
  border-top:0!important;
  border-bottom:1px solid #6f5310!important;
}
.gold-master-banner{
  position:relative!important;
  padding-bottom:46px!important;
  box-sizing:border-box!important;
}
.gold-master-banner>.request-activity-top{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  z-index:6!important;
  min-height:46px!important;
  height:46px!important;
  margin:0!important;
  padding:0 24px!important;
  border:0!important;
  border-top:1px solid #7e5e12!important;
  border-radius:0!important;
  background:linear-gradient(90deg,rgba(5,5,5,.97),rgba(17,13,4,.94),rgba(5,5,5,.97))!important;
  box-shadow:0 -8px 24px rgba(0,0,0,.28)!important;
  align-items:center!important;
}
.gold-master-banner>.request-activity-top>b{
  flex:0 0 auto!important;
  padding:5px 10px!important;
  font-size:10px!important;
  letter-spacing:.7px!important;
}
.gold-master-banner>.request-activity-top span{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.gold-master-banner>.request-activity-top small{white-space:nowrap!important}
.gold-master-banner>.request-activity-top a{margin-left:auto!important}
@media(max-width:900px){
  .gold-master-banner{padding-bottom:52px!important}
  .gold-master-banner>.request-activity-top{height:52px!important;min-height:52px!important;padding:5px 12px!important;gap:9px!important;flex-wrap:nowrap!important}
  .gold-master-banner>.request-activity-top small{display:none!important}
}
@media(max-width:600px){
  .gold-master-banner{padding-bottom:48px!important}
  .gold-master-banner>.request-activity-top{height:48px!important;min-height:48px!important;padding:4px 8px!important}
  .gold-master-banner>.request-activity-top>b{font-size:8px!important;padding:4px 6px!important}
  .gold-master-banner>.request-activity-top a{font-size:10px!important}
}


/* 2026-09-07 — HOME FINAL ALIGNMENT
   Scope deliberately limited to the homepage. Functional markup/IDs remain unchanged. */
main.page-home{
  --home-gutter:24px;
  --home-gap:14px;
}
main.page-home>.news-ticker{
  min-height:40px!important;
  height:40px!important;
  border-bottom-color:#6f5310!important;
  background:linear-gradient(90deg,#070707,#0d0c09 58%,#080808)!important;
}
main.page-home>.news-ticker>b{
  flex:0 0 145px!important;
  padding:0 15px!important;
  font-size:10px!important;
}
main.page-home>.gold-master-banner{
  height:198px!important;
  padding-bottom:42px!important;
  background-position:center center!important;
  border-bottom:1px solid #8b6811!important;
}
main.page-home>.gold-master-banner>.request-activity-top{
  height:42px!important;
  min-height:42px!important;
  padding:0 20px!important;
  gap:13px!important;
  background:linear-gradient(90deg,rgba(5,5,5,.985),rgba(24,18,5,.96) 52%,rgba(5,5,5,.985))!important;
}
main.page-home>.gold-master-banner>.request-activity-top>b{
  font-size:9px!important;
  padding:4px 9px!important;
}
main.page-home>.gold-master-banner>.request-activity-top span{font-size:12px!important}
main.page-home>.gold-master-banner>.request-activity-top small,
main.page-home>.gold-master-banner>.request-activity-top a{font-size:10px!important}
main.page-home>.visitor-bar{
  min-height:42px!important;
  height:42px!important;
  margin:0!important;
  background:linear-gradient(90deg,#080808,#11100c 60%,#080808)!important;
}
main.page-home>.visitor-bar>b{flex:0 0 145px!important;padding:0 15px!important;font-size:10px!important}
main.page-home>.visitor-bar .visitor-window{min-width:0!important;flex:1!important}
main.page-home>.visitor-bar>button{min-width:130px!important;padding:0 18px!important}
main.page-home>.birthday-topbar{min-height:38px!important;padding:6px 18px!important}

/* Main home hero: one visual rhythm, same radius and gold line as the rest */
main.page-home>.rebecca-hero{
  margin:var(--home-gap) var(--home-gutter) 12px!important;
  min-height:300px!important;
  grid-template-columns:minmax(0,1.02fr) minmax(440px,.98fr)!important;
  border-radius:12px!important;
  border-color:#9b7412!important;
  box-shadow:0 16px 42px rgba(0,0,0,.38),0 0 0 1px rgba(236,183,31,.025)!important;
}
main.page-home>.rebecca-hero>div:first-child{
  padding:28px 34px 26px!important;
  border-left:3px solid #e8b51c!important;
}
main.page-home>.rebecca-hero h1{
  font-size:clamp(38px,3.45vw,54px)!important;
  line-height:.98!important;
  margin:12px 0 11px!important;
  letter-spacing:-2px!important;
}
main.page-home>.rebecca-hero p{font-size:14px!important;line-height:1.55!important;max-width:610px!important;margin:0 0 8px!important}
main.page-home>.rebecca-hero .play,
main.page-home>.rebecca-hero>div:first-child>a{min-height:42px!important;margin-top:8px!important;padding:0 20px!important}
main.page-home>.rebecca-hero .studio-card{
  margin:10px!important;
  min-height:0!important;
  border:1px solid #9c7410!important;
  border-radius:10px!important;
  box-shadow:0 12px 32px rgba(0,0,0,.42)!important;
}
main.page-home>.rebecca-hero .studio-card img{aspect-ratio:16/9!important;height:auto!important;max-height:270px!important;object-fit:cover!important}

/* Five direct actions sit tightly below the hero */
main.page-home>.listener-essentials{
  margin:0 var(--home-gutter) 14px!important;
  padding:0!important;
}
main.page-home .listener-links{gap:10px!important}
main.page-home .listener-links a{
  min-height:72px!important;
  padding:12px 14px!important;
  border-radius:10px!important;
}
main.page-home .listener-links a span{font-size:24px!important;flex-basis:31px!important;width:31px!important}
main.page-home .listener-links strong{font-size:13px!important}
main.page-home .listener-links small{font-size:10px!important}

/* Content blocks use one grid/gutter system instead of mixed 6vw/28px paddings */
main.page-home>.home-grid{
  margin:0 var(--home-gutter) 14px!important;
  padding:0!important;
  gap:var(--home-gap)!important;
  grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr)!important;
}
main.page-home>.home-grid article{padding:24px!important;border-radius:11px!important}
main.page-home .now-card h2,
main.page-home .about-card h2{margin:7px 0 18px!important;font-size:27px!important}
main.page-home .now-inner{grid-template-columns:145px 1fr!important;gap:20px!important}
main.page-home .big-cover{height:145px!important}
main.page-home .recent{margin-top:18px!important;padding-top:14px!important}

main.page-home>.quick-info{
  margin:0 var(--home-gutter) 14px!important;
  padding:0!important;
  gap:var(--home-gap)!important;
  background:transparent!important;
}
main.page-home>.quick-info .info-tile{min-height:108px!important;padding:17px 19px!important;border-radius:11px!important}
main.page-home>.quick-info .info-tile>span{font-size:29px!important}
main.page-home>.quick-info .info-tile strong{font-size:16px!important;margin:4px 0!important}

/* Gallery no longer creates a light/white floor on home */
main.page-home>.radio-gallery{
  margin:0 var(--home-gutter) 26px!important;
  padding:0!important;
  gap:var(--home-gap)!important;
  background:transparent!important;
  grid-template-columns:1.15fr .85fr!important;
}
main.page-home>.radio-gallery figure{
  min-height:300px!important;
  border:1px solid #765910!important;
  border-radius:11px!important;
  box-shadow:0 16px 38px rgba(0,0,0,.34)!important;
}
main.page-home>.radio-gallery figure>div{padding:26px 27px 42px!important}
main.page-home>.radio-gallery h2{font-size:27px!important}

@media(max-width:1250px){
  main.page-home>.rebecca-hero{grid-template-columns:1fr 1fr!important}
  main.page-home>.listener-essentials .listener-links{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:900px){
  main.page-home{--home-gutter:14px;--home-gap:12px}
  main.page-home>.news-ticker{height:40px!important}
  main.page-home>.gold-master-banner{height:160px!important;padding-bottom:48px!important}
  main.page-home>.gold-master-banner>.request-activity-top{height:48px!important;min-height:48px!important;padding:4px 11px!important}
  main.page-home>.rebecca-hero{grid-template-columns:1fr!important;min-height:auto!important}
  main.page-home>.rebecca-hero .studio-card{margin:0 10px 10px!important}
  main.page-home>.rebecca-hero .studio-card img{max-height:none!important;width:100%!important}
  main.page-home>.listener-essentials .listener-links{grid-template-columns:1fr 1fr!important}
  main.page-home>.home-grid{grid-template-columns:1fr!important}
  main.page-home>.quick-info{grid-template-columns:1fr!important}
  main.page-home>.radio-gallery{grid-template-columns:1fr!important}
}
@media(max-width:600px){
  main.page-home{--home-gutter:10px;--home-gap:10px}
  main.page-home>.gold-master-banner{height:130px!important;padding-bottom:44px!important;background-size:auto 130px!important}
  main.page-home>.gold-master-banner>.request-activity-top{height:44px!important;min-height:44px!important;padding:3px 7px!important;gap:7px!important}
  main.page-home>.gold-master-banner>.request-activity-top small{display:none!important}
  main.page-home>.gold-master-banner>.request-activity-top a{font-size:9px!important;max-width:116px!important;overflow:hidden!important;text-overflow:ellipsis!important}
  main.page-home>.visitor-bar>b{flex-basis:94px!important;padding:0 8px!important;font-size:8px!important}
  main.page-home>.visitor-bar>button{min-width:auto!important;padding:0 10px!important;font-size:10px!important}
  main.page-home>.rebecca-hero>div:first-child{padding:23px 20px 21px!important}
  main.page-home>.rebecca-hero h1{font-size:37px!important;letter-spacing:-1.5px!important}
  main.page-home>.listener-essentials .listener-links{grid-template-columns:1fr!important}
  main.page-home>.home-grid article{padding:20px!important}
  main.page-home .now-inner{grid-template-columns:105px 1fr!important;gap:14px!important}
  main.page-home .big-cover{height:105px!important}
  main.page-home>.radio-gallery figure{min-height:260px!important}
}

/* Banner volledig zichtbaar - alleen homepage */
main.page-home>.gold-master-banner{
  height:auto!important;
  min-height:0!important;
  padding-bottom:42px!important;
  background:#050505!important;
  overflow:hidden!important;
}
main.page-home>.gold-master-banner>.gold-master-banner-image{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:none!important;
  object-fit:contain!important;
  object-position:center top!important;
}
@media(max-width:900px){
  main.page-home>.gold-master-banner{height:auto!important;padding-bottom:48px!important;background:#050505!important}
}
@media(max-width:600px){
  main.page-home>.gold-master-banner{height:auto!important;padding-bottom:44px!important;background:#050505!important}
}

/* 2026-09-07 — only requested change: make the homepage hero more compact. */
main.page-home>.rebecca-hero{
  min-height:238px!important;
  grid-template-columns:minmax(0,1.03fr) minmax(410px,.97fr)!important;
}
main.page-home>.rebecca-hero>div:first-child{
  padding:20px 30px 18px!important;
}
main.page-home>.rebecca-hero h1{
  font-size:clamp(34px,3vw,48px)!important;
  margin:9px 0 8px!important;
  line-height:.98!important;
}
main.page-home>.rebecca-hero p{
  font-size:13px!important;
  line-height:1.45!important;
  margin:0 0 5px!important;
}
main.page-home>.rebecca-hero .play,
main.page-home>.rebecca-hero>div:first-child>a{
  min-height:38px!important;
  margin-top:6px!important;
  padding:0 18px!important;
}
main.page-home>.rebecca-hero .studio-card{
  margin:8px!important;
  min-height:0!important;
}
main.page-home>.rebecca-hero .studio-card img{
  width:100%!important;
  height:220px!important;
  max-height:220px!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  background:#070707!important;
}
@media(max-width:900px){
  main.page-home>.rebecca-hero{min-height:auto!important;grid-template-columns:1fr!important}
  main.page-home>.rebecca-hero .studio-card{min-height:0!important}
  main.page-home>.rebecca-hero .studio-card img{height:auto!important;max-height:none!important;object-fit:contain!important}
}

/* Player hoes: altijd volledig rond, zonder vierkante/ruit-vorm. */
.bottom-player .player-cover{
  width:52px!important;
  height:52px!important;
  flex:0 0 52px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  border:1px solid #a67a10!important;
  background:#080808!important;
}
.bottom-player .player-cover img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  padding:0!important;
  object-fit:cover!important;
  border-radius:50%!important;
}
.bottom-player .player-cover:after{
  border-radius:50%!important;
}
@media(max-width:600px){
  .bottom-player .player-cover{
    width:42px!important;
    height:42px!important;
    flex-basis:42px!important;
    border-radius:50%!important;
  }
}

/* 2026-09-07 — homepage hero achtergrond volledig laten doorlopen.
   Alleen visueel: geen content, stream of functionaliteit gewijzigd. */
main.page-home>.rebecca-hero{
  background:
    radial-gradient(circle at 86% 18%,rgba(213,166,28,.10),transparent 34%),
    radial-gradient(circle at 12% 78%,rgba(157,115,12,.07),transparent 30%),
    linear-gradient(105deg,#080806 0%,#090908 42%,#0c0b08 68%,#100d05 100%)!important;
  box-shadow:inset 0 0 80px rgba(213,157,10,.035),0 18px 48px rgba(0,0,0,.34)!important;
}
main.page-home>.rebecca-hero:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  background:
    linear-gradient(90deg,rgba(255,214,72,.025),transparent 34%,transparent 72%,rgba(255,214,72,.018))!important;
  opacity:1!important;
  pointer-events:none!important;
}
main.page-home>.rebecca-hero>div:first-child{
  background:transparent!important;
}
main.page-home>.rebecca-hero .studio-card{
  background:rgba(6,6,5,.48)!important;
  box-shadow:0 0 0 1px rgba(207,158,25,.08),0 12px 30px rgba(0,0,0,.30)!important;
}

/* 2026-09-07 — homepage hero layout hardening.
   Alleen indeling/uiterlijk: voorkomt verkeerde kleurvlakken, overlaps en afgesneden promo-afbeeldingen. */
main.page-home>.rebecca-hero{
  display:grid!important;
  grid-template-columns:minmax(320px,42%) minmax(0,58%)!important;
  align-items:stretch!important;
  gap:0!important;
  min-height:0!important;
  margin:14px var(--home-gutter,18px) 12px!important;
  padding:0!important;
  isolation:isolate!important;
  overflow:hidden!important;
  border:1px solid #a77b0f!important;
  border-radius:13px!important;
  background:
    radial-gradient(circle at 12% 18%,rgba(218,170,31,.10),transparent 28%),
    radial-gradient(circle at 88% 76%,rgba(218,170,31,.055),transparent 30%),
    linear-gradient(115deg,#0b0a07 0%,#080808 42%,#090908 70%,#0c0a05 100%)!important;
  box-shadow:0 16px 40px rgba(0,0,0,.34),inset 0 0 0 1px rgba(245,194,50,.025)!important;
}
main.page-home>.rebecca-hero:before{
  content:none!important;
  display:none!important;
  background:none!important;
}
main.page-home>.rebecca-hero>div:first-child{
  position:relative!important;
  z-index:1!important;
  min-width:0!important;
  width:auto!important;
  padding:24px 30px!important;
  border:0!important;
  border-right:1px solid rgba(183,136,20,.22)!important;
  background:linear-gradient(90deg,rgba(15,12,6,.74),rgba(7,7,7,.20))!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  box-sizing:border-box!important;
}
main.page-home>.rebecca-hero h1{
  max-width:100%!important;
  font-size:clamp(32px,3vw,47px)!important;
  line-height:1.02!important;
  letter-spacing:-1.8px!important;
  margin:10px 0 9px!important;
  overflow-wrap:anywhere!important;
}
main.page-home>.rebecca-hero h1 em{
  margin-top:5px!important;
  line-height:1.08!important;
}
main.page-home>.rebecca-hero p{
  max-width:520px!important;
  font-size:13px!important;
  line-height:1.5!important;
  margin:0 0 7px!important;
}
main.page-home>.rebecca-hero .play,
main.page-home>.rebecca-hero>div:first-child>a{
  width:min(100%,320px)!important;
  min-height:38px!important;
  margin:6px 0 0!important;
  padding:0 16px!important;
  box-sizing:border-box!important;
}
main.page-home>.rebecca-hero .studio-card{
  position:relative!important;
  z-index:1!important;
  min-width:0!important;
  width:auto!important;
  min-height:0!important;
  margin:12px!important;
  padding:10px!important;
  border:1px solid #9d7511!important;
  border-radius:11px!important;
  background:linear-gradient(145deg,#070707,#0d0b06)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.36),inset 0 0 24px rgba(215,166,29,.035)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
main.page-home>.rebecca-hero .studio-card img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  max-height:260px!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:8px!important;
  background:#080808!important;
}
@media(max-width:1100px){
  main.page-home>.rebecca-hero{grid-template-columns:minmax(280px,44%) minmax(0,56%)!important}
  main.page-home>.rebecca-hero>div:first-child{padding:22px 24px!important}
  main.page-home>.rebecca-hero .studio-card img{max-height:235px!important}
}
@media(max-width:820px){
  main.page-home>.rebecca-hero{grid-template-columns:1fr!important}
  main.page-home>.rebecca-hero>div:first-child{
    border-right:0!important;
    border-bottom:1px solid rgba(183,136,20,.22)!important;
    padding:23px 22px!important;
  }
  main.page-home>.rebecca-hero .studio-card{margin:10px!important;padding:8px!important}
  main.page-home>.rebecca-hero .studio-card img{width:100%!important;max-height:none!important}
}
@media(max-width:520px){
  main.page-home>.rebecca-hero>div:first-child{padding:20px 17px!important}
  main.page-home>.rebecca-hero h1{font-size:34px!important;letter-spacing:-1.3px!important}
  main.page-home>.rebecca-hero p{font-size:12.5px!important}
  main.page-home>.rebecca-hero .play,
  main.page-home>.rebecca-hero>div:first-child>a{width:100%!important}
  main.page-home>.rebecca-hero .studio-card{margin:8px!important;padding:6px!important}
}

/* 2026-09-07 — nieuw Radiorebecca.nl goud logo; alleen logo-weergave */
.rrnl-logo-image{width:100%!important;height:auto!important;min-height:0!important;padding:0!important;display:block!important;text-shadow:none!important;background:none!important;}
.rrnl-logo-image img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;border:0!important;filter:drop-shadow(0 0 9px rgba(232,174,28,.22));}
aside .logoLink{padding:18px 10px 15px!important;}
aside .rrnl-logo-image{max-width:205px!important;margin:0 auto!important;}
footer .rrnl-logo-image{width:220px!important;max-width:32vw!important;}
@media(max-width:720px){aside .rrnl-logo-image{max-width:180px!important;}footer .rrnl-logo-image{width:185px!important;max-width:55vw!important;}}


/* 2026-09-07 — Home promo-afbeelding vult het volledige blok */
main.page-home > .rebecca-hero .studio-card{
    width:calc(100% - 16px)!important;
    height:auto!important;
    aspect-ratio:680 / 315!important;
    margin:8px!important;
    padding:0!important;
    background:#070707!important;
    overflow:hidden!important;
    display:block!important;
}
main.page-home > .rebecca-hero .studio-card img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    max-width:none!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    object-fit:cover!important;
    object-position:center!important;
    margin:0!important;
    padding:0!important;
    border-radius:9px!important;
    background:transparent!important;
}
@media(max-width:900px){
    main.page-home > .rebecca-hero .studio-card{
        width:calc(100% - 16px)!important;
        aspect-ratio:680 / 315!important;
        margin:8px!important;
        padding:0!important;
    }
    main.page-home > .rebecca-hero .studio-card img{
        width:100%!important;
        height:100%!important;
        object-fit:cover!important;
    }
}

/* 2026-09-07: verwijder oude stilstaande equalizer uit onderste player; alleen live equalizer blijft */
.bottom-player .player-spacer::before,
.bottom-player .player-spacer:before{
  content:none!important;
  display:none!important;
  background:none!important;
  clip-path:none!important;
}


/* 2026-09-07 — Player opnieuw ingedeeld: titel/nummer beter leesbaar */
.bottom-player{
  gap:14px!important;
}
.bottom-player>div:nth-child(3){
  flex:0 1 360px!important;
  width:360px!important;
  min-width:260px!important;
  max-width:420px!important;
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  grid-template-areas:
    "live artist"
    "title title"!important;
  align-items:center!important;
  column-gap:8px!important;
  row-gap:3px!important;
  overflow:hidden!important;
}
.bottom-player>div:nth-child(3) small{
  grid-area:live!important;
  margin:0!important;
}
.bottom-player>div:nth-child(3) strong{
  grid-area:artist!important;
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:14px!important;
  line-height:1.15!important;
}
.bottom-player>div:nth-child(3) span{
  grid-area:title!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  white-space:normal!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  color:#e8e8e8!important;
  font-size:11px!important;
  line-height:1.25!important;
  max-height:2.5em!important;
}
.bottom-player .player-spacer{
  flex:1 1 520px!important;
  min-width:260px!important;
  max-width:none!important;
}
.bottom-player .player-spacer .player-eq-live{
  width:100%!important;
  max-width:none!important;
  min-width:240px!important;
}
.bottom-player .device-buttons{
  flex:0 0 auto!important;
}
.bottom-player>b#playerStatus{
  flex:0 0 auto!important;
}
.bottom-player label{
  flex:0 0 auto!important;
}

@media(max-width:1250px){
  .bottom-player>div:nth-child(3){
    flex-basis:300px!important;
    width:300px!important;
    min-width:220px!important;
  }
  .bottom-player .player-spacer{
    min-width:190px!important;
    flex-basis:380px!important;
  }
}
@media(max-width:960px){
  .bottom-player>div:nth-child(3){
    flex-basis:260px!important;
    width:260px!important;
    min-width:190px!important;
  }
  .bottom-player>div:nth-child(3) span{
    -webkit-line-clamp:1!important;
    white-space:nowrap!important;
    display:block!important;
  }
}
@media(max-width:720px){
  .bottom-player{
    gap:8px!important;
  }
  .bottom-player>div:nth-child(3){
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
  }
  .bottom-player .player-spacer{
    display:none!important;
  }
  .bottom-player>b#playerStatus{
    display:none!important;
  }
  .bottom-player>div:nth-child(3) strong{
    font-size:12px!important;
  }
  .bottom-player>div:nth-child(3) span{
    font-size:10px!important;
  }
}


/* 2026-09-07 — SUBPAGINA BANNER FIX
   Geen dubbele banner, volledige afbeelding zichtbaar, geen afsnijden.
   Homepage bewust niet gewijzigd. */
main:not(.page-home) > .gold-master-banner{
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  background:#050505!important;
  background-image:none!important;
  overflow:hidden!important;
  display:block!important;
  border-bottom:1px solid #8b6811!important;
}
main:not(.page-home) > .gold-master-banner:before,
main:not(.page-home) > .gold-master-banner:after{
  display:none!important;
}
main:not(.page-home) > .gold-master-banner > .gold-master-banner-image{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  min-width:0!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:0!important;
  padding:0!important;
}
main:not(.page-home) > .gold-master-banner > .gold-banner-copy,
main:not(.page-home) > .gold-master-banner > .gold-banner-side{
  display:none!important;
}
main:not(.page-home) > .gold-master-banner > .request-activity-top{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  width:100%!important;
  min-height:46px!important;
  height:auto!important;
  margin:0!important;
  box-sizing:border-box!important;
  border-top:1px solid #7e5e12!important;
  border-bottom:0!important;
}
@media(max-width:900px){
  main:not(.page-home) > .gold-master-banner{
    height:auto!important;
    padding:0!important;
  }
  main:not(.page-home) > .gold-master-banner > .gold-master-banner-image{
    width:100%!important;
    height:auto!important;
    object-fit:contain!important;
  }
}
@media(max-width:600px){
  main:not(.page-home) > .gold-master-banner{
    height:auto!important;
    padding:0!important;
  }
  main:not(.page-home) > .gold-master-banner > .request-activity-top{
    min-height:48px!important;
  }
}


/* 2026-09-07 — groot home hero verwijderd; compacte luister/introtegel */
main.page-home > .home-radio-intro{
  margin:18px 28px 14px!important;
  padding:20px 22px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:24px!important;
  border:1px solid #8f6913!important;
  border-radius:13px!important;
  background:
    radial-gradient(circle at 88% 50%,rgba(220,169,35,.12),transparent 25rem),
    linear-gradient(110deg,#080808 0%,#0d0b07 62%,#171205 100%)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.34),inset 0 0 45px rgba(244,193,43,.025)!important;
}
main.page-home > .home-radio-intro .home-radio-copy{
  min-width:0!important;
}
main.page-home > .home-radio-intro small{
  display:inline-block!important;
  color:#f4c735!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:1.3px!important;
  margin-bottom:7px!important;
}
main.page-home > .home-radio-intro h1{
  margin:0 0 8px!important;
  color:#fff!important;
  font-size:clamp(24px,2.2vw,36px)!important;
  line-height:1.05!important;
  letter-spacing:-1px!important;
}
main.page-home > .home-radio-intro h1 em{
  display:inline!important;
  color:#f4c735!important;
  font-style:normal!important;
  font-size:.92em!important;
  margin-left:7px!important;
}
main.page-home > .home-radio-intro p{
  margin:0!important;
  max-width:850px!important;
  color:#d5d5d5!important;
  font-size:14px!important;
  line-height:1.5!important;
}
main.page-home > .home-radio-intro .home-radio-actions{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
}
main.page-home > .home-radio-intro .home-radio-actions .play,
main.page-home > .home-radio-intro .home-radio-actions a{
  min-height:42px!important;
  padding:0 20px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:7px!important;
  font-weight:900!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
main.page-home > .home-radio-intro .home-radio-actions .play{
  background:linear-gradient(135deg,#f0c73b,#bd8b13)!important;
  color:#111!important;
  border:1px solid #f7d85b!important;
}
main.page-home > .home-radio-intro .home-radio-actions a{
  background:#0d0d0d!important;
  color:#f1c532!important;
  border:1px solid #80600f!important;
}
@media(max-width:900px){
  main.page-home > .home-radio-intro{
    margin:14px!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  main.page-home > .home-radio-intro .home-radio-actions{
    justify-content:flex-start!important;
  }
}
@media(max-width:600px){
  main.page-home > .home-radio-intro{
    padding:17px 16px!important;
  }
  main.page-home > .home-radio-intro h1 em{
    display:block!important;
    margin-left:0!important;
    margin-top:4px!important;
  }
  main.page-home > .home-radio-intro .home-radio-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    width:100%!important;
  }
}


/* 2026-09-07 — zwevende gouden muzieknoten + bliksem in hoofdbanner */
.gold-master-banner{
  isolation:isolate!important;
}
.gold-master-banner>.gold-master-banner-image{
  position:relative!important;
  z-index:1!important;
}
.gold-banner-fx{
  position:absolute!important;
  inset:0!important;
  z-index:4!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
.gold-banner-fx .music-note{
  position:absolute!important;
  z-index:5!important;
  color:#ffd84a!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-weight:900!important;
  line-height:1!important;
  opacity:0!important;
  text-shadow:
    0 0 4px #fff3a8,
    0 0 10px #ffc928,
    0 0 22px rgba(255,185,0,.95)!important;
  filter:drop-shadow(0 0 5px rgba(255,194,28,.8))!important;
  animation:rrNoteFloat 7.5s linear infinite!important;
}
.gold-banner-fx .n1{left:8%;bottom:-18%;font-size:27px!important;animation-delay:-.8s!important;animation-duration:7.2s!important}
.gold-banner-fx .n2{left:20%;bottom:-22%;font-size:20px!important;animation-delay:-4.1s!important;animation-duration:8.8s!important}
.gold-banner-fx .n3{left:36%;bottom:-16%;font-size:30px!important;animation-delay:-2.5s!important;animation-duration:7.9s!important}
.gold-banner-fx .n4{left:57%;bottom:-18%;font-size:22px!important;animation-delay:-5.7s!important;animation-duration:8.3s!important}
.gold-banner-fx .n5{left:73%;bottom:-15%;font-size:28px!important;animation-delay:-3.3s!important;animation-duration:7.4s!important}
.gold-banner-fx .n6{left:89%;bottom:-20%;font-size:19px!important;animation-delay:-6.4s!important;animation-duration:9.1s!important}

@keyframes rrNoteFloat{
  0%{transform:translate3d(0,0,0) rotate(-12deg) scale(.75);opacity:0}
  10%{opacity:.85}
  35%{transform:translate3d(18px,-55px,0) rotate(8deg) scale(1)}
  65%{transform:translate3d(-12px,-115px,0) rotate(-8deg) scale(.9);opacity:.9}
  100%{transform:translate3d(22px,-205px,0) rotate(15deg) scale(1.08);opacity:0}
}

/* Bliksemstralen vanuit de linker/rechter speakers richting midden/logo */
.gold-banner-fx .gold-bolt{
  position:absolute!important;
  top:50%!important;
  height:7px!important;
  width:34%!important;
  opacity:0!important;
  background:linear-gradient(90deg,transparent 0%,#ffd632 10%,#fff6a5 48%,#f5ad00 78%,transparent 100%)!important;
  box-shadow:
    0 0 5px #fff2a0,
    0 0 12px #ffd02d,
    0 0 25px rgba(255,170,0,.95)!important;
  clip-path:polygon(0 42%,15% 28%,27% 60%,39% 31%,52% 65%,66% 32%,79% 58%,100% 45%,100% 56%,80% 70%,67% 47%,53% 78%,39% 46%,27% 73%,14% 43%,0 59%)!important;
  transform-origin:center!important;
  animation:rrGoldLightning 3.1s ease-in-out infinite!important;
}
.gold-banner-fx .bolt-left{
  left:3%!important;
  transform:rotate(-4deg)!important;
}
.gold-banner-fx .bolt-right{
  right:3%!important;
  transform:scaleX(-1) rotate(-4deg)!important;
}
.gold-banner-fx .b1{top:42%!important;animation-delay:.15s!important}
.gold-banner-fx .b2{top:59%!important;width:29%!important;animation-delay:1.45s!important}
.gold-banner-fx .b3{top:43%!important;animation-delay:.85s!important}
.gold-banner-fx .b4{top:61%!important;width:29%!important;animation-delay:2.05s!important}

@keyframes rrGoldLightning{
  0%,10%,15%,26%,100%{opacity:0;filter:brightness(.7)}
  11%{opacity:.95;filter:brightness(1.8)}
  12%{opacity:.25}
  13%{opacity:1;filter:brightness(2.1)}
  14%{opacity:.42}
  23%{opacity:.72}
  24%{opacity:.18}
  25%{opacity:.88;filter:brightness(1.75)}
}

/* FX niet over de 'laatst aangevraagd' balk laten vallen */
.gold-master-banner>.request-activity-top{
  z-index:8!important;
}
@media(max-width:900px){
  .gold-banner-fx .music-note{font-size:18px!important}
  .gold-banner-fx .gold-bolt{height:5px!important;width:32%!important}
}
@media(max-width:600px){
  .gold-banner-fx .n2,.gold-banner-fx .n4,.gold-banner-fx .n6{display:none!important}
  .gold-banner-fx .gold-bolt{height:4px!important;width:30%!important}
}
@media(prefers-reduced-motion:reduce){
  .gold-banner-fx .music-note,.gold-banner-fx .gold-bolt{animation:none!important;opacity:.22!important}
}


/* 2026-09-07 — inklapbaar desktopmenu, standaard open */
body,
aside,
main,
.bottom-player,
body:before,
body:after,
.sidebar-collapse-toggle{
  transition:left .28s ease, transform .28s ease, padding-left .28s ease, inset .28s ease, opacity .18s ease!important;
}

.sidebar-collapse-toggle{
  position:fixed!important;
  z-index:65!important;
  top:50%!important;
  left:calc(var(--side) - 17px)!important;
  transform:translateY(-50%)!important;
  width:34px!important;
  height:68px!important;
  border:1px solid #b78a18!important;
  border-left-color:#5e470d!important;
  border-radius:0 11px 11px 0!important;
  background:linear-gradient(180deg,#171208,#070707)!important;
  color:#f5ca35!important;
  box-shadow:5px 0 18px rgba(0,0,0,.42),inset 0 0 15px rgba(244,196,45,.07)!important;
  display:grid!important;
  place-items:center!important;
  cursor:pointer!important;
}
.sidebar-collapse-toggle span{
  font-size:30px!important;
  line-height:1!important;
  font-weight:700!important;
  transform:translateX(-1px)!important;
  text-shadow:0 0 10px rgba(244,196,45,.45)!important;
}
.sidebar-collapse-toggle:hover{
  color:#ffe45f!important;
  border-color:#e0ad22!important;
  background:linear-gradient(180deg,#211a0b,#0a0906)!important;
}

body.menu-collapsed{
  padding-left:0!important;
}
body.menu-collapsed aside{
  transform:translateX(-100%)!important;
}
body.menu-collapsed .sidebar-collapse-toggle{
  left:0!important;
  border-left:1px solid #b78a18!important;
  border-radius:0 11px 11px 0!important;
}
body.menu-collapsed .sidebar-collapse-toggle span{
  transform:rotate(180deg)!important;
}
body.menu-collapsed .bottom-player{
  left:0!important;
}
body.menu-collapsed:before,
body.menu-collapsed:after{
  inset:0!important;
}

/* laat hoofdinhoud de vrijgekomen breedte direct gebruiken */
body.menu-collapsed main{
  width:100%!important;
}

@media(max-width:900px){
  .sidebar-collapse-toggle{display:none!important}
}