/*
Theme Name: SentraNews Editorial Kuning
Theme URI: https://sentranews.id/
Author: SentraNews
Description: Tema berita WordPress bergaya koran klasik Eropa dan portal modern. Desain orisinal untuk SentraNews.id.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: sentranews-editorial
*/
:root{--ink:#171717;--muted:#666;--paper:#fbf8f1;--line:#d7d0c4;--accent:#f4c400;--white:#fff;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,"Times New Roman",serif;line-height:1.6}
a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}img{max-width:100%;height:auto;display:block}
.site-wrap{max-width:var(--max);margin:auto;padding:0 22px}.topline{font:12px/1.4 Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--line);padding:9px 0;display:flex;justify-content:space-between;gap:12px}
.masthead{text-align:center;padding:18px 0 14px;border-bottom:3px double var(--ink)}.brand{font-size:clamp(38px,7vw,78px);font-weight:900;letter-spacing:-.055em;line-height:1.02}.tagline{font:11px Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-top:8px}
.primary-nav{border-bottom:1px solid var(--ink);display:flex;gap:22px;align-items:center;justify-content:center;flex-wrap:wrap;padding:11px 0;font:700 12px Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em}
.primary-nav a{padding:3px 0}.primary-nav a:hover{color:var(--accent)}.breaking{margin:18px 0 22px;background:var(--accent);color:var(--ink);padding:8px 12px;font:700 12px Arial,sans-serif;display:flex;gap:12px;align-items:center}.breaking strong{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.section-kicker{font:700 11px Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 7px}
.home-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,.8fr);gap:28px;border-bottom:1px solid var(--ink);padding-bottom:26px}
.lead-story{border-right:1px solid var(--line);padding-right:26px}.lead-story h1{font-size:clamp(34px,5vw,60px);line-height:1.03;letter-spacing:-.035em;margin:0 0 12px}.lead-story .excerpt{font-size:18px;color:#444;line-height:1.5}.byline{font:12px Arial,sans-serif;color:var(--muted);margin:12px 0}.story-image{margin:16px 0}.story-image img{width:100%;max-height:460px;object-fit:cover}.image-caption{font:11px Arial,sans-serif;color:var(--muted);margin-top:5px}
.side-stories{display:flex;flex-direction:column;gap:18px}.side-story{border-bottom:1px solid var(--line);padding-bottom:16px}.side-story h2{font-size:25px;line-height:1.12;margin:0 0 7px}.side-story p{margin:0;color:#555;font-size:15px}
.section-heading{display:flex;align-items:baseline;justify-content:space-between;border-top:3px double var(--ink);padding-top:10px;margin:28px 0 18px}.section-heading h2{font-size:26px;margin:0;line-height:1.2}.section-heading span{font:11px Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.news-card{border-right:1px solid var(--line);padding-right:20px;border-bottom:1px solid var(--line);padding-bottom:20px}.news-card:nth-child(3n){border-right:0;padding-right:0}.news-card h3{font-size:24px;line-height:1.15;margin:8px 0}.news-card p{font-size:15px;color:#555;margin:0}.news-card img{aspect-ratio:16/10;object-fit:cover;width:100%;margin-bottom:12px}.category-label{font:700 10px Arial,sans-serif;color:var(--accent);letter-spacing:.12em;text-transform:uppercase}
.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:34px;margin:28px 0 45px}.article-header{border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:22px}.article-header h1{font-size:clamp(36px,5vw,58px);line-height:1.05;letter-spacing:-.03em;margin:6px 0 14px}.article-subtitle{font-size:21px;color:#555;line-height:1.45}.article-body{font-size:19px;line-height:1.8;max-width:760px}.article-body p{margin:0 0 1.25em}.article-body h2,.article-body h3{line-height:1.2}.article-body blockquote{border-left:4px solid var(--accent);margin:24px 0;padding:5px 20px;font-size:23px}.article-body img{margin:22px 0}.sidebar-box{border-top:3px double var(--ink);padding-top:10px;margin-bottom:24px}.sidebar-box h3{font-size:21px;margin:0 0 12px}.sidebar-box ul{list-style:none;padding:0;margin:0}.sidebar-box li{padding:10px 0;border-bottom:1px solid var(--line);font-size:16px}
.archive-title{font-size:42px;line-height:1.1;border-bottom:3px double var(--ink);padding-bottom:18px;margin:24px 0}.pagination{margin:28px 0}.pagination .page-numbers{display:inline-block;padding:7px 12px;border:1px solid var(--line);margin:0 4px 4px 0;font:13px Arial,sans-serif}.pagination .current{background:var(--ink);color:#fff}
.site-footer{margin-top:40px;background:#1d1d1d;color:#f7f2e8;padding:32px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}.footer-brand{font-size:32px;font-weight:900;letter-spacing:-.04em}.site-footer p,.site-footer a{color:#ddd}.footer-heading{font:700 11px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#c8b7a0}.copyright{border-top:1px solid #555;margin-top:25px;padding-top:14px;font:11px Arial,sans-serif;color:#bbb}
.search-form{display:flex;gap:6px}.search-form input{min-width:0;width:100%;padding:9px;border:1px solid var(--line);background:#fff}.search-form button{border:0;background:var(--ink);color:#fff;padding:9px 12px}
@media(max-width:850px){.home-grid,.content-layout{grid-template-columns:1fr}.lead-story{border-right:0;border-bottom:1px solid var(--line);padding:0 0 22px}.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.news-card:nth-child(3n){border-right:1px solid var(--line);padding-right:20px}.news-card:nth-child(2n){border-right:0;padding-right:0}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.site-wrap{padding:0 14px}.topline{font-size:10px}.primary-nav{gap:13px;font-size:11px}.breaking{font-size:10px}.lead-story h1{font-size:38px}.side-story h2{font-size:22px}.news-grid{grid-template-columns:1fr}.news-card,.news-card:nth-child(3n),.news-card:nth-child(2n){border-right:0;padding-right:0}.footer-grid{grid-template-columns:1fr}.article-body{font-size:18px}}



/* Mobile-first refinements for SentraNews.id */
.sn-mobile-bottom-nav { display: none; }
@media (max-width: 767px) {
  body { padding-bottom: calc(66px + env(safe-area-inset-bottom, 0px)); }
  .sn-mobile-bottom-nav {
    position: fixed;
    z-index: 9999;
    left: 0; right: 0; bottom: 0;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0;
    padding: 7px 4px calc(7px + env(safe-area-inset-bottom, 0px));
    background: rgba(255,255,255,.97);
    border-top: 1px solid #dedbd2;
    box-shadow: 0 -4px 18px rgba(0,0,0,.07);
    backdrop-filter: blur(12px);
  }
  .sn-mobile-nav-item {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 2px 1px;
    color: #30343a;
    text-decoration: none;
    background: transparent;
    border: 0;
    font: 500 10px/1.15 system-ui, sans-serif;
    cursor: pointer;
  }
  .sn-mobile-nav-icon {
    display: block;
    font: 26px/1 Georgia, serif;
    color: currentColor;
  }
  .sn-mobile-nav-home { color: #d6a900; }
  .sn-mobile-nav-item:focus-visible { outline: 2px solid #d6a900; outline-offset: -2px; border-radius: 8px; }
  .sn-mobile-menu-toggle { appearance: none; }
  body.sn-mobile-menu-open .site-navigation,
  body.sn-mobile-menu-open .main-navigation,
  body.sn-mobile-menu-open .primary-menu,
  body.sn-mobile-menu-open nav[aria-label="Primary"] { display: block !important; }
  .site-header, header { max-width: 100%; }
  img { max-width: 100%; height: auto; }
}