/*
Theme Name: MEDIA KMP BBS
Theme URI: https://kmpbalibangkit.com/media/
Author: KMP Bali Bangkit Sejahtera
Description: Tema berita ringan resmi MEDIA KMP BBS.
Version: 1.1.0
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: media-kmp-bbs
*/
:root{--forest:#073d2d;--deep:#041f17;--leaf:#2d7e45;--gold:#e1b64c;--cream:#f6f1e5;--ink:#17362a;--muted:#66746d;--line:#dfe7df;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fbfcf8;color:var(--ink);font:16px/1.65 Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.wrap{width:min(1180px,calc(100% - 36px));margin:auto}.site-header{background:var(--deep);color:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid #ffffff1a}.header-in{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:var(--deep);font-size:22px}.brand strong,.brand small{display:block}.brand strong{letter-spacing:.1em}.brand small{font-size:10px;opacity:.7}.nav{display:flex;align-items:center;gap:22px;font-size:13px}.nav a:hover{color:var(--gold)}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:25px}.hero{padding:70px 0;background:linear-gradient(125deg,var(--deep),var(--forest));color:#fff}.hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:20px}.hero-card,.side-card{position:relative;overflow:hidden;border-radius:22px;min-height:470px;background:#174b38}.hero-card img,.side-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-card:after,.side-card:after,.post-card .thumb:after{content:"";position:absolute;inset:20% 0 0;background:linear-gradient(transparent,#021b14eb)}.hero-copy{position:absolute;z-index:2;left:35px;right:35px;bottom:32px}.cat{display:inline-block;background:var(--gold);color:var(--deep);border-radius:99px;padding:5px 10px;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.hero h1{font:clamp(34px,5vw,58px)/1.07 Georgia,serif;margin:14px 0}.meta{font-size:12px;opacity:.7}.side-stack{display:grid;gap:20px}.side-card{min-height:225px}.side-card .hero-copy{left:22px;right:22px;bottom:18px}.side-card h2{font:24px/1.15 Georgia,serif;margin:8px 0}.section{padding:80px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.section-head h2,.archive-title{font:clamp(34px,5vw,52px)/1.08 Georgia,serif;margin:0}.section-head p{max-width:480px;color:var(--muted)}.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.post-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:.25s}.post-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #17362a14}.thumb{height:220px;position:relative;background:#e8eee8;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover;transition:.35s}.post-card:hover img{transform:scale(1.03)}.post-body{padding:22px}.post-body h2{font:25px/1.18 Georgia,serif;margin:12px 0}.post-body p{color:var(--muted);font-size:14px}.read-more{color:var(--leaf);font-weight:800;font-size:13px}.categories{background:var(--cream);border-block:1px solid #e5dbc4}.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cat-card{background:#fff;border:1px solid #e5dbc4;border-radius:15px;padding:20px;font-weight:800}.cat-card span{display:block;color:var(--leaf);font-size:11px;margin-top:6px}.content-wrap{padding:70px 0}.content-grid{display:grid;grid-template-columns:minmax(0,760px) 300px;gap:60px}.article-head h1{font:clamp(40px,6vw,66px)/1.06 Georgia,serif;margin:12px 0 18px}.featured{border-radius:22px;margin:28px 0;display:block;width:100%}.entry{font:18px/1.85 Georgia,serif}.entry h2,.entry h3{color:var(--forest)}.entry a{color:var(--leaf);text-decoration:underline}.share{display:flex;gap:8px;margin:30px 0}.share a,.share button{border:1px solid var(--line);background:#fff;border-radius:99px;padding:9px 14px;cursor:pointer}.sidebar section{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;margin-bottom:18px}.sidebar h3{font:22px Georgia,serif;margin-top:0}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar li{border-top:1px solid var(--line);padding:9px 0;font-size:13px}.pagination{display:flex;gap:8px;justify-content:center;margin-top:40px}.pagination .page-numbers{padding:8px 13px;border:1px solid var(--line);border-radius:8px}.pagination .current{background:var(--forest);color:#fff}.site-footer{background:var(--deep);color:#fff;padding:65px 0 0}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px}.site-footer h3{color:var(--gold);font-size:13px}.site-footer p,.site-footer a{font-size:13px;color:#ffffffa5;display:block;margin:7px 0}.copyright{border-top:1px solid #ffffff1a;margin-top:45px;padding:22px 0;display:flex;justify-content:space-between;font-size:11px;color:#ffffff70}.empty{text-align:center;padding:80px 20px}.search-form{display:flex}.search-form input{width:100%;border:1px solid var(--line);padding:11px}.search-form button{border:0;background:var(--gold);padding:0 15px}.wp-caption{max-width:100%}.alignwide{width:min(1050px,100%);margin-inline:auto}
@media(max-width:900px){.menu-toggle{display:block}.nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--deep);padding:20px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.hero-grid,.content-grid{grid-template-columns:1fr}.side-stack{grid-template-columns:1fr 1fr}.posts-grid{grid-template-columns:1fr 1fr}.cat-grid{grid-template-columns:1fr 1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:15px}.sidebar section{margin:0}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.hero{padding:35px 0}.hero-card{min-height:430px}.side-stack,.posts-grid,.cat-grid,.sidebar,.footer-grid{grid-template-columns:1fr}.side-card{min-height:260px}.hero-copy{left:22px;right:22px}.section{padding:60px 0}.section-head{align-items:start;flex-direction:column}.thumb{height:240px}.copyright{flex-direction:column;gap:8px}}