/*
Theme Name: LH Strikered
Theme URI: https://www.web-php.de/
Author: Converted from the supplied Web-PHP design
Description: A responsive dark red and black radio theme, converted from the supplied LH Strikered template.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: lh-strikered
*/

:root{--red:#a0082d;--dark:#0d0101;--panel:rgba(0,0,0,.80);--text:#fff;--muted:#d6d6d6}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#000 url('assets/images/background.gif') center top/cover fixed no-repeat;color:var(--text);font:14px/1.65 Verdana,Arial,sans-serif}a{color:#ffd9e2;text-decoration:none}a:hover,a:focus{color:#fff;text-decoration:underline}.site{max-width:1200px;margin:0 auto;min-height:100vh;background:rgba(0,0,0,.18)}.site-header{padding:0;background:#050505}.site-branding img{display:block;width:100%;height:auto}.site-branding{min-height:0}.site-title{margin:0;padding:1.5rem;text-align:center;font-size:2rem}.site-title a{color:#fff}.site-description{margin:0;padding:0 1rem 1rem;text-align:center;color:var(--muted)}.primary-nav{background:radial-gradient(circle,var(--red) 0%,#0d0101 100%);border-block:1px solid #5b0920}.primary-nav ul{display:flex;flex-wrap:wrap;gap:0;list-style:none;margin:0;padding:0 1rem}.primary-nav li{position:relative}.primary-nav a{display:block;padding:.8rem 1rem;color:#fff}.primary-nav a:hover,.primary-nav .current-menu-item>a{background:rgba(0,0,0,.38);color:#fff}.primary-nav .sub-menu{display:none;position:absolute;z-index:20;top:100%;left:0;min-width:12rem;padding:0;background:#10080a;border:1px solid #6b1027}.primary-nav li:hover>.sub-menu,.primary-nav li:focus-within>.sub-menu{display:block}.menu-toggle{display:none}.hero{position:relative;overflow:hidden}.hero img{display:block;width:100%;height:auto}.hero-slides{display:grid;grid-template-columns:1fr 1fr;gap:0}.hero-extra{grid-column:1/-1}.hero-slides a{display:block;overflow:hidden}.hero-slides img{transition:transform .25s}.hero-slides a:hover img{transform:scale(1.025)}.content-wrap{padding:1.5rem;min-height:18rem;background:var(--panel)}.content{max-width:100%;margin:0 auto}.entry{margin:0 0 2rem}.entry-title,.page-title{padding:.6rem 1rem;background:radial-gradient(circle,var(--red) 0%,#0d0101 100%);font-size:1.4rem}.entry-title a{color:#fff}.entry-meta,.entry-footer{color:#bbb;font-size:.85rem}.entry-content img{max-width:100%;height:auto}.entry-content p{margin:0 0 1rem}.posts-list{display:grid;gap:1.25rem}.post-card{padding:1rem;border:1px solid #6b1027;background:rgba(0,0,0,.35)}.post-card h2{margin-top:0}.pagination{display:flex;gap:.5rem}.pagination a,.pagination span{padding:.45rem .75rem;background:#280711;color:#fff}.site-footer{padding:1.8rem 1.25rem 2.5rem;background:rgba(0,0,0,.94);border-top:2px solid var(--red);color:var(--muted)}.footer-menus{display:flex;flex-wrap:wrap;gap:2rem}.footer-menus ul{list-style:none;padding:0}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.screen-reader-text:focus{clip:auto;width:auto;height:auto;padding:1rem;background:#fff;color:#000;z-index:99}
@media(max-width:700px){body{background-attachment:scroll}.site{width:100%}.content-wrap{padding:1rem}.hero-slides{display:none}.primary-nav ul{display:block}.primary-nav li{border-top:1px solid rgba(255,255,255,.12)}.primary-nav .sub-menu{position:static;border:0;padding-left:1rem}.primary-nav li:hover>.sub-menu{display:block}.site-title{font-size:1.55rem}}

/* Radio sidebar */
.content-layout{display:grid;grid-template-columns:260px minmax(0,1fr);align-items:start}.left-sidebar{min-width:0;padding:1rem 0;background:rgba(0,0,0,.56);border-right:1px solid color-mix(in srgb,var(--red) 35%,transparent)}.side-widget{margin:0 0 1.2rem;padding:0 1rem 1rem;border-bottom:1px solid color-mix(in srgb,var(--red) 40%,transparent)}.side-widget-title{margin:0 -1rem 1rem;padding:.65rem 1rem;background:radial-gradient(circle,var(--red) 0%,#0d0101 100%);font-size:1rem;font-weight:normal}.listener-card{margin:0 auto;max-width:200px;padding:1rem;text-align:center;border:1px solid #143049;border-radius:0 0 14px 14px;background:#030719;box-shadow:0 0 18px color-mix(in srgb,var(--red) 55%,transparent)}.headphone-mark{height:48px;margin-bottom:.4rem;background:#030719;border:1px solid var(--red);box-shadow:0 0 16px var(--red);font-size:2rem;line-height:48px}.listener-card small{display:block;color:#ddd;text-transform:uppercase;font-size:.68rem;letter-spacing:.06em}.listener-card strong{display:block;color:#22b9ef;font-size:2.6rem}.listener-card hr{border:0;border-top:1px solid #173249;margin:.75rem 0}.listener-card b{display:block;margin-top:.3rem;color:#dceafa;font-size:.8rem;line-height:1.5}.listen-button,.chat-button{display:inline-block;margin-top:.8rem;padding:.4rem .8rem;background:linear-gradient(110deg,var(--red),#26020b);color:white}.stream-links{display:flex;justify-content:center;gap:.5rem;align-items:center;padding:.1rem}.stream-links a,.stream-links span{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:linear-gradient(145deg,#fb477b,#8b092b);color:white;font-size:1.15rem;font-weight:bold}.stream-links .html5-mark{background:#f04c21}.artist-image{display:block;width:min(100%,230px);height:auto;margin:0 auto}.chat-placeholder{margin:0;color:var(--muted);font-size:.85rem}
+@media(max-width:700px){.content-layout{grid-template-columns:1fr}.left-sidebar{border-right:0;border-bottom:1px solid color-mix(in srgb,var(--red) 35%,transparent);display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.side-widget{margin:0}}

/* Optional right sidebar */
.content-layout.has-right-sidebar{grid-template-columns:250px minmax(0,1fr) 250px}.right-sidebar{min-width:0;padding:1rem 0;background:rgba(0,0,0,.35);border-left:1px solid color-mix(in srgb,var(--red) 35%,transparent)}.right-sidebar .side-widget{padding-left:.8rem;padding-right:.8rem}.right-sidebar img{max-width:100%;height:auto}.right-sidebar iframe{max-width:100%}
@media(max-width:1000px){.content-layout.has-right-sidebar{grid-template-columns:220px minmax(0,1fr)}.right-sidebar{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem;border-left:0;border-top:1px solid color-mix(in srgb,var(--red) 35%,transparent)}}
@media(max-width:700px){.content-layout.has-right-sidebar{grid-template-columns:1fr}.right-sidebar{grid-column:auto}}

/* Collapse unused sidebars so content fills the available space. */
.content-layout{grid-template-columns:minmax(0,1fr)}
.content-layout.has-left-sidebar{grid-template-columns:250px minmax(0,1fr)}
.content-layout.has-right-sidebar:not(.has-left-sidebar){grid-template-columns:minmax(0,1fr) 250px}
.content-layout.has-left-sidebar.has-right-sidebar{grid-template-columns:250px minmax(0,1fr) 250px}
@media(max-width:1000px){.content-layout.has-left-sidebar.has-right-sidebar{grid-template-columns:220px minmax(0,1fr)}.content-layout.has-right-sidebar:not(.has-left-sidebar){grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){.content-layout.has-left-sidebar,.content-layout.has-right-sidebar,.content-layout.has-left-sidebar.has-right-sidebar{grid-template-columns:1fr}}

/* Uploadbare foto-blokken voor beide zijbalken */
.sidebar-photo-block img{display:block;width:100%;max-width:100%;height:auto;border:1px solid color-mix(in srgb,var(--red) 55%,transparent);padding:3px;background:rgba(0,0,0,.55)}
.custom-sidebar-html{overflow-wrap:anywhere}
.custom-sidebar-html img{max-width:100%;height:auto}
.custom-sidebar-html iframe{max-width:100%}
.custom-sidebar-html audio,.custom-sidebar-html video{max-width:100%}

/* Onbeperkte losse blokken: duidelijke ruimte tussen ieder blok */
.custom-unlimited-block{display:block;margin:0 12px 24px;padding:0 12px 18px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(0,0,0,.45);overflow:hidden}
.custom-unlimited-block .side-widget-title{margin:0 -12px 14px;padding:.7rem 1rem}
.unlimited-block-image{display:block;width:100%;max-width:100%;height:auto;margin:0 auto 14px;border-radius:4px}
.unlimited-block-content{overflow-wrap:anywhere}
.unlimited-block-content img,.unlimited-block-content iframe{max-width:100%;height:auto}