/*
Theme Name: WarungLite
Description: Tema company profile WarungLite. Saat diaktifkan, otomatis membuat halaman 10 poin, halaman tambahan, dan menu. Teks beranda diubah di Appearance > Customize > WarungLite.
Version: 1.0
Author: Tim WarungLite
Text Domain: warunglite
*/
:root{--brand:#C2410C;--leaf:#166534;--gold:#F59E0B;--ink:#231815;--cream:#FFF7ED;--mut:#6B5B53}
*{box-sizing:border-box}
body{margin:0;font:17px/1.65 "DM Sans",system-ui,sans-serif;color:var(--ink);background:#fff}
h1,h2,h3{font-family:Fraunces,Georgia,serif;line-height:1.12;margin:0 0 .5em}
h1{font-size:clamp(2.3rem,6vw,3.8rem)}h2{font-size:clamp(1.6rem,3.4vw,2.3rem)}h3{font-size:1.2rem}
a{color:var(--brand)}img{max-width:100%;height:auto}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
a:focus-visible,.btn:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.awning{height:50px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='50'%3E%3Cpath d='M0 0h40v30a20 20 0 0 1-40 0z' fill='%23C2410C'/%3E%3Cpath d='M40 0h40v30a20 20 0 0 1-40 0z' fill='%23FED7AA'/%3E%3C/svg%3E") repeat-x}
.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 20px 14px;flex-wrap:wrap}
.brand{font:700 1.45rem Fraunces,serif;color:var(--ink);text-decoration:none}.brand span{color:var(--brand)}
.nav ul{list-style:none;display:flex;gap:6px 20px;margin:0;padding:0;flex-wrap:wrap}
.nav a{color:var(--ink);text-decoration:none;font-weight:600}.nav a:hover{color:var(--brand)}
.btn{display:inline-block;padding:.75em 1.5em;border-radius:12px;background:var(--brand);color:#fff;font-weight:700;text-decoration:none;border:2px solid var(--brand)}
.btn:hover{filter:brightness(.92)}.btn.alt{background:#fff;color:var(--ink);border-color:var(--ink)}
.hero{padding:40px 0 80px;background:var(--cream)}
.hero .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:44px;align-items:center}
.kicker{display:inline-block;font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:.8rem;color:var(--leaf);margin-bottom:10px}
.hero p{font-size:1.12rem;max-width:34em;color:var(--mut)}.btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.struk{position:relative;background:#fff;padding:24px 22px;font:14px/1.7 "DM Mono","Courier New",monospace;box-shadow:0 14px 34px rgba(35,24,21,.16);transform:rotate(1.6deg);max-width:340px;justify-self:center;width:100%}
.struk:after{content:"";position:absolute;left:0;right:0;bottom:-11px;height:11px;background:linear-gradient(-45deg,transparent 7px,#fff 0),linear-gradient(45deg,transparent 7px,#fff 0);background-size:14px 14px}
.struk b{display:block;text-align:center;font-size:1rem}.struk small{display:block;text-align:center;color:var(--mut);margin-bottom:8px}
.struk ul{list-style:none;margin:0;padding:0}.struk li{display:flex;justify-content:space-between;border-top:1px dashed #b9a99f;padding:5px 0}.struk li.tot{font-weight:700;border-top:2px solid var(--ink)}.struk em{display:block;text-align:center;margin-top:8px;color:var(--leaf)}
.band{background:var(--brand);color:#fff;padding:28px 0}.band .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.band b{display:block;font:700 2rem Fraunces,serif;line-height:1.2}.band span{font-size:.9rem;opacity:.92}
section.s{padding:72px 0}.s.alt{background:var(--cream)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.item{border-top:4px solid var(--leaf);padding-top:14px}.item:nth-child(2){border-color:var(--brand)}.item:nth-child(3){border-color:var(--gold)}
.cols2{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.fcard{background:#fff;border-left:4px solid var(--brand);padding:14px 18px;margin:0 0 14px;border-radius:0 10px 10px 0;box-shadow:0 1px 4px rgba(35,24,21,.08)}
.fcard b{font:700 1.1rem Fraunces,serif}.fcard p{margin:.3em 0 0;color:var(--mut)}
.tag{display:inline-block;padding:.2em .9em;border-radius:99px;color:#fff;background:var(--brand);font-size:1rem;margin:0 0 16px}.tag.opt{background:var(--leaf)}
.phs{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:24px}
.ph{background:var(--ink);color:#fff;border-radius:22px;padding:12px;font-size:.84rem;border:3px solid #3a2a24}
.ph .pt{background:var(--brand);border-radius:8px;padding:5px 10px;font-weight:700;margin-bottom:8px}
.ph p{display:flex;justify-content:space-between;margin:5px 0;background:#3a2a24;border-radius:6px;padding:5px 9px;color:#fff}
.ph .pb{background:var(--gold);color:var(--ink);border-radius:8px;text-align:center;font-weight:700;padding:5px;margin-top:8px}
.cap{font-size:.85rem;color:var(--mut);margin-top:10px}
.grid5{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:24px}
.pcard{display:block;text-decoration:none;color:var(--ink);border:2px dashed var(--ink);border-radius:12px;padding:16px;background:#fff}
.pcard:hover{background:var(--gold);border-style:solid}.pcard i{display:block;font:700 2rem Fraunces,serif;font-style:normal;color:var(--brand)}
.pcard b{display:block}.pcard span{font-size:.9rem;color:var(--mut)}.pcard:hover span{color:var(--ink)}
.cta{background:var(--leaf);color:#fff;text-align:center;padding:72px 0}.cta .btn{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.site-footer{background:var(--ink);color:#e7d9d0;padding:32px 0;font-size:.95rem}.site-footer a{color:var(--gold)}
.page-body{padding:48px 20px 72px;max-width:920px}.page-body h2{margin-top:1.6em}
.page-body table{display:block;overflow-x:auto;border-collapse:collapse;font-size:.95rem;margin:1em 0}
.page-body th,.page-body td{border:1px solid #e5d5c9;padding:8px 10px;text-align:left;vertical-align:top}.page-body th{background:var(--cream)}.page-body li{margin:.3em 0}
.note{background:var(--cream);border-left:4px solid var(--gold);padding:12px 16px;border-radius:0 8px 8px 0;font-size:.95rem}
@media(max-width:760px){.hero .wrap,.grid3,.cols2{grid-template-columns:1fr}.band .wrap,.phs{grid-template-columns:1fr 1fr}.struk{transform:none}}