/*
Theme Name: Sun News Visual Theme
Theme URI: https://sunnewshd.tv
Author: ChatGPT for Sun News HD
Description: A trend-led, mobile-first WordPress news theme for Sun News HD with breaking ticker, trending tags, visual story cards, category sections, and AI/audio-ready article layout.
Version: 1.0.0
License: GPLv2 or later
Text Domain: sun-news-visual-theme
*/

:root{
  --sun-red:#d71920;
  --sun-yellow:#ffcc00;
  --sun-dark:#111111;
  --sun-muted:#666;
  --sun-border:#e8e8e8;
  --sun-bg:#f6f6f6;
  --sun-card:#ffffff;
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--sun-bg);color:var(--sun-dark);line-height:1.55}
a{color:inherit;text-decoration:none}.container{max-width:1220px;margin:0 auto;padding:0 16px}.topbar{background:#000;color:#fff;font-size:13px}.topbar .container{display:flex;justify-content:space-between;gap:16px;padding-top:8px;padding-bottom:8px}.site-header{background:#fff;border-bottom:1px solid var(--sun-border);position:sticky;top:0;z-index:99}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:16px 0}.brand{display:flex;align-items:center;gap:12px}.brand-mark{background:linear-gradient(135deg,var(--sun-red),#9b0000);color:#fff;font-weight:900;padding:9px 12px;border-radius:10px}.brand-title{font-size:28px;font-weight:900;letter-spacing:-.8px}.brand-title span{color:var(--sun-red)}.nav{display:flex;gap:16px;font-weight:700;font-size:14px}.nav a:hover{color:var(--sun-red)}.breaking{background:var(--sun-red);color:#fff}.breaking-inner{display:flex;align-items:center;gap:12px;padding:9px 0;overflow:hidden}.breaking-label{background:#000;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:900;white-space:nowrap}.ticker{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trend-strip{background:#fff;border-bottom:1px solid var(--sun-border)}.trend-strip .container{display:flex;gap:8px;align-items:center;padding-top:12px;padding-bottom:12px;overflow-x:auto}.trend-title{font-weight:900;color:var(--sun-red);white-space:nowrap}.tag{background:#f1f1f1;border:1px solid #ddd;border-radius:999px;padding:7px 11px;font-size:13px;font-weight:700;white-space:nowrap}.tag:hover{background:var(--sun-yellow)}.hero{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin:22px auto}.lead-card,.story-card,.side-card,.section-card{background:var(--sun-card);border-radius:16px;overflow:hidden;box-shadow:0 6px 20px rgba(0,0,0,.06);border:1px solid var(--sun-border)}.lead-img,.story-img,.section-img{background:linear-gradient(135deg,#222,#555);min-height:290px;display:flex;align-items:end;padding:18px;color:#fff}.lead-card h1{font-size:36px;line-height:1.05;margin:0}.meta{color:var(--sun-muted);font-size:13px;font-weight:700}.lead-body{padding:16px}.quick-points{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.point{background:#fff8d6;border-left:4px solid var(--sun-yellow);padding:10px;border-radius:8px;font-size:13px;font-weight:700}.side-grid{display:grid;gap:14px}.side-card{padding:14px}.side-card h3{margin:5px 0 8px;font-size:18px;line-height:1.2}.layout{display:grid;grid-template-columns:2fr 330px;gap:22px}.section{margin:0 0 28px}.section-head{display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid var(--sun-dark);margin-bottom:14px}.section-head h2{margin:0;background:var(--sun-dark);color:#fff;padding:8px 12px;font-size:18px}.section-head a{font-size:13px;font-weight:800;color:var(--sun-red)}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.section-card h3{font-size:18px;line-height:1.25;margin:10px 12px}.section-card p{font-size:14px;color:#555;margin:0 12px 14px}.section-img{min-height:135px;padding:12px}.visual-label{background:var(--sun-yellow);color:#000;font-weight:900;font-size:12px;padding:4px 7px;border-radius:4px}.sidebar{display:grid;gap:16px;align-content:start}.widget{background:#fff;border:1px solid var(--sun-border);border-radius:16px;padding:16px;box-shadow:0 6px 20px rgba(0,0,0,.04)}.widget h3{margin:0 0 12px;border-bottom:2px solid var(--sun-red);padding-bottom:8px}.ranked{counter-reset:item;display:grid;gap:11px}.ranked a{display:grid;grid-template-columns:34px 1fr;gap:9px;font-weight:800;font-size:14px}.ranked a:before{counter-increment:item;content:counter(item);background:#000;color:#fff;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.audio-box{background:#111;color:#fff;border-radius:16px;padding:16px;margin-bottom:16px}.audio-box strong{color:var(--sun-yellow)}.ad{min-height:250px;background:repeating-linear-gradient(45deg,#eee,#eee 10px,#f8f8f8 10px,#f8f8f8 20px);border:1px dashed #aaa;display:flex;align-items:center;justify-content:center;color:#777;font-weight:900;border-radius:16px}.site-footer{background:#050505;color:#fff;margin-top:32px;padding:30px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}.footer-grid h3,.footer-grid h4{margin-top:0}.footer-grid a{display:block;color:#ddd;margin:6px 0}.post-template{background:#fff;border-radius:16px;padding:24px;border:1px solid var(--sun-border);box-shadow:0 6px 20px rgba(0,0,0,.04)}.post-template h1{font-size:42px;line-height:1.05}.why-box{background:#fff8d6;border-left:6px solid var(--sun-yellow);padding:16px;border-radius:12px;margin:18px 0}.chart-placeholder{border:2px dashed #bbb;border-radius:16px;padding:30px;text-align:center;color:#666;font-weight:800;background:#fafafa;margin:18px 0}
@media(max-width:900px){.nav{display:none}.hero,.layout{grid-template-columns:1fr}.card-grid{grid-template-columns:1fr 1fr}.quick-points{grid-template-columns:1fr}.lead-card h1{font-size:28px}.footer-grid{grid-template-columns:1fr}}
@media(max-width:560px){.brand-title{font-size:22px}.card-grid{grid-template-columns:1fr}.topbar .container{display:block}.lead-img{min-height:230px}.post-template h1{font-size:30px}}