/*
Theme Name: JurnalPos News
Theme URI: https://jurnalpos.id/
Author: OpenAI
Description: Tema portal berita responsif dengan tata letak cepat, headline utama, ticker berita, sidebar, dan tipografi editorial. Terinspirasi pola umum portal berita modern, bukan salinan aset atau desain eksklusif situs lain.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: jurnalpos-news
*/
:root{--jp-red:#c90024;--jp-dark:#161616;--jp-text:#252525;--jp-muted:#737373;--jp-border:#e6e6e6;--jp-bg:#f5f5f5;--jp-width:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--jp-text);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{color:var(--jp-red)}img{max-width:100%;height:auto;display:block}.site-wrap{max-width:var(--jp-width);padding:0 18px;margin:auto}.topbar{background:#181818;color:#eee;font-size:12px}.topbar-inner{display:flex;justify-content:space-between;gap:15px;padding:7px 0}.masthead{padding:19px 0;border-bottom:1px solid var(--jp-border)}.masthead-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:34px;font-weight:900;letter-spacing:-1.5px;line-height:1;color:var(--jp-red)}.brand span{color:#171717}.site-description{font-size:12px;color:var(--jp-muted);margin-top:5px}.header-ad{border:1px dashed #ccc;color:#888;text-align:center;font-size:11px;padding:12px 30px;min-width:250px}.main-nav{background:var(--jp-red);color:white}.nav-inner{display:flex;align-items:center;gap:20px;min-height:46px}.main-nav a{display:inline-block;color:white;font-size:13px;font-weight:800;text-transform:uppercase;padding:14px 0}.main-nav a:hover{color:#ffe4e8}.menu{display:flex;gap:20px;list-style:none;margin:0;padding:0;flex-wrap:wrap}.menu li{margin:0}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:14px;padding:12px 0}.ticker{display:flex;align-items:stretch;border-bottom:1px solid var(--jp-border);margin:15px 0 22px;overflow:hidden}.ticker-label{background:#191919;color:#fff;font-size:11px;font-weight:800;padding:8px 12px;white-space:nowrap}.ticker-items{display:flex;gap:24px;align-items:center;white-space:nowrap;overflow:hidden;padding:7px 13px;font-size:12px}.ticker-items a:before{content:"•";color:var(--jp-red);margin-right:8px}.section-label{font-size:13px;font-weight:900;text-transform:uppercase;border-bottom:2px solid var(--jp-red);padding-bottom:8px;margin:0 0 15px}.section-label span{background:var(--jp-red);color:white;padding:7px 10px}.content-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(270px,1fr);gap:30px}.hero-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:18px;margin-bottom:28px}.hero-main,.hero-small{position:relative;overflow:hidden;background:#222;color:#fff}.hero-main{min-height:390px}.hero-main img,.hero-small img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .3s}.hero-main:hover img,.hero-small:hover img{transform:scale(1.035)}.hero-main:after,.hero-small:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.88),rgba(0,0,0,0) 75%)}.hero-copy{position:absolute;z-index:1;left:22px;right:22px;bottom:20px;color:white}.hero-main h1{font-size:29px;line-height:1.2;margin:10px 0}.hero-stack{display:grid;grid-template-rows:1fr 1fr;gap:18px}.hero-small{min-height:186px}.hero-small .hero-copy{left:16px;right:16px;bottom:13px}.hero-small h2{font-size:19px;line-height:1.25;margin:7px 0}.category-tag{display:inline-block;background:var(--jp-red);color:#fff!important;font-size:10px;line-height:1.5;text-transform:uppercase;font-weight:800;padding:4px 7px}.meta{font-size:11px;color:var(--jp-muted)}.hero-copy .meta{color:#ddd}.post-list{display:grid;gap:20px}.post-card{display:grid;grid-template-columns:190px minmax(0,1fr);gap:17px;padding-bottom:20px;border-bottom:1px solid var(--jp-border)}.post-thumb{aspect-ratio:16/10;background:#eee;overflow:hidden}.post-thumb img{width:100%;height:100%;object-fit:cover}.post-card h2{font-size:20px;line-height:1.3;margin:5px 0 8px}.post-card p{font-size:13px;color:#666;line-height:1.55;margin:0 0 8px}.sidebar-widget{margin-bottom:28px}.sidebar-title{font-size:14px;text-transform:uppercase;font-weight:900;border-bottom:2px solid var(--jp-red);padding-bottom:9px;margin:0 0 14px}.popular-list{counter-reset:pop;list-style:none;margin:0;padding:0}.popular-list li{counter-increment:pop;display:grid;grid-template-columns:32px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid var(--jp-border);font-size:14px;font-weight:700;line-height:1.4}.popular-list li:before{content:counter(pop,decimal-leading-zero);font-size:20px;color:var(--jp-red);font-weight:900}.ad-box{min-height:250px;background:#fafafa;border:1px dashed #ccc;color:#999;display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;padding:20px}.site-footer{margin-top:45px;background:#171717;color:#eee;padding:35px 0 18px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer-title{font-size:22px;font-weight:900;color:#fff}.site-footer p,.site-footer a{font-size:13px;color:#ccc}.copyright{border-top:1px solid #393939;margin-top:25px;padding-top:15px;font-size:11px;color:#aaa}.archive-header{border-bottom:1px solid var(--jp-border);margin-bottom:22px;padding-bottom:12px}.archive-header h1{font-size:28px;line-height:1.2;margin:0}.single-layout{max-width:850px;margin:0 auto}.breadcrumbs{font-size:11px;color:var(--jp-muted);margin-bottom:12px}.single-title{font-size:38px;line-height:1.17;letter-spacing:-.7px;margin:10px 0 12px}.single-deck{font-size:18px;color:#555;line-height:1.5}.byline{font-size:12px;color:var(--jp-muted);padding:13px 0;border-top:1px solid var(--jp-border);border-bottom:1px solid var(--jp-border);margin:16px 0}.featured-image{margin:20px 0}.featured-image img{width:100%}.entry-content{font-size:18px;line-height:1.85}.entry-content p{margin:0 0 1.25em}.entry-content h2,.entry-content h3{line-height:1.3;margin-top:1.5em}.entry-content blockquote{border-left:4px solid var(--jp-red);margin:1.5em 0;padding:8px 20px;color:#555;background:#fafafa}.entry-content ul,.entry-content ol{padding-left:25px}.pagination,.nav-links{display:flex;gap:8px;margin:25px 0;flex-wrap:wrap}.page-numbers{border:1px solid var(--jp-border);padding:7px 12px;font-size:13px}.page-numbers.current{background:var(--jp-red);border-color:var(--jp-red);color:#fff}.search-form{display:flex;gap:6px}.search-form input{width:100%;min-width:0;border:1px solid #ddd;padding:10px}.search-form button{border:0;background:var(--jp-red);color:#fff;padding:0 13px;cursor:pointer}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);height:1px;width:1px;overflow:hidden}.no-image{background:#eee;display:flex;align-items:center;justify-content:center;color:#aaa;min-height:120px;font-size:12px}
@media(max-width:800px){.site-wrap{padding:0 13px}.masthead{padding:14px 0}.brand{font-size:29px}.header-ad{display:none}.menu-toggle{display:block}.menu{display:none;flex-direction:column;gap:0;padding:0 0 10px}.menu.is-open{display:flex}.menu li{border-top:1px solid rgba(255,255,255,.2)}.menu a{padding:10px 0}.nav-inner{display:block}.content-grid{grid-template-columns:1fr;gap:28px}.hero-grid{grid-template-columns:1fr}.hero-main{min-height:340px}.hero-stack{grid-template-columns:1fr 1fr;grid-template-rows:none}.hero-small{min-height:155px}.hero-main h1{font-size:25px}.hero-small h2{font-size:16px}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:20px}.single-title{font-size:31px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:480px){.topbar-inner{font-size:10px}.hero-main{min-height:300px}.hero-main h1{font-size:23px}.hero-stack{grid-template-columns:1fr}.hero-small{min-height:180px}.post-card{grid-template-columns:115px minmax(0,1fr);gap:12px}.post-card h2{font-size:16px;margin-top:0}.post-card p{display:none}.post-card .category-tag{font-size:9px}.sidebar{grid-template-columns:1fr}.single-title{font-size:28px}.entry-content{font-size:17px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.ticker-items{gap:18px}}