/*
Theme Name: PrintersCheap Nova
Theme URI: https://printerscheap.com/
Author: You
Description: Modern, conversion-focused theme for printerscheap.com with hero section, featured post grid, clean cards, dark mode toggle, AdSense slots, affiliate widgets, and optional RSS news.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GPL-2.0+
Text Domain: printerscheap-nova
Tags: blog, news, grid-layout, custom-colors, custom-logo, custom-menu, featured-images
*/

:root {
  --bg: #0b1220;
  --surface: #0f172a;
  --card: #111827;
  --muted: #9ca3af;
  --text: #e5e7eb;
  --accent: #60a5fa;
  --accent-2: #34d399;
  --ring: rgba(96,165,250,.4);
  --radius: 16px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  background: var(--bg);
  color: var(--text);
  line-height: 1.65;
}
.light { --bg:#f8fafc; --surface:#ffffff; --card:#ffffff; --text:#0f172a; --muted:#64748b; --ring:rgba(37,99,235,.25); }
a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }
img { max-width: 100%; height: auto; border-radius: 12px; }

.container { max-width: 1100px; margin: 0 auto; padding: 1rem; }
.site-header {
  position: sticky; top:0; z-index: 50;
  backdrop-filter: saturate(1.2) blur(8px);
  background: linear-gradient(180deg, rgba(2,6,23,.85), rgba(2,6,23,.55));
  border-bottom: 1px solid rgba(148,163,184,.12);
}
.topbar { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.75rem 0; }
.brand { display:flex; align-items:center; gap:.75rem; }
.brand .title { font-weight: 800; letter-spacing: -.02em; font-size: 1.25rem; }
.brand .tag { color: var(--muted); font-size: .95rem; }
.nav { display:flex; gap:.5rem; flex-wrap:wrap; }
.nav a { padding:.45rem .7rem; border-radius: 9999px; background: rgba(148,163,184,.08); border: 1px solid rgba(148,163,184,.18); }
.toggle { cursor:pointer; padding:.45rem .7rem; border-radius:9999px; border:1px solid rgba(148,163,184,.18); background:rgba(148,163,184,.08); }

.ad-slot { border: 1.5px dashed rgba(148,163,184,.35); background: rgba(148,163,184,.05); padding: .75rem; border-radius: var(--radius); text-align:center; color: var(--muted); }
.hero {
  margin-top: .75rem;
  background: linear-gradient(135deg, rgba(96,165,250,.12), rgba(52,211,153,.10));
  border:1px solid rgba(148,163,184,.18);
  border-radius: calc(var(--radius) + 4px);
  padding: 1.25rem;
}
.hero h1 { margin:.25rem 0; font-size: clamp(1.4rem, 2.5vw, 2rem); }
.hero p { color: var(--muted); margin:.25rem 0 1rem; }
.hero .cta { display:flex; gap:.5rem; flex-wrap:wrap; }
.btn { display:inline-block; padding:.6rem .9rem; border-radius:12px; font-weight:700; border:1px solid rgba(148,163,184,.28); background: #111827; }
.btn-primary { background: linear-gradient(90deg, var(--accent), var(--accent-2)); color:#03131a; border: none; }
.kpis { display:grid; grid-template-columns: repeat(3,1fr); gap:.5rem; margin-top: .75rem; }
.kpi { background: var(--surface); border:1px solid rgba(148,163,184,.15); border-radius:12px; padding:.6rem .8rem; color: var(--muted); }

.layout { display:grid; grid-template-columns: 1fr; gap:1rem; margin-top: 1rem; }
@media(min-width: 920px) { .layout { grid-template-columns: 2fr 1fr; } }

.grid { display:grid; grid-template-columns: repeat(1,1fr); gap: 1rem; }
@media(min-width:720px) { .grid { grid-template-columns: repeat(2,1fr); } }
@media(min-width:1024px) { .grid { grid-template-columns: repeat(3,1fr); } }
.card { background: var(--surface); border:1px solid rgba(148,163,184,.15); border-radius: var(--radius); padding: 1rem; box-shadow: 0 10px 30px rgba(0,0,0,.06); }
.card h2, .card h3 { margin-top:0; }
.meta { color: var(--muted); font-size:.9rem; margin:.25rem 0 .75rem; }
.badge { display:inline-block; padding:.25rem .5rem; border-radius:999px; font-size:.75rem; background: rgba(96,165,250,.14); border:1px solid rgba(96,165,250,.25); color: #93c5fd; }

.sidebar .widget { margin-bottom: 1rem; }
.widget-title { font-weight:800; font-size:1rem; margin-bottom:.5rem; }

.deals-list a { display:flex; justify-content:space-between; align-items:center; gap:.75rem; padding:.6rem .8rem; border:1px dashed rgba(148,163,184,.35); border-radius:12px; background: rgba(148,163,184,.05); margin-bottom:.5rem; }
.deals-list .tag { font-weight:700; color:#34d399; }

.footer { margin-top:2rem; color: var(--muted); }