/*
Theme Name: ZCBilla Lite
Theme URI: https://example.com/
Author: ZCBilla Test Project
Description: Lightweight Indonesian travel magazine theme built for the ZCBilla MVP.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: zcbilla-lite
*/
:root{
  --green:#12a86b;--green2:#087d55;--navy:#06384e;--ink:#10202a;
  --muted:#687780;--soft:#f5f7f6;--white:#fff;--radius:16px;
  --shadow:0 8px 30px rgba(7,34,44,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.65}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
.container{width:min(1180px,calc(100% - 32px));margin:auto}
.site-header{background:var(--navy);color:#fff;position:relative;z-index:10}
.header-inner{min-height:70px;display:flex;align-items:center;gap:26px}
.wordmark{font-size:27px;font-weight:900;letter-spacing:-1px;white-space:nowrap}
.wordmark small{display:block;font-size:10px;letter-spacing:.2px;font-weight:500;color:#b9d9d7;margin-top:-5px}
.main-nav{display:flex;gap:20px;align-items:center;font-size:14px;font-weight:700;flex:1}
.main-nav a{opacity:.94}.main-nav a:hover{color:#6ce2ad}
.search-mini{display:flex;background:#0b2c3c;border:1px solid rgba(255,255,255,.16);border-radius:999px;overflow:hidden}
.search-mini input{width:210px;background:transparent;border:0;outline:0;color:#fff;padding:10px 14px;font-size:12px}
.search-mini button{border:0;background:var(--green);color:#fff;padding:0 15px;font-weight:800}
.mobile-toggle{display:none;background:none;border:0;color:#fff;font-size:24px}
.hero{min-height:510px;background:linear-gradient(90deg,rgba(0,25,35,.82),rgba(0,25,35,.18)),linear-gradient(135deg,#0d5960,#0b8190);color:#fff;display:flex;align-items:center}
.hero-inner{padding:72px 0}
.kicker{display:inline-flex;background:var(--green);padding:6px 12px;border-radius:999px;font-size:12px;font-weight:800;margin-bottom:14px}
.hero h1{font-size:clamp(44px,6vw,78px);line-height:.98;letter-spacing:-3px;margin:0 0 18px;max-width:760px}
.hero p{font-size:18px;max-width:670px;color:#e8f4f3;margin:0 0 25px}
.hero-search{display:flex;max-width:600px;background:#fff;border-radius:999px;padding:5px;box-shadow:0 12px 35px rgba(0,0,0,.18)}
.hero-search input{flex:1;border:0;outline:0;padding:14px 18px;font-size:14px;border-radius:999px}
.hero-search button{border:0;background:var(--green);color:#fff;border-radius:999px;padding:0 25px;font-weight:800}
.section{padding:44px 0}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}
.section-title{font-size:28px;line-height:1.1;margin:0;font-weight:900;letter-spacing:-1px}
.view-all{color:var(--green2);font-weight:800;font-size:13px}
.dest-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.dest-card{height:185px;border-radius:14px;overflow:hidden;position:relative;background:linear-gradient(135deg,#176b71,#0b3446)}
.dest-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 25%,rgba(0,0,0,.72))}
.dest-card .card-body{position:absolute;bottom:13px;left:14px;right:10px;color:#fff;z-index:1}
.dest-card h3{margin:0;font-size:18px}.dest-card span{font-size:11px;color:#dceceb}
.home-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.9fr);gap:28px}
.feature-card{border:1px solid #e7eceb;border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:var(--shadow)}
.feature-media{height:300px;background:linear-gradient(135deg,#0b626e,#22a67a)}
.feature-content{padding:22px}
.badge{display:inline-block;color:var(--green2);background:#e5f8ef;border-radius:999px;padding:4px 9px;font-size:10px;font-weight:900;text-transform:uppercase}
.feature-content h2{font-size:29px;line-height:1.12;margin:10px 0}.meta{font-size:12px;color:var(--muted)}
.post-list{display:grid;gap:12px}
.post-row{display:grid;grid-template-columns:115px 1fr;gap:14px;border:1px solid #e9eeec;border-radius:13px;padding:9px;background:#fff}
.thumb{min-height:90px;border-radius:9px;background:linear-gradient(135deg,#0b5969,#36ad84)}
.post-row h3{font-size:15px;line-height:1.25;margin:5px 0}.post-row p{font-size:12px;color:var(--muted);margin:0}
.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.category-card{min-height:145px;border-radius:15px;padding:16px;color:#fff;background:linear-gradient(135deg,#0a5965,#18a56f);display:flex;align-items:end;font-weight:900;font-size:15px;box-shadow:var(--shadow)}
.sidebar-box{border:1px solid #e9eeec;border-radius:var(--radius);padding:18px;background:#fff;box-shadow:var(--shadow);margin-bottom:18px}
.sidebar-box h3{margin:0 0 14px;font-size:18px}.socials{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.socials a{padding:12px 5px;border-radius:10px;background:var(--soft);text-align:center;font-size:11px;font-weight:800}
.newsletter input{width:100%;padding:12px;border:1px solid #dfe7e4;border-radius:10px;margin:8px 0}.newsletter button{width:100%;padding:12px;border:0;border-radius:10px;background:var(--green);color:#fff;font-weight:800}
.video-card{border-radius:12px;overflow:hidden;background:#0b3446;color:#fff}.video-card .video-thumb{height:170px;background:linear-gradient(135deg,#07566b,#19a772);display:grid;place-items:center;font-size:42px}.video-card strong{display:block;padding:12px;font-size:14px}
.site-footer{background:#062f40;color:#d5e7e7;margin-top:40px}.footer-inner{padding:40px 0;display:flex;justify-content:space-between;gap:30px}.footer-title{font-size:24px;font-weight:900;color:#fff}.footer-nav{display:flex;gap:18px;flex-wrap:wrap;font-size:13px}.copyright{border-top:1px solid rgba(255,255,255,.12);padding:15px 0;font-size:12px;color:#9fb8bc}
.blog-header{background:var(--soft);padding:45px 0}.blog-header h1{font-size:42px;line-height:1.05;margin:0 0 8px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.article-card{border:1px solid #e7eceb;border-radius:15px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}.article-thumb{height:210px;background:linear-gradient(135deg,#0b5969,#21a673)}.article-body{padding:17px}.article-body h2{font-size:20px;line-height:1.2;margin:9px 0}.article-body p{color:var(--muted);font-size:13px;margin:0}
.single-wrap{max-width:820px;margin:auto;padding:50px 0}.single-wrap h1{font-size:clamp(38px,5vw,62px);line-height:1.05;letter-spacing:-2px;margin:10px 0 16px}.single-meta{color:var(--muted);font-size:13px;margin-bottom:25px}.single-content{font-size:18px}.single-content h2{font-size:30px;line-height:1.2;margin-top:36px}.single-content h3{font-size:23px}.single-content p{margin:0 0 18px}.single-content img{border-radius:14px;margin:24px 0}.pagination{display:flex;gap:8px;margin-top:28px}.pagination a,.pagination span{padding:9px 13px;border:1px solid #dfe7e4;border-radius:9px;font-size:13px}
@media(max-width:1050px){.main-nav{gap:12px}.search-mini input{width:150px}.dest-grid{grid-template-columns:repeat(3,1fr)}.category-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){
 .container{width:min(100% - 22px,1180px)}.header-inner{min-height:62px}.mobile-toggle{display:block;margin-left:auto}.main-nav,.search-mini{display:none}
 .hero{min-height:470px}.hero-inner{padding:55px 0}.hero h1{font-size:48px;letter-spacing:-2px}.hero p{font-size:16px}.hero-search{display:flex}.hero-search button{padding:0 18px}
 .dest-grid{grid-template-columns:repeat(2,1fr)}.home-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}.blog-grid{grid-template-columns:1fr}.blog-header h1{font-size:36px}
 .feature-media{height:240px}.post-row{grid-template-columns:95px 1fr}.footer-inner{flex-direction:column}.single-wrap{padding:35px 0}.single-content{font-size:17px}
}