/*
Theme Name: Malibu Orange Grid
Theme URI: https://internetradiomalibu.nl/
Author: djnachtegaal + GPT
Author URI: https://internetradiomalibu.nl/
Description: Custom 1250×1250 three-column (25/50/25) orange/dark-orange radio layout with banner, responsive menu, chat overlay, anti-copy, VPN block, and radio widgets.
Version: 1.0.0
License: GPLv2 or later
Text Domain: malibu-orange-grid
*/
:root{
  --orange:#ff7a00;
  --darkorange:#c65300;
  --bg:#0b0b0b;
  --text:#f6f6f6;
  --muted:#bbbbbb;
  --accent:#ffd28a;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}

.container-1250{
  width:1250px;
  min-height:1250px;
  margin:0 auto;
  background:linear-gradient(180deg, #111 0%, #0e0e0e 100%);
  box-shadow:0 10px 30px rgba(0,0,0,.6);
  position:relative;
}

/* Banner */
.mlb-banner{
  padding:28px 24px;
  background:linear-gradient(135deg,var(--orange),var(--darkorange));
  color:#111;
  border-bottom:4px solid #000;
}
.mlb-banner h1{
  margin:0;
  font-size:46px;
  letter-spacing:.5px;
  text-transform:uppercase;
  color:#111;
  text-shadow:0 2px 0 rgba(255,255,255,.35);
}
.mlb-banner p{
  margin:6px 0 0;
  font-weight:700;
  color:#1b1b1b;
}

/* Navbar */
.mlb-nav{
  display:flex;align-items:center;justify-content:space-between;
  padding:10px 16px;
  background:#121212;border-bottom:1px solid #222;
  position:sticky;top:0;z-index:20;
}
.mlb-brand{font-weight:800;letter-spacing:.6px}
.mlb-menu{display:flex;gap:18px;align-items:center}
.mlb-menu a{padding:8px 10px;border-radius:6px}
.mlb-menu a:hover{background:#1f1f1f}
.mlb-burger{display:none;cursor:pointer;border:1px solid #2a2a2a;border-radius:8px;padding:8px}

/* Grid */
.mlb-grid{
  display:grid;
  grid-template-columns: 1fr 2fr 1fr; /* 25/50/25 */
  gap:16px;
  padding:16px;
}
.mlb-card{
  background:#141414;border:1px solid #272727;border-radius:14px;overflow:hidden;
}
.mlb-card .mlb-card-title{
  padding:10px 14px;
  background:linear-gradient(90deg,var(--darkorange),#7a2f00);
  color:#fff;font-weight:800
}
.mlb-card .mlb-card-body{padding:12px}

/* Audio player */
.mlb-audio{width:100%}

/* Footer */
.mlb-footer{
  margin-top:16px;
  padding:16px;
  color:var(--muted);
  text-align:center;
  border-top:1px solid #222;
}

/* Chat overlay */
#chatOverlay{
  position:fixed;inset:0;background:rgba(0,0,0,.95);
  display:none;z-index:1000;
}
#chatOverlay .inner{
  position:absolute;inset:24px;background:#0c0c0c;border:2px solid #222;border-radius:12px;
  display:flex;flex-direction:column;
}
#chatOverlay header{
  padding:10px 12px;background:#151515;border-bottom:1px solid #252525;display:flex;justify-content:space-between;align-items:center
}
#chatOverlay iframe{flex:1;border:0;width:100%}

/* VPN modal */
#vpnBlock{
  position:fixed;inset:0;background:rgba(0,0,0,.96);display:none;z-index:2000;
  align-items:center;justify-content:center;color:#fff;text-align:center;padding:20px;
}
#vpnBlock .box{max-width:560px;background:#1a1a1a;border:2px solid #6b2f00;border-radius:12px;padding:24px}

/* Responsive */
@media (max-width: 1280px){
  .container-1250{width:100vw}
}
@media (max-width: 900px){
  .mlb-grid{grid-template-columns:1fr}
  .mlb-menu{display:none}
  .mlb-burger{display:block}
  .mlb-drawer{display:none;flex-direction:column;padding:8px;background:#0f0f0f;border-top:1px solid #222}
  .mlb-drawer a{padding:10px 12px}
}
/* Disable selection/drag site-wide */
body, img, iframe, .mlb-card, .mlb-banner, .container-1250 {
  -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;
  -webkit-user-drag:none; user-drag:none;
}