/*
Theme Name: VV Kitchen Astra BBQ Child
Template: astra
Version: 1.0.0
Description: VV Kitchen cloud kitchen child theme for Astra, inspired by Astra BBQ Restaurant layout.
*/
:root{--vv-green:#275D38;--vv-orange:#E87924;--vv-cream:#FFF8EB;--vv-gold:#F5B942;--vv-dark:#171717;--vv-white:#fff}
body{font-family:Arial,Helvetica,sans-serif;background:var(--vv-cream);color:#292929}.site-content{background:var(--vv-cream)}
.vv-hero{min-height:72vh;display:flex;align-items:center;padding:80px 6%;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.25)),url('assets/hero.jpg') center/cover no-repeat;color:#fff}.vv-wrap{max-width:1180px;margin:auto;width:100%}.vv-hero h1{font-size:clamp(44px,6vw,82px);line-height:1;margin:0 0 18px;max-width:800px}.vv-hero p{font-size:20px;max-width:650px}.vv-btn{display:inline-block;padding:14px 24px;border-radius:999px;text-decoration:none;font-weight:700;margin:10px 10px 0 0;background:var(--vv-orange);color:#fff}.vv-btn.alt{background:#fff;color:var(--vv-green)}
.vv-section{padding:72px 6%}.vv-section.dark{background:#171717;color:#fff}.vv-section h2{font-size:clamp(34px,4vw,54px);margin:0 0 16px}.vv-kicker{color:var(--vv-orange);font-weight:800;text-transform:uppercase;letter-spacing:.14em}.vv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px}.vv-card{background:#fff;border-radius:20px;padding:26px;box-shadow:0 10px 30px rgba(0,0,0,.08)}.dark .vv-card{background:#242424;color:#fff}.vv-card h3{margin-top:0}.vv-menu-item{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.18)}.vv-price{font-weight:800;color:var(--vv-gold)}.vv-banner{background:var(--vv-green);color:#fff;border-radius:28px;padding:44px;display:flex;align-items:center;justify-content:space-between;gap:30px}.vv-footer{padding:40px 6%;background:#0f0f0f;color:#ccc}.vv-float{position:fixed;right:20px;bottom:20px;background:#25D366;color:#fff!important;padding:14px 18px;border-radius:999px;text-decoration:none;font-weight:800;z-index:9999;box-shadow:0 8px 25px rgba(0,0,0,.25)}
@media(max-width:800px){.vv-grid{grid-template-columns:1fr}.vv-banner{flex-direction:column;align-items:flex-start}.vv-hero{min-height:62vh}.vv-section{padding:54px 5%}}