/*
Theme Name: IPTVBuddy Prime (AdSense Ready)
Theme URI: https://iptvbuddy.com/
Author: IPTVBuddy
Description: Fast, RTL-friendly IPTV magazine theme with built-in AdSense slots (header, in-content, sidebar, footer) + Auto Ads support.
Version: 1.1.0
Requires at least: 5.7
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: iptvbuddy-prime
*/

:root {
  --bg: #0b1220; --surface:#0c1424; --card:#0e1a2f; --text:#e5e7eb; --muted:#94a3b8;
  --primary:#0ea5e9; --primary-2:#60a5fa; --border:#10203a; --accent:#22d3ee; --live:#ef4444;
}
:root[data-theme="light"] {
  --bg:#f7f8fb; --surface:#ffffff; --card:#ffffff; --text:#0b1220; --muted:#475569;
  --primary:#0ea5e9; --primary-2:#2563eb; --border:#e5e7eb; --accent:#06b6d4; --live:#dc2626;
}
html, body { margin:0; padding:0; background:var(--bg); color:var(--text); font-family:system-ui, Segoe UI, Arial, sans-serif; }
a { color:var(--primary); text-decoration:none }
a:hover { text-decoration:underline }
.container { max-width:1200px; margin:0 auto; padding:0 16px }

/* Header */
.site-header { background:linear-gradient(90deg, var(--primary-2), var(--accent)); color:#fff }
.site-header .inner { display:flex; align-items:center; justify-content:space-between; padding:14px 0 }
.brand { display:flex; align-items:center; gap:10px; font-weight:800 }
.brand .logo { width:36px; height:36px; border-radius:8px; background:#00000022; display:inline-block }
.nav { display:flex; gap:12px; flex-wrap:wrap }
.nav a { color:#fff; font-weight:600; padding:6px 10px; border-radius:8px }
.nav a:hover { background:rgba(255,255,255,.12); text-decoration:none }
.header-tools { display:flex; gap:8px }
.btn { background:var(--surface); border:1px solid rgba(255,255,255,.25); color:#fff; border-radius:10px; padding:6px 10px; cursor:pointer }
.btn:hover { background:rgba(255,255,255,.15) }

/* Layout */
.main-grid { display:grid; grid-template-columns: 3fr 1fr; gap:16px; margin-top:16px }
.card { background:var(--card); border:1px solid var(--border); border-radius:14px; padding:14px }
.card h2 { margin:0 0 10px; font-size:1.1rem }
.posts { display:grid; grid-template-columns: repeat(3,1fr); gap:12px }
.post { background:var(--card); border:1px solid var(--border); border-radius:12px; overflow:hidden }
.post .thumb { height:140px; background:#1f2937 }
.post .content { padding:10px }
.post .meta { color:var(--muted); font-size:.85rem }

.sidebar .widget { background:var(--card); border:1px solid var(--border); border-radius:12px; padding:12px; margin:0 0 12px }
.widget h4 { margin:0 0 10px; color:var(--primary); font-size:1rem }
.site-footer { margin-top:24px; padding:20px 0; border-top:1px solid var(--border); color:var(--muted); background:var(--surface) }

/* Ads (responsive containers) */
.ad-slot { margin:12px 0; display:block; text-align:center }
.ad-slot .ad-label { font-size:.75rem; color:var(--muted); margin-bottom:6px }
.ad-box { display:inline-block; min-height:90px; width:100%; background:#0c14241a; border:1px dashed var(--border); border-radius:10px; padding:6px }
.ad-box ins { display:block !important; text-align:center }

/* Responsive */
@media (max-width: 1024px){ .posts{grid-template-columns: repeat(2,1fr)} .main-grid{grid-template-columns:1fr} }
@media (max-width: 640px){ .posts{grid-template-columns: 1fr} }