:root{color-scheme:light}
body.boa-webplayer-page{margin:0!important;background:#f4f7f5!important;min-height:100svh;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important}
body.boa-webplayer-page #wpadminbar{display:none!important}
body.boa-webplayer-page{--wp-admin--admin-bar--height:0px}
.boa-player-shell{--boa-primary:#174d36;--boa-secondary:#123d2b;--boa-accent:#f1c75b;--boa-bg:#f4f7f5;--boa-surface:#fff;--boa-text:#17211c;--boa-muted:#647169;box-sizing:border-box;width:100%;min-height:100svh;background:radial-gradient(circle at top,var(--boa-surface) 0,var(--boa-bg) 62%);color:var(--boa-text);padding:max(18px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px}
.boa-player-shell *{box-sizing:border-box}.boa-player-card{width:min(100%,560px);background:var(--boa-surface);border:1px solid color-mix(in srgb,var(--boa-primary) 12%,transparent);border-radius:24px;padding:20px;box-shadow:0 16px 48px rgba(13,37,25,.10)}
.boa-player-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.boa-brand{display:flex;align-items:center;gap:12px;min-width:0}.boa-logo{width:58px;height:58px;object-fit:contain;border-radius:15px;background:#fff;border:1px solid rgba(0,0,0,.07);padding:5px;flex:none}.boa-station{font-size:1.05rem;font-weight:800;line-height:1.2}.boa-tagline{font-size:.82rem;color:var(--boa-muted);margin-top:3px}.boa-live-badge{font-size:.72rem;letter-spacing:.08em;font-weight:800;color:var(--boa-primary);background:color-mix(in srgb,var(--boa-primary) 9%,white);border-radius:999px;padding:7px 9px;white-space:nowrap}.boa-live-badge i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#d62d2d;margin-right:5px;box-shadow:0 0 0 4px rgba(214,45,45,.09)}
.boa-info{margin:16px 0 0;padding:11px 13px;border-radius:14px;background:color-mix(in srgb,var(--boa-accent) 19%,white);display:flex;align-items:flex-start;gap:9px;font-size:.87rem;line-height:1.45}.boa-info p{margin:0}.boa-info p+p{margin-top:6px}.boa-info-icon{display:grid;place-items:center;width:20px;height:20px;flex:none;border-radius:50%;background:var(--boa-accent);font-weight:900;font-family:Georgia,serif;color:#332a12}
.boa-now{margin-top:18px;padding:15px;border-radius:16px;background:color-mix(in srgb,var(--boa-primary) 6%,white)}.boa-section-label{text-transform:uppercase;letter-spacing:.08em;font-size:.66rem;font-weight:800;color:var(--boa-muted);margin-bottom:5px}.boa-program{font-size:1.05rem;font-weight:800;color:var(--boa-primary);line-height:1.25}.boa-presenter{font-size:.83rem;color:var(--boa-muted);margin-top:4px}
.boa-track{padding:18px 4px 10px}.boa-track-title{font-size:clamp(1.1rem,4vw,1.45rem);font-weight:850;line-height:1.18;overflow-wrap:anywhere}.boa-track-artist{font-size:.95rem;color:var(--boa-muted);margin-top:5px;overflow-wrap:anywhere}
.boa-controls{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;margin-top:8px}.boa-play{appearance:none;border:0;border-radius:16px;background:linear-gradient(135deg,var(--boa-primary),var(--boa-secondary));color:#fff;min-height:54px;padding:0 18px;font:inherit;font-weight:800;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 8px 20px color-mix(in srgb,var(--boa-primary) 28%,transparent);touch-action:manipulation}.boa-play:focus-visible,.boa-tool-btn:focus-visible,.boa-autoplay-fallback:focus-visible{outline:3px solid color-mix(in srgb,var(--boa-accent) 70%,white);outline-offset:2px}.boa-play-icon{width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid currentColor;margin-left:2px}.boa-play.is-playing .boa-play-icon{width:11px;height:14px;border:0;border-left:4px solid currentColor;border-right:4px solid currentColor;margin-left:0}.boa-volume{display:flex;align-items:center;gap:6px}.boa-volume input{width:92px;accent-color:var(--boa-primary)}
.boa-status{text-align:center;color:var(--boa-muted);font-size:.77rem;min-height:1.2em;margin-top:12px}.boa-status[data-kind="ok"]{color:var(--boa-primary)}.boa-status[data-kind="error"]{color:#a42c2c}.boa-autoplay-fallback{display:block;width:100%;margin-top:10px;border:1px solid color-mix(in srgb,var(--boa-primary) 25%,transparent);background:#fff;color:var(--boa-primary);padding:11px;border-radius:13px;font:inherit;font-weight:750;cursor:pointer}
.boa-tools{display:flex;gap:8px;justify-content:center;margin-top:13px;padding-top:13px;border-top:1px solid rgba(0,0,0,.07)}.boa-tool-btn{border:0;background:transparent;color:var(--boa-primary);font:inherit;font-size:.82rem;font-weight:750;padding:8px 10px;border-radius:10px;cursor:pointer}.boa-tool-btn:hover{background:color-mix(in srgb,var(--boa-primary) 6%,white)}
.boa-alarm-panel{margin-top:8px;padding:12px;border-radius:13px;background:var(--boa-bg)}.boa-alarm-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.82rem}.boa-alarm-row input{border:1px solid rgba(0,0,0,.15);border-radius:9px;padding:7px 8px;background:#fff}.boa-alarm-row button{border:0;border-radius:9px;padding:8px 11px;background:var(--boa-primary);color:#fff;font:inherit;font-weight:700;cursor:pointer}.boa-alarm-row .boa-link-btn{background:transparent;color:var(--boa-primary);padding-inline:4px}.boa-alarm-state{font-size:.79rem;font-weight:700;color:var(--boa-primary);margin-top:8px}.boa-alarm-note{font-size:.72rem;line-height:1.4;color:var(--boa-muted);margin:7px 0 0}.boa-player-footer{font-size:.72rem;color:var(--boa-muted);text-align:center}
.boa-maintenance-card{width:min(100%,520px);background:var(--boa-surface);padding:34px 24px;border-radius:24px;text-align:center;box-shadow:0 16px 48px rgba(13,37,25,.10)}.boa-maintenance-logo{width:86px;height:86px;object-fit:contain;margin-bottom:14px}.boa-maintenance-card h1{font-size:1.6rem;margin:.15em 0 .4em}.boa-eyebrow{color:var(--boa-primary);font-weight:800;margin:0}.boa-maintenance-text{color:var(--boa-muted);line-height:1.55}.boa-maintenance-text p{margin:.5em 0}
@media(max-width:480px){.boa-player-shell{justify-content:flex-start;padding-top:max(12px,env(safe-area-inset-top))}.boa-player-card{border-radius:20px;padding:16px}.boa-logo{width:52px;height:52px}.boa-controls{grid-template-columns:1fr}.boa-volume{justify-content:center}.boa-volume input{width:min(65vw,240px)}.boa-track{padding-top:15px}.boa-tools{margin-top:10px}.boa-live-badge{font-size:.65rem}.boa-tagline{font-size:.76rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Startscherm hulp */
.boa-install-help{margin-top:8px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--boa-primary) 7%,white);color:var(--boa-muted);font-size:.78rem;line-height:1.45;text-align:center}

/* Horizontale siteplayer */
body:not(.boa-webplayer-page){padding-bottom:92px}
.boa-sitebar{--boa-primary:#174d36;--boa-secondary:#123d2b;--boa-accent:#f1c75b;--boa-bg:#f4f7f5;--boa-surface:#fff;--boa-text:#17211c;--boa-muted:#647169;position:fixed;z-index:99980;left:16px;right:16px;bottom:max(12px,env(safe-area-inset-bottom));font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:#fff;background:#0b0b0b;border:1px solid rgba(255,255,255,.08);border-radius:22px;box-shadow:0 14px 40px rgba(0,0,0,.28)}
.boa-sitebar *{box-sizing:border-box}.boa-sitebar-inner{min-height:72px;display:flex;align-items:center;gap:18px;padding:10px 92px 10px 18px}.boa-sitebar-brand{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.boa-sitebar-logo{width:46px;height:46px;object-fit:contain;flex:none}.boa-sitebar-copy{min-width:0}.boa-sitebar-copy strong{display:block;font-size:.94rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.boa-sitebar-line{display:flex;align-items:baseline;gap:8px;font-size:.74rem;line-height:1.45;white-space:nowrap;overflow:hidden}.boa-sitebar-line>span:first-child{font-size:.62rem;font-weight:900;letter-spacing:.1em;color:#ff3349;flex:none}.boa-sitebar-line>span:last-child{overflow:hidden;text-overflow:ellipsis;color:#e9e9e9}.boa-sitebar-actions{display:flex;align-items:center;gap:12px;flex:none}.boa-sitebar-play{width:48px;height:48px;border:0;border-radius:50%;background:#ff2c45;color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 7px 18px rgba(255,44,69,.25)}.boa-sitebar-play-icon{width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid currentColor;margin-left:3px}.boa-sitebar-play.is-playing .boa-sitebar-play-icon{width:12px;height:15px;border:0;border-left:4px solid currentColor;border-right:4px solid currentColor;margin:0}.boa-sitebar-open{color:#fff;text-decoration:none!important;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:9px 14px;font-size:.82rem;font-weight:800;white-space:nowrap}.boa-sitebar-open:hover{background:rgba(255,255,255,.08);color:#fff}.boa-sitebar-volume{display:flex;align-items:center;gap:7px}.boa-sitebar-volume input{width:110px;accent-color:#ff3349}
@media(max-width:760px){body:not(.boa-webplayer-page){padding-bottom:82px}.boa-sitebar{left:8px;right:8px;bottom:max(7px,env(safe-area-inset-bottom));border-radius:18px}.boa-sitebar-inner{min-height:64px;padding:8px 74px 8px 10px;gap:10px}.boa-sitebar-logo{width:40px;height:40px}.boa-sitebar-copy strong{font-size:.82rem}.boa-sitebar-line{font-size:.67rem}.boa-sitebar-line:nth-of-type(2){display:none}.boa-sitebar-actions{gap:8px}.boa-sitebar-play{width:42px;height:42px}.boa-sitebar-open{display:none}.boa-sitebar-volume{display:none}}
@media(max-width:420px){.boa-sitebar-inner{padding-right:66px}.boa-sitebar-copy strong{max-width:42vw}.boa-sitebar-line>span:first-child{display:none}}