/*
Theme Name: Media Sulsel Nusantara
Theme URI: https://sulselnusantara.online
Author: OpenAI
Description: Tema portal berita modern, responsif, dan mudah dikelola untuk Media Sulsel Nusantara.
Version: 1.2.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: media-sulsel-nusantara
*/
:root{--navy:#092653;--navy2:#123b75;--red:#df171b;--ink:#172033;--muted:#687386;--line:#e7eaf0;--paper:#fff;--soft:#f4f6fa;--radius:9px;--shadow:0 5px 20px rgba(12,31,61,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f3f5f8;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.55}a{color:inherit;text-decoration:none}a:hover{color:var(--red)}img{max-width:100%;height:auto;display:block}.container{width:min(1200px,calc(100% - 32px));margin:auto}
.topbar{background:var(--navy);color:#fff;font-size:12px}.topbar-inner{display:flex;justify-content:space-between;align-items:center;min-height:34px;gap:15px}.topbar a{color:#fff}.topbar-right{display:flex;gap:18px}
.brand-area{background:#fff url("assets/header-pattern.svg") center/cover no-repeat;border-bottom:1px solid #e5e9f0}.brand-inner{min-height:142px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0}.site-brand{display:flex;align-items:center;gap:16px;min-width:0}.site-logo{width:104px;height:88px;object-fit:contain;flex:0 0 auto}.brand-copy{min-width:0}.site-title{margin:0;font-weight:900;font-size:clamp(27px,4vw,48px);line-height:.98;letter-spacing:-1.7px;text-transform:uppercase;color:var(--navy)}.site-title .red{color:var(--red)}.site-tagline{margin:9px 0 0;color:#596273;font-weight:700;font-size:13px;letter-spacing:1.1px;text-transform:uppercase}.header-ad{width:300px;min-height:76px;border:1px dashed #cbd2df;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#929aaa;font-size:12px;text-align:center;padding:10px}
.main-nav{background:var(--navy);color:#fff;box-shadow:0 3px 10px #0b234533;position:relative;z-index:5}.nav-inner{display:flex;align-items:stretch;min-height:48px}.home-link{background:var(--red);padding:0 17px;display:flex;align-items:center;font-size:20px}.menu-toggle{display:none;background:var(--red);color:#fff;border:0;padding:0 16px;font-size:22px}.primary-menu{display:flex;align-items:stretch;list-style:none;margin:0;padding:0;flex:1}.primary-menu li{position:relative}.primary-menu a{display:flex;align-items:center;height:100%;padding:0 15px;color:#fff;font-size:13px;font-weight:800;text-transform:uppercase;white-space:nowrap}.primary-menu a:hover,.primary-menu .current-menu-item>a{background:#17447f;color:#fff}.primary-menu .sub-menu{display:none;position:absolute;top:100%;left:0;background:var(--navy);min-width:210px;padding:7px 0;list-style:none;box-shadow:var(--shadow)}.primary-menu li:hover>.sub-menu{display:block}.primary-menu .sub-menu a{padding:11px 15px}.nav-search{display:flex;align-items:center;padding:0 17px;font-size:20px;color:#fff}
.flash-wrap{padding:13px 0}.flash{display:flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden;box-shadow:var(--shadow);min-height:42px}.flash-label{background:var(--red);color:#fff;font-weight:900;text-transform:uppercase;padding:10px 17px;white-space:nowrap}.flash-text{padding:8px 14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.section-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--red);margin:0 0 14px}.section-heading h2{font-size:18px;color:#fff;background:var(--red);padding:8px 16px;margin:0;text-transform:uppercase;border-radius:5px 5px 0 0}.section-heading a{color:var(--red);font-size:13px;font-weight:700}
.home-layout{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(280px,.95fr);gap:20px}.hero-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(230px,.9fr);gap:14px;margin-bottom:26px}.hero-main{position:relative;min-height:385px;background:linear-gradient(135deg,#163d70,#0a1e3e);border-radius:var(--radius);overflow:hidden;color:#fff;box-shadow:var(--shadow)}.hero-main img{width:100%;height:385px;object-fit:cover}.hero-main:after{content:"";position:absolute;inset:25% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.88))}.hero-content{position:absolute;z-index:1;bottom:0;left:0;right:0;padding:22px}.cat-label{display:inline-block;background:var(--red);color:#fff;padding:4px 9px;border-radius:4px;font-size:11px;font-weight:900;text-transform:uppercase}.hero-content h2{font-size:clamp(22px,3vw,32px);line-height:1.12;margin:9px 0;color:#fff}.meta{font-size:12px;color:#8a93a3}.hero-content .meta{color:#e4e8ef}.hero-side{display:flex;flex-direction:column;gap:12px}.mini-story{display:grid;grid-template-columns:39% 1fr;gap:11px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;min-height:118px;box-shadow:var(--shadow)}.mini-story img{width:100%;height:100%;min-height:118px;object-fit:cover}.mini-story .mini-copy{padding:10px 10px 8px 0}.mini-story h3{font-size:14px;line-height:1.25;margin:5px 0 8px}
.content-main{min-width:0}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.news-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);min-width:0}.news-card img{width:100%;height:155px;object-fit:cover}.news-card .card-body{padding:12px}.news-card h3{font-size:16px;line-height:1.3;margin:7px 0 9px}.news-card .cat-label{font-size:10px}
.sidebar-box{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-bottom:18px;box-shadow:var(--shadow)}.sidebar-title{background:var(--red);color:#fff;margin:0;padding:11px 14px;font-size:17px;text-transform:uppercase}.popular-list{list-style:none;margin:0;padding:5px 14px}.popular-list li{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.popular-list li:last-child{border:0}.popular-number{background:#ffeded;color:var(--red);font-size:19px;font-weight:900;border-radius:5px;text-align:center;padding:4px}.popular-list a{font-size:13px;font-weight:800;line-height:1.3}.ad-box{min-height:180px;display:flex;align-items:center;justify-content:center;text-align:center;color:#9aa3b1;border:1px dashed #c7cfdb;background:#fff;border-radius:var(--radius);padding:15px}
.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.page-content,.single-content{background:#fff;border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.single-title{font-size:clamp(27px,4vw,40px);line-height:1.15;margin:8px 0 12px}.single-featured{width:100%;max-height:520px;object-fit:cover;border-radius:8px;margin:18px 0}.entry-content{font-size:17px;line-height:1.8}.entry-content p{margin:0 0 1.2em}.entry-content h2,.entry-content h3{line-height:1.25}.pagination{margin:24px 0}.pagination .page-numbers{display:inline-block;background:#fff;border:1px solid var(--line);padding:8px 12px;margin-right:5px;border-radius:4px}.pagination .current{background:var(--red);color:#fff}
.site-footer{background:var(--navy);color:#fff;margin-top:36px;padding:32px 0 16px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px}.footer-brand{font-size:24px;font-weight:900;text-transform:uppercase;line-height:1.05}.footer-brand span{color:#ff4145}.site-footer h3{font-size:15px;margin:0 0 12px}.site-footer p,.site-footer a{color:#dce5f4;font-size:13px}.footer-bottom{border-top:1px solid #ffffff30;margin-top:24px;padding-top:14px;text-align:center;color:#cbd6e7;font-size:12px}
.widget{padding:14px}.widget ul{padding-left:18px}.widget li{margin:8px 0}.screen-reader-text{position:absolute;left:-9999px}.no-image{height:100%;min-height:150px;background:linear-gradient(135deg,#123b75,#df171b);display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;font-weight:900;letter-spacing:2px}
@media(max-width:900px){.header-ad{display:none}.home-layout{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hero-main,.hero-main img{min-height:330px;height:330px}.primary-menu a{padding:0 10px;font-size:12px}.news-grid,.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.container{width:min(100% - 22px,1200px)}.topbar-inner{justify-content:center}.topbar-right{display:none}.brand-inner{min-height:105px;padding:12px 0}.site-logo{width:68px;height:65px}.site-brand{gap:9px}.site-title{font-size:clamp(22px,6vw,31px);letter-spacing:-.8px}.site-tagline{font-size:9px;letter-spacing:.5px;margin-top:6px}.nav-inner{min-height:45px}.menu-toggle{display:block}.primary-menu{display:none;position:absolute;top:45px;left:0;right:0;background:var(--navy);flex-direction:column;box-shadow:var(--shadow)}.primary-menu.is-open{display:flex}.primary-menu a{height:auto;padding:13px 17px;border-top:1px solid #ffffff18}.primary-menu .sub-menu{position:static;display:block;box-shadow:none;padding-left:15px}.nav-search{margin-left:auto}.flash-wrap{padding:9px 0}.flash-label{font-size:11px;padding:9px}.flash-text{font-size:12px}.hero-layout{grid-template-columns:1fr}.hero-main,.hero-main img{height:290px;min-height:290px}.hero-content{padding:15px}.hero-content h2{font-size:23px}.hero-side{display:grid;grid-template-columns:1fr 1fr}.mini-story{display:block}.mini-story img{height:105px;min-height:105px}.mini-story .mini-copy{padding:9px}.mini-story h3{font-size:12px}.news-grid,.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.news-card img{height:115px}.news-card .card-body{padding:9px}.news-card h3{font-size:13px}.sidebar{display:block}.page-content,.single-content{padding:16px}.footer-grid{grid-template-columns:1fr;gap:18px}}


/* =========================================================
   MEDIA SULSEL NUSANTARA v1.1 - SINGLE POST & MOBILE FIX
   ========================================================= */
.single-post .home-layout,
.single .home-layout { align-items:start; }
.single-content { min-width:0; width:100%; overflow-wrap:anywhere; }
.single-title { font-weight:800; overflow-wrap:anywhere; }
.entry-content {
  color:#222b3a;
  font-size:17px;
  line-height:1.75;
  overflow-wrap:anywhere;
  word-break:normal;
}
.entry-content p { margin:0 0 1em; }
.entry-content h2 { font-size:25px; margin:1.35em 0 .65em; }
.entry-content h3 { font-size:21px; margin:1.2em 0 .6em; }
.entry-content ul,.entry-content ol { padding-left:1.5em; margin:0 0 1.1em; }
.entry-content li { margin:.35em 0; }
.entry-content img,
.entry-content figure,
.entry-content video,
.entry-content iframe { max-width:100%; }
.entry-content img { height:auto; border-radius:6px; }
.entry-content figure { margin:1.2em 0; }
.entry-content blockquote { margin:1.2em 0; padding:12px 16px; border-left:4px solid var(--red); background:var(--soft); }
.entry-content table { display:block; max-width:100%; overflow-x:auto; border-collapse:collapse; }
.entry-content td,.entry-content th { padding:8px; border:1px solid var(--line); }
.entry-content iframe { width:100%; }
.single-featured { display:block; width:100%; height:auto; max-height:520px; object-fit:cover; }
.single-content .meta { margin-bottom:8px; }
@media(max-width:640px) {
  .single-content { padding:15px 14px; border-radius:7px; }
  .single-title { font-size:clamp(23px,6.2vw,29px); line-height:1.2; letter-spacing:-.35px; margin:8px 0 10px; }
  .single-featured { margin:14px 0; max-height:none; border-radius:6px; }
  .entry-content { font-size:16px; line-height:1.7; }
  .entry-content p { margin:0 0 .9em; }
  .entry-content h2 { font-size:21px; line-height:1.3; margin:1.2em 0 .55em; }
  .entry-content h3 { font-size:18px; line-height:1.3; margin:1.1em 0 .5em; }
  .entry-content ul,.entry-content ol { padding-left:1.35em; }
  .entry-content blockquote { padding:10px 12px; margin:1em 0; }
  .single-content .meta { font-size:11px; }
  .single-post .sidebar { margin-top:8px; }
  .primary-menu { max-height:calc(100vh - 130px); overflow-y:auto; }
  .primary-menu .sub-menu { display:block; }
}


/* v1.2.0 - reliable homepage queries and category navigation */
.msn-homepage { align-items:start; }
.hero-main { display:block; }
.hero-image-link { display:block; position:absolute; inset:0; }
.hero-main > img, .hero-main .hero-image-link > img { width:100%; height:100%; min-height:385px; object-fit:cover; }
.hero-placeholder { width:100%; height:100%; min-height:385px; font-size:clamp(24px,4vw,42px); text-align:center; padding:25px; }
.hero-main:after { pointer-events:none; }
.hero-content { pointer-events:none; }
.hero-content a { pointer-events:auto; }
.category-strip { margin:0 0 25px; }
.category-links { display:flex; flex-wrap:wrap; gap:9px; }
.category-links a { display:inline-flex; align-items:center; gap:9px; padding:9px 13px; background:#fff; border:1px solid var(--line); border-radius:5px; color:var(--navy); font-size:13px; font-weight:800; }
.category-links a:hover { border-color:var(--red); color:var(--red); }
.category-links span { display:inline-flex; align-items:center; justify-content:center; min-width:22px; height:22px; padding:0 5px; border-radius:20px; background:#fce9e9; color:var(--red); font-size:11px; }
.empty-news { padding:28px; background:#fff; border:1px solid var(--line); border-radius:var(--radius); margin-bottom:24px; }
.empty-news h2 { margin:0 0 8px; color:var(--navy); }
.empty-news p,.empty-news-note { color:var(--muted); }
@media(max-width:640px) {
 .hero-main, .hero-main img, .hero-main .hero-image-link > img, .hero-placeholder { height:290px; min-height:290px; }
 .category-links { gap:7px; }
 .category-links a { padding:8px 10px; font-size:12px; }
}