/*
Theme Name: NewsPro MSM
Theme URI: https://example.com/newspro-msm
Author: Kompasia Dev
Author URI: https://kompasia.com
Description: Tema berita cepat dan SEO-friendly dengan layout ala portal besar. Terintegrasi dengan Elementor, WP Mega Menu, dan Ad Inserter. Ringan, mobile-first, dan siap monetisasi.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: newspro-msm
Tags: news, magazine, grid-layout, custom-menu, custom-logo, one-column, two-columns, right-sidebar, sticky-post, theme-options
*/

/* Reset & basics */
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; color: #111; background:#fff; line-height: 1.6; }
a { color: #1b5dda; text-decoration: none; }
a:hover { text-decoration: underline; }
img { max-width: 100%; height: auto; display: block; }

/* Container */
.container { width: min(1100px, 92%); margin: 0 auto; }

/* Header */
.site-header { border-bottom: 1px solid #e9edf3; background:#ffffff; position: sticky; top: 0; z-index: 999; }
.topbar { font-size: 12px; background:#0b5bd3; color:#fff; padding: 6px 0; }
.brand { display:flex; align-items:center; gap:14px; padding: 14px 0; }
.brand .site-title { font-size: 26px; font-weight: 800; margin: 0; }
.brand .site-description { color:#667; font-size: 13px; margin-top: 2px; }

/* Nav */
.main-nav { border-top:1px solid #eef2f7; border-bottom:1px solid #eef2f7; }
.main-nav ul { list-style:none; padding: 0; margin: 0; display:flex; gap: 16px; flex-wrap: wrap; }
.main-nav li { position: relative; }
.main-nav a { display:block; padding: 12px 6px; font-weight:600; color:#0f172a; }
.main-nav a:hover { color:#0b5bd3; }

/* Breaking news ticker */
.ticker { background: #d0021b; color: #fff; padding: 8px 0; font-weight: 600; }
.ticker .label { background: #8c0010; padding: 4px 8px; border-radius: 4px; margin-right: 10px; }
.ticker .items { display:inline-block; white-space: nowrap; overflow:hidden; max-width: 80%; vertical-align: middle; }
.ticker .items span { display:inline-block; padding-right: 30px; animation: slide 18s linear infinite; }
@keyframes slide { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } }

/* Layout */
.grid { display: grid; gap: 22px; }
.grid-2 { grid-template-columns: 2fr 1fr; }
.card { border:1px solid #eef2f7; border-radius: 14px; overflow:hidden; background:#fff; }
.card .meta { font-size: 12px; color:#64748b; margin-top: 6px; }
.card h2, .card h3 { margin: 8px 0; line-height: 1.3; }

/* Posts */
.post-list article { display:grid; grid-template-columns: 140px 1fr; gap:14px; padding: 16px; border-bottom:1px solid #eef2f7; }
.post-list .thumb { width: 140px; height: 90px; background:#f3f4f6; overflow:hidden; border-radius:8px; }
.post-list .entry-title { font-size: 18px; margin:0; }
.post-list .entry-excerpt { color:#475569; font-size:14px; margin-top: 6px; }
.post-list .entry-meta { font-size:12px; color:#64748b; margin-top: 6px; }

/* Sidebar */
.sidebar .widget { border:1px solid #eef2f7; border-radius:14px; padding:14px; margin-bottom:16px; }
.widget-title { font-size:14px; text-transform:uppercase; letter-spacing:.02em; margin:0 0 10px 0; color:#334155; }

/* Single */
.single .entry-header h1 { font-size: 32px; margin-top: 8px; }
.single .entry-meta { color:#64748b; font-size:13px; margin-top: 6px; }
.single .entry-content { font-size: 18px; color:#111827; }
.single .entry-content p { margin: 16px 0; }

/* Footer */
.site-footer { border-top:1px solid #e9edf3; background:#f8fafc; padding: 24px 0; color:#475569; font-size: 14px; }
.site-footer a { color:#334155; }

/* Utility */
.badge { background:#f1f5f9; color:#0b5bd3; display:inline-block; padding:2px 8px; border-radius:999px; font-size:12px; }
.btn { display:inline-block; padding:10px 14px; border-radius:10px; border:1px solid #e5e7eb; }
.btn:hover { border-color:#cbd5e1; }
*/