/* Theme Name: Lala Food Truck
Description: Mobile-first food truck and catering theme.
Version: 1.0.0
Text Domain: lala-food-truck */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#12110f;--cream:#fff8ed;--paper:#fffdf9;--orange:#ee9712;--gold:#ffc44e;--red:#b51f11;--muted:#60594f;--line:#e8dac4;--max:1180px;--shadow:0 18px 45px rgba(23,16,8,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font:400 17px/1.58 "DM Sans",system-ui,sans-serif}a{color:inherit}a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.skip-link{position:absolute;left:-999px;top:0;z-index:100;background:#fff;padding:.75rem 1rem}.skip-link:focus{left:1rem;top:1rem}.site-header{position:sticky;top:0;z-index:30;background:rgba(18,17,15,.97);color:#fff;border-bottom:1px solid #ffffff24}.header-inner{width:min(var(--max),calc(100% - 2rem));margin:auto;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{text-decoration:none;display:flex;flex-direction:column;line-height:.95}.brand-name,.eyebrow,.section-kicker,h1,h2,h3{font-family:"Barlow Condensed",Impact,sans-serif;text-transform:uppercase;letter-spacing:.055em}.brand-name{color:var(--gold);font-size:2rem;font-weight:800}.brand-subtitle{font-size:.68rem;letter-spacing:.14em;margin-top:.3rem}.main-nav{display:flex;gap:1.25rem}.main-nav a{color:#fff;text-decoration:none;font-weight:600}.main-nav a:hover{color:var(--gold)}.header-phone,.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.1rem;border-radius:4px;background:var(--orange);color:#17120a;font-weight:800;text-decoration:none;border:2px solid var(--orange);transition:transform .2s,background .2s,color .2s}.header-phone{min-height:44px;font-size:.9rem}.button:hover{transform:translateY(-2px);background:var(--gold)}.button-outline{background:transparent;color:#fff;border-color:#fff}.button-outline:hover{background:#fff;color:var(--ink)}.mobile-only{display:none}.hero{color:#fff;background:radial-gradient(circle at 75% 10%,#ee97124d,transparent 32%),linear-gradient(120deg,#17130e,#292015 60%,#15120f);overflow:hidden}.hero-inner{width:min(var(--max),calc(100% - 2rem));margin:auto;padding:clamp(4.5rem,10vw,8rem) 0 5rem;display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center}.eyebrow,.section-kicker{color:var(--orange);font-weight:800;font-size:1.05rem}h1,h2,h3{line-height:.95;margin:0}h1{font-size:clamp(3.8rem,8vw,7.2rem);max-width:8ch}h2{font-size:clamp(2.7rem,5vw,4.5rem)}h3{font-size:1.8rem}.hero p{font-size:clamp(1.05rem,2vw,1.25rem);max-width:40rem;color:#f3e9dc}.hero-actions,.button-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.65rem}.hero-note{margin-top:1rem;font-size:.86rem;color:#e4d2b9}.hero-art{position:relative;max-width:430px;justify-self:end;transform:rotate(2deg)}.hero-art img{width:100%;height:auto;display:block;border:9px solid #fff6e5;box-shadow:var(--shadow)}.hero-art:before{content:"";position:absolute;inset:-1rem;z-index:-1;border:2px solid var(--red);transform:rotate(-5deg)}.trust-strip{background:var(--orange);color:#1a130a}.trust-inner{width:min(var(--max),calc(100% - 2rem));margin:auto;padding:1rem 0;display:grid;grid-template-columns:repeat(3,1fr);text-align:center;gap:1rem;font-weight:800}.trust-inner span{font-family:"Barlow Condensed",Impact,sans-serif;font-size:1.3rem;text-transform:uppercase}.section{width:min(var(--max),calc(100% - 2rem));margin:0 auto;padding:5.5rem 0}.intro{max-width:670px}.intro p,.menu-item p{color:var(--muted);margin:1rem 0 0}.menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2rem}.menu-item{background:var(--paper);border:1px solid var(--line);padding:1.25rem}.menu-item h3{margin-bottom:.6rem}.menu-item p{font-size:.93rem;margin:0}.price{display:inline-block;margin-bottom:.9rem;padding:.25rem .6rem;background:var(--orange);color:#1b150b;border-radius:3px;font-weight:800;font-variant-numeric:tabular-nums}.menu-callout{background:var(--red);color:#fff;padding:1rem 1.25rem;margin-top:1rem;font-weight:700;text-align:center}.menu-visual{display:grid;grid-template-columns:.7fr 1.3fr;gap:2rem;align-items:center;background:var(--ink);color:#fff;padding:2rem;margin-top:3rem}.menu-visual img{width:100%;height:auto;display:block}.menu-visual p{color:#eadbc7}.catering{color:#fff;background:linear-gradient(115deg,#671008f0,#aa220ef0),url('assets/images/lala-menu.webp') center 62%/cover}.catering .section{text-align:center;max-width:790px}.catering h2{color:var(--gold)}.catering p{font-size:1.15rem}.contact{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.contact-card{background:var(--paper);border-top:5px solid var(--orange);padding:2rem;box-shadow:var(--shadow)}.contact-list{list-style:none;padding:0;margin:1.25rem 0 0}.contact-list li{padding:.75rem 0;border-bottom:1px solid var(--line)}.contact-list a{color:#7c150c;font-weight:700;overflow-wrap:anywhere}.notice{background:#fff0d0;border-left:4px solid var(--orange);padding:1rem;color:#4a3517}.site-footer{background:var(--ink);color:#f4e7d3;padding:2.5rem 0}.footer-inner{width:min(var(--max),calc(100% - 2rem));margin:auto;display:flex;justify-content:space-between;gap:1rem;align-items:center}.footer-inner p{margin:0;font-size:.9rem}@media(max-width:900px){.menu-grid{grid-template-columns:repeat(2,1fr)}.hero-inner{grid-template-columns:1fr .75fr;gap:2rem}}@media(max-width:700px){.main-nav,.header-phone{display:none}.mobile-only{display:inline-flex}.hero-inner,.contact,.menu-visual{grid-template-columns:1fr}.hero-inner{padding-top:4.5rem}.hero-art{justify-self:start;max-width:330px;margin-top:.75rem}.trust-inner{grid-template-columns:1fr;gap:.25rem}.section{padding:4rem 0}.footer-inner{display:block}.footer-inner p+p{margin-top:.75rem}}@media(max-width:420px){.menu-grid{grid-template-columns:1fr}.header-inner{min-height:68px}.brand-name{font-size:1.7rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
