/*
Theme Name: Portal Astra Child
Theme URI: https://example.com/
Description: Child theme Astra untuk portal instansi bergaya portal pemerintah (topbar, header, footer 4 kolom, beranda siap Elementor). Bekerja bersama plugin Portal Core. Untuk memakai Neve, ubah baris "Template" menjadi neve.
Author: Tim Portal
Template: astra
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: portal-astra-child
*/

/* ===== Variabel desain: ubah di sini untuk mengganti seluruh warna ===== */
:root{
	--pic-primary:#0a7c3e;
	--pic-primary-dark:#06542a;
	--pic-accent:#f2b705;
	--pic-ink:#1b2a22;
	--pic-muted:#5b6b62;
	--pic-bg:#f3f7f4;
	--pic-line:#dde7e1;
	--pic-radius:10px;
	--pac-font:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
body{font-family:var(--pac-font);color:var(--pic-ink);background:#fff;-webkit-font-smoothing:antialiased}
a{color:var(--pic-primary)}
a:hover{color:var(--pic-primary-dark)}
h1,h2,h3,h4{color:var(--pic-primary-dark);line-height:1.25}
img{max-width:100%;height:auto}

/* ===== Topbar ===== */
.pac-topbar{background:var(--pic-primary-dark);color:#e8f2ec;font-size:.8rem}
.pac-topbar a{color:#e8f2ec;text-decoration:none}
.pac-topbar a:hover{color:var(--pic-accent)}
.pac-topbar__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 18px;padding-top:7px;padding-bottom:7px}
.pac-topbar__info{display:flex;flex-wrap:wrap;gap:4px 16px}
.pac-topbar ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 16px}

/* ===== Header (Astra) ===== */
.main-header-bar,.ast-primary-header-bar{border-bottom:3px solid var(--pic-primary)!important;background:#fff}
.main-header-menu>.menu-item>a,.ast-builder-menu .main-header-menu>.menu-item>a{font-weight:700;font-size:.84rem;text-transform:uppercase;letter-spacing:.3px;color:var(--pic-ink)}
.main-header-menu>.menu-item:hover>a,.main-header-menu>.current-menu-item>a,.main-header-menu>.current-menu-ancestor>a{color:var(--pic-primary)!important;box-shadow:inset 0 -3px 0 var(--pic-accent)}
.main-header-menu .sub-menu{border-top:3px solid var(--pic-accent);box-shadow:0 8px 24px rgba(0,0,0,.12)}
.main-header-menu .sub-menu a{font-size:.88rem}
.ast-header-search .ast-search-icon,.ast-search-icon{color:var(--pic-primary)}
.site-title a,.site-title{color:var(--pic-primary-dark);font-weight:800}

/* ===== Beranda ===== */
body.home .site-content>.ast-container,
body.home #content>.ast-container{max-width:100%;padding:0;display:block}
.pac-front{display:block}
.pac-front .pic-container{padding-left:16px;padding-right:16px}
.pic-home-top{display:grid;gap:22px;grid-template-columns:2fr 1fr;align-items:start}
.pic-home-top .pic-hero{aspect-ratio:16/10}
.pic-two{display:grid;gap:28px;grid-template-columns:2fr 1fr;align-items:start}
.pac-searchband{background:var(--pic-bg);padding:18px 0;border-bottom:1px solid var(--pic-line)}
.pac-searchband .pic-search{margin:0}
.pac-front .pic-section:nth-child(even){background:var(--pic-bg)}

/* ===== Footer kustom ===== */
body.pac-footer-on .site-footer,body.pac-footer-on #colophon{display:none}
.pac-footer{background:var(--pic-primary-dark);color:#d6e6dc;margin-top:0;font-size:.92rem}
.pac-footer a{color:#d6e6dc;text-decoration:none}
.pac-footer a:hover{color:var(--pic-accent)}
.pac-footer__grid{display:grid;gap:28px;grid-template-columns:1.4fr 1fr 1fr 1fr;padding-top:40px;padding-bottom:30px}
.pac-footer h3{margin:0 0 12px;color:#fff;font-size:1rem;position:relative;padding-bottom:8px}
.pac-footer h3:after{content:"";position:absolute;left:0;bottom:0;width:36px;height:3px;background:var(--pic-accent)}
.pac-footer p{margin:0 0 8px}
.pac-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.pac-social{display:flex;flex-wrap:wrap;gap:8px}
.pac-social a{padding:5px 12px;border:1px solid rgba(255,255,255,.35);border-radius:20px;font-size:.82rem}
.pac-footer__copy{border-top:1px solid rgba(255,255,255,.15);padding:14px 0;text-align:center;font-size:.82rem;color:#b9d0c2}

/* ===== Konten & arsip ===== */
.entry-title,.page-title{color:var(--pic-primary-dark)}
.ast-single-post .entry-content,.entry-content{line-height:1.75}
.widget-title{border-left:4px solid var(--pic-accent);padding-left:10px;color:var(--pic-primary-dark)}
.ast-button,.button,button[type=submit],input[type=submit]{border-radius:6px}

@media (max-width:900px){
	.pic-home-top,.pic-two{grid-template-columns:1fr}
	.pac-footer__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
	.pac-topbar__in{justify-content:center;text-align:center}
	.pac-footer__grid{grid-template-columns:1fr;padding-top:28px}
}