<?php /*
Theme Name: Suarakita News
Theme URI: https://example.com/suarakita-news
Author: Your Name
Author URI: https://example.com
Description: Lightweight news/magazine starter theme inspired by Detik.com style (responsive, fast).
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: suarakita-news
Tags: news, magazine, responsive, accessibility
*/ ?>


/* Basic theme styles */
:root{--accent:#038383;--muted:#f5f6f7;--dark:#111}
html,body{height:100%}
body{font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;color:var(--dark);line-height:1.5;background:#fff}
a{color:var(--accent);text-decoration:none}
.header{position:fixed;top:0;left:0;right:0;background:#fff;z-index:999;border-bottom:1px solid #eee}
.header .inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:18px;padding:10px}
.logo{font-weight:700;font-size:20px;color:var(--accent)}
.nav{display:flex;gap:12px}
.breaking{background:#ffefef;padding:8px 12px;overflow:hidden;white-space:nowrap}
.breaking .ticker{display:inline-block;animation:slide 20s linear infinite}
@keyframes slide{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}
.main{max-width:1200px;margin:90px auto 40px;display:grid;grid-template-columns:2fr 1fr;gap:24px;padding:0 12px}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hero .lead{height:320px;object-fit:cover;width:100%}
.card{border-bottom:1px solid #eee;padding:12px 0}
.sidebar .widget{background:var(--muted);padding:12px;border-radius:6px;margin-bottom:12px}
.post-meta{font-size:13px;color:#666}
.article img{max-width:100%;height:auto}
.footer{background:#111;color:#fff;padding:24px;text-align:center;margin-top:40px}


/* responsive */
@media(max-width:900px){.main{grid-template-columns:1fr}.header .nav{display:none}.hero .lead{height:200px}.main{margin-top:110px}}