/*
Theme Name: Camping Ground Bogor
Theme URI: https://campinggroundbogor.com/
Author: Camping Ground Bogor
Description: Tema WordPress untuk pilihan lokasi camping Bogor, paket, dan sewa peralatan.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: camping-ground-bogor
*/
:root{--pine:#123d33;--deep:#0b3029;--ink:#183d34;--muted:#687a70;--cream:#f5f3e9;--paper:#fbfaf5;--gold:#f2bd66;--line:#d9e0d5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.55}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.08}h1,h2{font-family:'DM Serif Display',Georgia,serif;font-weight:400;letter-spacing:-.035em}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}.container{width:min(1200px,calc(100% - 56px));margin:auto}.announcement{background:#082c25;color:#d8e9dc;font-size:12px;letter-spacing:.04em}.announcement .container{min-height:37px;display:flex;align-items:center;justify-content:center;gap:11px}.announcement a{text-decoration:underline;text-underline-offset:3px;font-weight:700}.announcement span{color:var(--gold)}.site-header{position:relative;z-index:5;background:var(--paper);box-shadow:0 1px 0 #dee4d8}.header-inner{min-height:89px;display:flex;align-items:center;gap:30px;justify-content:space-between}.brand{display:flex;align-items:center;flex-shrink:0}.brand-logo{width:212px;max-height:64px;object-fit:contain;object-position:left}.nav-links{display:flex;align-items:center;gap:31px;font-size:13px;font-weight:700}.nav-links a:hover,.footer-top a:hover{color:#b87325}.header-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:48px;padding:0 23px;border-radius:3px;font-size:13px;font-weight:800;white-space:nowrap;transition:transform .2s,background .2s}.header-cta{background:var(--pine);color:#fff}.header-cta:hover,.btn:hover{transform:translateY(-2px)}.header-cta:hover{background:#205b49}.menu-toggle{display:none;background:none;border:0;font-size:26px;color:var(--pine);cursor:pointer}.hero{min-height:650px;position:relative;overflow:hidden;color:#fff;background:#224d3d}.hero-photo,.hero-shade{position:absolute;inset:0}.hero-photo{background-size:cover;background-position:center 57%}.hero-shade{background:linear-gradient(90deg,rgba(3,32,25,.9) 0%,rgba(5,41,31,.71) 43%,rgba(4,34,26,.17) 100%),linear-gradient(0deg,rgba(3,28,22,.53),transparent 40%)}.hero-inner{position:relative;z-index:1;min-height:588px;display:flex;align-items:center;justify-content:space-between;gap:40px}.hero-copy{max-width:665px;padding:75px 0 60px}.eyebrow{display:flex;align-items:center;gap:12px;color:#ab772e;font-weight:800;font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:22px}.eyebrow.light{color:var(--gold)}.eyebrow-line{width:25px;height:1px;background:currentColor}.hero h1{font-size:clamp(54px,6.8vw,102px);max-width:770px;margin-bottom:22px}.hero p{font-size:17px;line-height:1.8;max-width:560px;color:#ebeee8}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:29px;margin-top:34px}.btn-sun{background:var(--gold);color:#19372c}.btn-sun:hover{background:#ffd38d}.text-link{font-size:13px;font-weight:800;border-bottom:1px solid #fff;padding:7px 0}.text-link span{margin-left:14px}.hero-stamp{width:165px;height:165px;border:1px solid rgba(255,255,255,.6);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(10deg);flex-shrink:0;background:rgba(13,58,45,.34)}.hero-stamp span,.hero-stamp small{font-size:9px;letter-spacing:.23em}.hero-stamp strong{font:25px/1.05 'DM Serif Display',Georgia,serif;margin:11px 0}.hero-bottom{position:relative;z-index:1;display:flex;gap:36px;border-top:1px solid rgba(255,255,255,.35);padding:18px 0 23px;font-size:11px;letter-spacing:.12em;font-weight:700;color:#e5eee7}.promise-strip{background:var(--gold)}.promise-inner{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#253b2c;font-size:13px;font-weight:800}.section{padding:105px 0}.section-top{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:44px}.section-top h2,.how-section h2{font-size:clamp(39px,4vw,59px);max-width:620px;margin-bottom:0}.section-top p{max-width:390px;color:var(--muted);line-height:1.8;margin-bottom:4px;font-size:15px}.location-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.location-card{background:#fff;border:1px solid var(--line);min-width:0;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.location-card:hover{transform:translateY(-5px);box-shadow:0 16px 34px rgba(19,61,51,.09)}.location-visual{height:198px;background:linear-gradient(145deg,rgba(14,63,50,.16),rgba(6,45,39,.53)),url('assets/hero-camp.webp') center/cover;position:relative;display:flex;align-items:flex-end;justify-content:space-between;padding:15px;color:#fff}.location-visual-1{background-image:linear-gradient(145deg,rgba(14,63,50,.1),rgba(6,45,39,.5)),url('assets/evening-camp.webp')}.location-visual-2{background-position:65% center}.location-visual-3{background-image:linear-gradient(145deg,rgba(14,63,50,.1),rgba(6,45,39,.5)),url('assets/evening-camp.webp');background-position:70% center}.location-index{position:absolute;top:14px;left:17px;font:24px 'DM Serif Display',Georgia,serif}.location-chip{background:#f3ead1;color:#294635;padding:6px 10px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin-left:auto}.location-content{padding:24px 21px 22px;display:flex;flex-direction:column;flex:1}.location-content small{font-size:11px;color:#9b6d2b;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.location-content h3{font:27px/1.1 'DM Serif Display',Georgia,serif;letter-spacing:-.02em;margin:14px 0 10px}.location-content p{font-size:13px;line-height:1.7;color:var(--muted);flex:1}.location-content a,.package-card a{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;margin-top:13px;color:var(--pine);font-size:12px;font-weight:800}.location-content a span,.package-card a span{font-size:18px}.section-note{color:#718077;font-size:12px;line-height:1.65;margin:20px 0 0}.packages-section{background:var(--cream)}.package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.package-card{background:#fff;padding:32px;min-height:410px;display:flex;flex-direction:column;border:1px solid #e4e5d9}.package-card:nth-child(2){background:#e6ecdf}.package-number{font:32px 'DM Serif Display',Georgia,serif;display:flex;align-items:center;justify-content:space-between;color:#b78a47}.package-number i{font:26px 'DM Sans',sans-serif;color:#bdd0bb}.package-card h3{font:35px/1.08 'DM Serif Display',Georgia,serif;margin:30px 0 13px}.package-card p{color:var(--muted);font-size:14px;min-height:45px}.package-card ul{list-style:none;margin:12px 0 20px;padding:0;flex:1}.package-card li{border-top:1px solid var(--line);padding:10px 0 10px 18px;font-size:13px;position:relative}.package-card li:before{content:'✳';position:absolute;left:0;color:#a58240;font-size:10px;top:12px}.rental-section{background:var(--pine);color:#fff;padding:95px 0}.rental-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.rental-photo{height:535px;position:relative}.rental-photo img{width:100%;height:100%;object-fit:cover}.rental-badge{position:absolute;right:-24px;bottom:30px;width:160px;height:160px;border-radius:50%;background:var(--gold);color:var(--pine);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;transform:rotate(12deg);font-size:13px;font-weight:800;line-height:1.1;letter-spacing:.04em}.rental-badge span{font-size:30px}.rental-copy h2{font-size:clamp(43px,4.6vw,67px);max-width:540px}.rental-copy p{color:#d2e0d5;max-width:500px;line-height:1.8;font-size:15px}.rental-list{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin:27px 0 32px}.rental-item{border-top:1px solid rgba(255,255,255,.25);padding:12px 0;font-size:13px;font-weight:700}.rental-item span{color:var(--gold);margin-right:12px}.how-section{text-align:center}.how-section .eyebrow{justify-content:center}.how-section h2{margin:0 auto 44px}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;text-align:left}.step{padding:30px;border-top:2px solid var(--pine);background:#f0f3ec}.step span{font:42px 'DM Serif Display',Georgia,serif;color:#bb8e49}.step h3{font:25px 'DM Serif Display',Georgia,serif;margin:17px 0 8px}.step p{color:var(--muted);font-size:13px;line-height:1.8;margin:0}.final-cta{background:#194a3a;color:#fff;padding:66px 0}.final-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}.final-inner h2{font-size:clamp(38px,4.4vw,63px);max-width:720px;margin:0}.final-actions{display:flex;flex-direction:column;gap:14px;align-items:center;flex-shrink:0}.call-link{text-decoration:underline;text-underline-offset:5px;font-size:13px;font-weight:700}.site-footer{background:#092e27;color:#d1dfd4;padding:54px 0 25px}.footer-top{display:grid;grid-template-columns:250px 1fr auto;gap:40px;align-items:center}.footer-top .brand-logo{filter:brightness(0) invert(1)}.footer-top p{font-size:13px;max-width:300px;margin:0}.footer-top>div{display:flex;gap:20px;font-size:12px;font-weight:700}.footer-bottom{border-top:1px solid #33574b;display:flex;justify-content:space-between;gap:20px;margin-top:48px;padding-top:20px;font-size:11px;color:#a5bcad}.floating-wa{position:fixed;bottom:22px;right:22px;z-index:7;background:#f3bd65;color:#163c30;padding:13px 18px;box-shadow:0 8px 25px #0003;font-size:12px;font-weight:800;border-radius:28px}.floating-wa span{margin-left:10px}.inner-page{min-height:70vh;padding-top:65px;padding-bottom:80px;max-width:850px}.inner-page h1{font-size:56px}.inner-page .back-link{display:inline-block;margin-bottom:34px;color:#9b6d2b;font-weight:700}.inner-page article{line-height:1.8}.inner-page img{height:auto}
@media(max-width:1020px){.nav-links{gap:15px}.header-cta{display:none}.location-grid{grid-template-columns:repeat(2,1fr)}.rental-grid{gap:42px}.footer-top{grid-template-columns:210px 1fr}.footer-top>div{grid-column:1/-1}}
@media(max-width:720px){.container{width:min(100% - 34px,1200px)}.announcement{font-size:10px}.announcement .container{min-height:42px;text-align:center;gap:6px;flex-wrap:wrap}.header-inner{min-height:72px}.brand-logo{width:180px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);padding:18px 22px 24px;box-shadow:0 15px 22px #092e271c;flex-direction:column;align-items:stretch;gap:0}.nav-links.is-open{display:flex}.nav-links a{padding:12px 0;border-bottom:1px solid var(--line)}.hero{min-height:620px}.hero-photo{background-position:60% center}.hero-shade{background:linear-gradient(90deg,rgba(3,32,25,.88),rgba(4,35,27,.44)),linear-gradient(0deg,rgba(3,28,22,.65),transparent 60%)}.hero-inner{min-height:560px}.hero-copy{padding:65px 0}.hero h1{font-size:clamp(50px,12vw,74px)}.hero p{font-size:15px}.hero-stamp{display:none}.hero-bottom{gap:14px;justify-content:space-between;font-size:8px}.promise-inner{min-height:80px;gap:10px;font-size:10px;flex-wrap:wrap;justify-content:center;padding:15px 0}.section{padding:72px 0}.section-top{display:block;margin-bottom:32px}.section-top h2,.how-section h2{font-size:43px}.section-top p{margin:18px 0 0}.package-grid,.step-grid{grid-template-columns:1fr}.package-card{min-height:0}.package-card h3{margin-top:20px}.rental-section{padding:68px 0}.rental-grid{grid-template-columns:1fr;gap:45px}.rental-photo{height:365px}.rental-badge{right:10px;width:115px;height:115px;font-size:10px}.final-inner{display:block}.final-actions{align-items:flex-start;margin-top:30px}.footer-top{display:block}.footer-top p{margin:25px 0}.footer-top>div{flex-wrap:wrap}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:8px}}
@media(max-width:500px){.location-grid{grid-template-columns:1fr}.location-visual{height:220px}.hero-actions{gap:16px}.hero-bottom span:last-child{display:none}.rental-list{grid-template-columns:1fr}.floating-wa{bottom:13px;right:13px}.inner-page h1{font-size:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}