/*
Theme Name: Nusantara Flash V3
Theme URI: https://a1faktual.it.com/
Author: Nusantara Flash
Description: Tema portal berita WordPress responsif dengan header sticky, slider berita, fokus berita dan sidebar.
Version: 3.0
License: GPL-2.0-or-later
Text Domain: nusantara-flash
*/

:root{
    --red:#f50046;
    --blue:#3159d8;
    --dark:#202533;
    --muted:#6f7a8a;
    --bg:#f7f8fb;
    --card:#fff;
    --max:1200px;
}

*{box-sizing:border-box}
html{margin:0;padding:0;scroll-behavior:smooth}
body{
    margin:0;
    background:var(--bg);
    color:var(--dark);
    font-family:"Trebuchet MS",Arial,sans-serif;
    overflow-x:hidden;
}
img{max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
a:hover{color:var(--red)}

.site-wrap{width:100%;overflow:visible}
.container{width:min(var(--max),calc(100% - 32px));margin:auto}

/* Sponsor */
.top-ad{
    min-height:230px;
    padding:55px 20px 45px;
    color:#fff;
    text-align:center;
    display:flex;
    align-items:center;
    justify-content:center;
    background:
      linear-gradient(90deg,rgba(8,12,25,.86),rgba(8,12,25,.55),rgba(8,12,25,.86)),
      url("https://images.unsplash.com/photo-1557804506-669a67965ba0?auto=format&fit=crop&w=1600&q=80") center/cover fixed;
}
.top-ad-inner{max-width:850px}
.ad-label{
    display:inline-block;background:#ffb700;color:#111;padding:7px 12px;
    border-radius:999px;font-size:11px;font-weight:900;text-transform:uppercase;
}
.top-ad h2{font-size:clamp(24px,4vw,42px);margin:12px 0 8px;line-height:1.1}
.top-ad p{font-size:15px;margin:0 0 18px;color:#e9edf5}
.ad-button{
    display:inline-block;background:#ffb700;color:#111!important;font-weight:800;
    padding:12px 22px;border-radius:10px;
}

/* Header - fixed/sticky robust */
.site-header{
    position:sticky !important;
    top:0 !important;
    z-index:99999 !important;
    width:100%;
    background:#fff;
    border-bottom:1px solid #e7e9ee;
    box-shadow:0 3px 18px rgba(0,0,0,.07);
    transform:translateZ(0);
    -webkit-transform:translateZ(0);
}
.admin-bar .site-header{top:32px !important}
.header-inner{
    min-height:88px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}
.brand{display:flex;align-items:center;gap:13px;min-width:0}
.brand-icon{
    width:52px;height:52px;flex:0 0 52px;border-radius:15px;
    background:linear-gradient(135deg,#ff1744,#ff8a00);
    color:#fff;display:grid;place-items:center;
    box-shadow:0 8px 18px rgba(245,0,70,.25);
}
.brand-icon svg{width:29px;height:29px}
.brand-name{
    font-size:31px;font-weight:900;letter-spacing:-1.7px;
    color:#3159d8;line-height:.95;white-space:nowrap;
}
.brand-name span{color:var(--red)}
.brand-tag{
    display:block;margin-top:7px;color:#a4acba;font-size:10px;
    font-weight:700;letter-spacing:2.2px;text-transform:uppercase;
}
.main-nav{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:800}
.main-nav a{color:#303744}
.main-nav a:hover,.main-nav .current-menu-item>a{color:var(--red)}
.menu-toggle{display:none;border:0;background:none;font-size:0;padding:8px;cursor:pointer}
.menu-toggle span{display:block;width:34px;height:4px;background:#35404f;margin:5px 0;border-radius:3px}
.mobile-nav{display:none;background:#fff;border-top:1px solid #eee}
.mobile-nav.open{display:block}
.mobile-nav a{display:block;padding:14px 18px;border-bottom:1px solid #f0f1f4;font-weight:700}

/* Main slider */
.hero{padding:30px 0 10px}
.hero-slider{
    position:relative;overflow:hidden;border-radius:25px;background:#111;
    height:500px;box-shadow:0 15px 35px rgba(20,30,50,.12)
}
.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .6s ease}
.hero-slide.active{opacity:1}
.hero-slide img{width:100%;height:100%;object-fit:cover}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,8,20,.94),rgba(5,8,20,.2) 70%,rgba(5,8,20,.05))}
.hero-content{position:absolute;left:38px;right:70px;bottom:40px;color:#fff;max-width:850px}
.category-pill{
    display:inline-block;background:var(--red);color:#fff!important;
    padding:9px 16px;border-radius:999px;font-size:13px;font-weight:900;
    text-transform:uppercase;letter-spacing:.7px
}
.hero-title{font-size:clamp(28px,4vw,50px);line-height:1.08;margin:14px 0 12px;color:#fff}
.hero-excerpt{font-size:17px;line-height:1.6;color:#edf0f5;margin:0}
.slider-btn{
    position:absolute;top:50%;transform:translateY(-50%);
    width:48px;height:48px;border:0;border-radius:50%;
    background:rgba(0,0,0,.45);color:#fff;font-size:30px;cursor:pointer;z-index:3
}
.slider-prev{left:18px}.slider-next{right:18px}
.slider-dots{position:absolute;right:25px;bottom:22px;display:flex;gap:8px;z-index:4}
.slider-dot{width:11px;height:11px;border-radius:50%;background:#aab0bb;border:0;padding:0;cursor:pointer}
.slider-dot.active{background:#fff}

/* Content */
.content-area{padding:45px 0 65px}
.section-title{
    font-size:31px;line-height:1.2;margin:0 0 25px;
    padding:8px 0 8px 18px;border-left:7px solid var(--red)
}
.content-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:35px}
.news-list{display:grid;gap:22px}
.news-card{
    background:#fff;border:1px solid #edf0f4;border-radius:18px;overflow:hidden;
    box-shadow:0 5px 18px rgba(20,30,50,.05)
}
.news-card-inner{display:flex}
.news-thumb{width:240px;min-width:240px;height:190px;object-fit:cover}
.news-body{padding:22px}
.news-meta{font-size:12px;font-weight:800;color:var(--red);text-transform:uppercase}
.news-title{font-size:23px;line-height:1.2;margin:7px 0 9px}
.news-excerpt{font-size:14px;line-height:1.65;color:#657082;margin:0}
.news-date{font-size:12px;color:#a0a8b4;margin-top:14px}

.sidebar{display:grid;gap:22px;align-content:start}
.widget-box{
    background:#fff;border:1px solid #edf0f4;border-radius:18px;padding:22px;
    box-shadow:0 5px 18px rgba(20,30,50,.05)
}
.widget-title{font-size:21px;margin:0 0 17px;border-bottom:1px solid #edf0f4;padding-bottom:12px}
.popular-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #f0f2f5}
.popular-item:last-child{border-bottom:0}
.popular-number{font-size:26px;font-weight:900;color:#d8dce3}
.popular-item h4{margin:0;font-size:14px;line-height:1.45}

.standard-ad{
    border-radius:18px;padding:25px;background:linear-gradient(120deg,#101b46,#263e91);color:#fff
}
.standard-ad h3{margin:10px 0 7px;font-size:20px}
.standard-ad p{font-size:13px;color:#dce3ff}
.standard-ad a{display:inline-block;background:#fff;color:#15204a!important;padding:9px 15px;border-radius:9px;font-weight:800;font-size:12px}

.mid-ad{
    margin:15px 0 35px;min-height:250px;padding:45px 20px;text-align:center;color:#fff;
    background:
      linear-gradient(90deg,rgba(5,35,28,.9),rgba(5,20,20,.62),rgba(5,35,28,.9)),
      url("https://images.unsplash.com/photo-1507679799987-c73779587ccf?auto=format&fit=crop&w=1600&q=80") center/cover fixed;
}
.mid-ad h2{font-size:clamp(24px,4vw,40px);margin:12px auto 9px;max-width:850px}
.mid-ad p{max-width:750px;margin:0 auto 18px;color:#e3eee9}

.archive-title{font-size:32px;margin:0 0 25px}
.single-header{margin:35px 0 25px}
.single-title{font-size:clamp(32px,5vw,54px);line-height:1.08;margin:10px 0}
.single-meta{color:#7b8595;font-size:13px}
.entry-content{font-size:18px;line-height:1.8;color:#343c4b}
.entry-content img{border-radius:14px}
.entry-content a{color:var(--blue);text-decoration:underline}

.search-form{display:flex;gap:8px;margin:20px 0}
.search-form input{flex:1;padding:12px;border:1px solid #cfd5df;border-radius:8px}
.search-form button{padding:12px 18px;border:0;border-radius:8px;background:var(--red);color:#fff;font-weight:800}

/* Footer */
.site-footer{background:#101522;color:#9da7b7;padding:45px 0 25px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}
.footer-brand{font-size:25px;color:#fff;font-weight:900}
.footer-brand span{color:var(--red)}
.site-footer h3{color:#fff;font-size:16px}
.site-footer p,.site-footer li{font-size:13px;line-height:1.7}
.site-footer ul{list-style:none;padding:0;margin:0}
.copyright{border-top:1px solid #202838;margin-top:30px;padding-top:18px;text-align:center;font-size:11px}

/* WP widgets */
.widget ul{padding-left:20px}
.widget li{margin:9px 0}
.widget a{color:var(--blue)}
.widget a:hover{color:var(--red)}
.wp-block-search__input{min-width:0}

/* Mobile */
@media(max-width:900px){
    .main-nav{display:none}
    .menu-toggle{display:block}
    .container{width:min(100% - 28px,var(--max))}
    .hero-slider{height:520px;border-radius:0;margin-left:-14px;margin-right:-14px}
    .hero-content{left:28px;right:28px;bottom:48px}
    .hero-title{font-size:31px}
    .hero-excerpt{font-size:15px}
    .content-grid{grid-template-columns:1fr}
    .footer-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
    .admin-bar .site-header{top:46px !important}
    .top-ad{
        min-height:210px;padding:35px 15px 30px;
        background-attachment:scroll;
    }
    .top-ad h2{font-size:25px}
    .top-ad p{font-size:13px}
    .header-inner{min-height:82px}
    .brand-icon{width:48px;height:48px;flex-basis:48px}
    .brand-name{font-size:25px;letter-spacing:-1.4px}
    .brand-tag{font-size:8px;letter-spacing:1.5px}
    .hero{padding:0}
    .hero-slider{height:490px}
    .hero-content{left:24px;right:24px;bottom:45px}
    .hero-title{font-size:29px}
    .hero-excerpt{font-size:14px;line-height:1.5}
    .slider-btn{width:42px;height:42px;font-size:25px}
    .slider-prev{left:10px}.slider-next{right:10px}
    .section-title{font-size:28px;margin-top:25px}
    .news-card-inner{display:block}
    .news-thumb{width:100%;height:210px}
    .news-title{font-size:21px}
    .mid-ad{background-attachment:scroll}
}

/* Prevent common plugin/theme overflow from breaking sticky behavior */
#page,.site,.site-wrap,main{overflow:visible !important}