/*
Theme Name: Postingan.id
Author: postingan.id
Description: Tema portal berita modern untuk postingan.id.
Version: 5.0
Text Domain: postinganid
*/
:root{--blue:#004b93;--dark:#0b2545;--green:#00a651;--bg:#f4f6f9;--text:#1e293b;--muted:#64748b;--border:#e2e8f0}
*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}a{color:var(--blue)}img{max-width:100%;height:auto}
.top-bar{background:var(--dark);color:#fff;padding:7px 5%;display:flex;justify-content:space-between;font-size:13px}
.main-header{background:#fff;padding:14px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid var(--green)}
.site-branding img,.custom-logo{display:block;width:auto!important;height:auto!important;max-width:250px!important;max-height:68px!important;object-fit:contain}
.header-search input{padding:9px 14px;border:1px solid #ccc;border-radius:22px;width:230px}
.nav-container{background:var(--blue);position:sticky;top:0;z-index:999}
.category-menu{max-width:1280px;margin:0 auto;padding:0 15px;list-style:none;display:flex;align-items:stretch;white-space:nowrap;overflow:visible}
.category-menu>li{position:relative}.category-menu a{display:block;padding:12px 14px;color:#fff;text-decoration:none;font-weight:600;font-size:14px}.category-menu a:hover{background:rgba(255,255,255,.12)}
.more-menu .dropdown{display:none;position:absolute;right:0;top:100%;min-width:240px;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.15);list-style:none;padding:6px 0;margin:0;z-index:1000}
.more-menu:hover .dropdown,.more-menu:focus-within .dropdown{display:block}.more-menu .dropdown a{color:var(--text);padding:9px 15px}.more-menu .dropdown a:hover{background:#f1f5f9;color:var(--blue)}
.wrapper{max-width:1280px;margin:20px auto;padding:0 15px;display:grid;grid-template-columns:2fr 1fr;gap:25px}.headline-section{display:grid;grid-template-columns:2fr 1fr;gap:15px;margin-bottom:25px}.main-headline{height:380px;position:relative;overflow:hidden;border-radius:8px;background:#ddd}.main-headline img{width:100%;height:100%;object-fit:cover}.caption{position:absolute;bottom:0;left:0;right:0;padding:20px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.9))}.caption h2{margin:6px 0 0}.badge-cat{display:inline-block;background:var(--green);color:#fff;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:700}
.sub-headlines{display:flex;flex-direction:column;gap:12px}.sub-card{display:flex;gap:10px;background:#fff;padding:10px;border:1px solid var(--border);border-radius:6px}.sub-card img{width:90px;height:70px;object-fit:cover}
.news-feed,.article-box,.sidebar-box,.about-section{background:#fff;padding:20px;border:1px solid var(--border);border-radius:8px;margin-bottom:20px}.section-title{font-size:18px;color:var(--blue);border-left:4px solid var(--green);padding-left:10px;margin:0 0 20px}.news-item{display:flex;gap:15px;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid var(--border)}.news-item img{width:140px;height:95px;object-fit:cover;border-radius:6px}.news-detail h3{margin:4px 0}.news-detail h3 a{text-decoration:none;color:var(--text)}.news-meta,.article-meta{font-size:12px;color:var(--muted)}
.article-title{font-size:36px;line-height:1.2;margin:10px 0}.article-content{font-size:17px;line-height:1.8}.article-content p{margin-bottom:18px}.article-content img{display:block;margin:15px auto}
.trending-list{list-style:none;padding:0;counter-reset:n}.trending-list li{counter-increment:n;display:flex;gap:10px;margin-bottom:15px}.trending-list li:before{content:counter(n);font-weight:800;color:var(--green);font-size:20px}.trending-list a{text-decoration:none;color:var(--text)}
.about-section h2{color:var(--blue);margin-top:24px}.about-section li{margin-bottom:14px}.social-tiktok{display:inline-block;background:#111;color:#fff!important;text-decoration:none;padding:9px 15px;border-radius:6px;font-weight:700}
.site-footer{background:var(--dark);color:#fff;border-top:4px solid var(--green);padding:30px 5%;margin-top:40px}.footer-grid{max-width:1280px;margin:auto;display:grid;grid-template-columns:2fr 1fr;gap:30px}
@media(max-width:900px){.category-menu{overflow-x:auto}.wrapper{grid-template-columns:1fr}.headline-section{grid-template-columns:1fr}}
@media(max-width:768px){.main-header{padding:12px 15px}.site-branding img,.custom-logo{max-width:190px!important;max-height:55px!important}.header-search input{width:160px}.main-headline{height:260px}.article-title{font-size:28px}.news-item img{width:100px;height:75px}.more-menu .dropdown{position:fixed;right:8px;top:auto;max-height:70vh;overflow:auto}}
@media(max-width:480px){.header-search{display:none}.site-branding img,.custom-logo{max-width:175px!important;max-height:48px!important}.category-menu{padding:0 8px}}