/*
Theme Name: RadioSite Theme
Theme URI: https://example.com/radiosite-theme
Author: RadioSite
Author URI: https://example.com
Description: Een compleet, aanpasbaar radiothema met bovenbanner, linker- en rechterkolom, speler, now playing en verzoekformulier. PHP 8.1 compatibel.
Version: 1.0.0
Requires at least: 6.2
Tested up to: 6.6
Requires PHP: 8.1
Text Domain: radiosite
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: radio, three-columns, custom-colors, custom-logo, custom-menu, editor-style, featured-images, rtl-language-support
*/

/* Basic layout */
:root{
  --rs-bg:#0c0c0c;
  --rs-text:#e6e6e6;
  --rs-accent:#d40000;
  --rs-accent-2:#999;
  --rs-card:#151515;
  --rs-border:#2a2a2a;
  --rs-max:1200px;
}
body{background:var(--rs-bg);color:var(--rs-text);font:16px/1.6 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;margin:0;}
a{color:var(--rs-accent);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:var(--rs-max);margin:0 auto;padding:0 16px;}
.header{background:linear-gradient(180deg,#111, #090909);border-bottom:1px solid var(--rs-border);}
.header-inner{display:flex;align-items:center;gap:16px;padding:12px 0;}
.site-title{font-size:28px;margin:0;font-weight:700;text-transform:uppercase;letter-spacing:.5px;}
.site-desc{color:#bbb;font-size:14px;margin:0}
.top-banner{display:block;width:100%;height:180px;background:#000 url('../assets/img/banner-placeholder.jpg') center/cover no-repeat;border-bottom:1px solid var(--rs-border)}
.nav{background:#111;border-bottom:1px solid var(--rs-border)}
.nav .menu{display:flex;gap:16px;list-style:none;margin:0;padding:10px 0;overflow:auto}
.nav .menu li{white-space:nowrap}
.layout{display:grid;grid-template-columns:1fr 2fr 1fr;gap:16px;margin:16px 0}
.sidebar{background:var(--rs-card);border:1px solid var(--rs-border);border-radius:10px;padding:12px}
.content{background:var(--rs-card);border:1px solid var(--rs-border);border-radius:10px;padding:16px;min-height:420px}
.footer{border-top:1px solid var(--rs-border);padding:16px 0;color:#aaa}
.widget-title{margin:0 0 8px 0;font-size:14px;color:#ddd;text-transform:uppercase;letter-spacing:.3px}
/* Player and badges */
.rs-player{display:flex;flex-direction:column;gap:8px;background:#0f0f0f;border:1px solid var(--rs-border);border-radius:10px;padding:12px}
.rs-player audio{width:100%}
.badge{display:inline-block;padding:4px 8px;border:1px solid var(--rs-border);border-radius:6px;color:#ccc;font-size:12px}
/* Gutenberg support */
.wp-block{max-width:var(--rs-max)}
.alignwide{max-width:calc(var(--rs-max) + 200px)}
.alignfull{max-width:none}
/* Forms */
input,select,textarea,button{background:#111;color:#eee;border:1px solid var(--rs-border);border-radius:8px;padding:8px}
button, .button{cursor:pointer;background:var(--rs-accent);border:none}
button:hover{opacity:.9}
/* Tables */
table{width:100%;border-collapse:collapse}
th,td{border:1px solid var(--rs-border);padding:8px}
/* Responsive */
@media (max-width: 980px){
  .layout{grid-template-columns:1fr}
}