/* Het radiopaneel gebruikt de studio-card-opmaak van het thema. */
.hero-grid .hoppa-radio-window{min-width:0;padding:20px;scroll-margin-top:110px;overflow:hidden;box-sizing:border-box}
.hoppa-radio-window .hero-buttons{flex-wrap:wrap}
.hoppa-inline-chat[hidden],[data-hoppa-radio-intro][hidden]{display:none!important}
.hero-grid .hoppa-radio-window-chat{align-self:start}
.hoppa-inline-chat{display:flex;flex-direction:column;width:100%;height:620px;min-width:0;gap:12px}
.hoppa-inline-chat-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}
.hero .hoppa-inline-chat-head h2{font-size:18px;line-height:1.4;margin:0;color:#ffdd9f;letter-spacing:0;text-transform:none}
.hoppa-inline-chat-head button{font:inherit;font-size:14px;min-height:40px;padding:8px 14px;border:1px solid #8bf4ff80;border-radius:8px;background:#153b6260;color:#fff;cursor:pointer;flex-shrink:0}
.hoppa-inline-chat-head button:hover{background:#153b62}
.hoppa-inline-chat iframe{display:block;width:100%;height:560px;flex:1;min-height:0;max-width:none;border:0;border-radius:10px;background:#071122;box-sizing:border-box}
.hoppa-inline-chat-head button:focus-visible{outline:3px solid #ffdd9f;outline-offset:2px}
@media(max-width:600px){.hero-grid .hoppa-radio-window{padding:12px}.hoppa-inline-chat{height:690px}.hoppa-inline-chat iframe{height:630px}.hoppa-inline-chat-head{gap:8px}.hero .hoppa-inline-chat-head h2{font-size:16px}}
/* Gelijke vensters met verticale schuifbalk in het chatpaneel. */
@media(min-width:901px){.hero .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.hero-grid .hoppa-radio-window{height:var(--hoppa-neighbour-height,540px)}}
.hero-grid .hoppa-radio-window{display:block}
.hoppa-inline-chat{height:100%;min-height:0;overflow:hidden}
.hoppa-inline-chat-body{flex:1;min-height:0;overflow-y:scroll;overflow-x:hidden;scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:#8bf4ff #344c78;border-radius:10px}
.hoppa-inline-chat-body::-webkit-scrollbar{width:12px}.hoppa-inline-chat-body::-webkit-scrollbar-track{background:#344c78}.hoppa-inline-chat-body::-webkit-scrollbar-thumb{background:#8bf4ff;border:3px solid #344c78;border-radius:8px}
.hoppa-inline-chat .hoppa-inline-chat-body iframe{height:650px;min-height:650px;width:100%;border:0;display:block}
@media(max-width:900px){.hero-grid .hoppa-radio-window{height:600px}}
/* Afstand tussen de menubalk en de radio-/flyervensters. */
.hero{padding-top:20px}.hero .hero-grid{align-items:start}.hero-grid .hoppa-radio-window,.hero-grid .hoppa-studio{margin-top:0}
.hoppa-inline-chat-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hoppa-inline-chat-actions .hoppa-chat-enlarge{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 14px;border:1px solid #8bf4ff80;border-radius:8px;background:#153b6260;color:#fff;font-size:14px;line-height:normal;text-decoration:none}.hoppa-inline-chat-actions .hoppa-chat-enlarge:hover{background:#153b62}.hoppa-inline-chat-actions .hoppa-chat-enlarge:focus-visible{outline:3px solid #ffdd9f;outline-offset:2px}@media(max-width:600px){.hoppa-inline-chat-head{flex-wrap:wrap}}