/*
Theme Name: Chaapland Restaurant
Theme URI: https://example.com/chaapland-restaurant
Author: Chaapland Website Studio
Description: Responsive restaurant theme for Chaapland Inc. with a complete editable menu, category filtering, food gallery, and contact information.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: chaapland
License: GPL-2.0-or-later
*/
:root{--ink:#0d0c0b;--ink2:#1a1511;--orange:#ff7614;--cream:#fff8ef;--text:#2a211b;--muted:#756b61;--line:#e8dacb;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--cream);line-height:1.55}a{text-decoration:none;color:inherit}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.1}h1,h2{letter-spacing:-.045em}h1{font-size:clamp(3.2rem,7.2vw,6.6rem)}h2{font-size:clamp(2.2rem,4.4vw,3.7rem)}h3{font-size:1.28rem}.wrap{width:min(var(--max),calc(100% - 44px));margin:auto}.accent{color:var(--orange)}.eyebrow{color:var(--orange);font-weight:800;letter-spacing:.18em;text-transform:uppercase;font-size:.75rem}.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;border-radius:50px;background:var(--orange);border:2px solid var(--orange);padding:13px 25px;font-weight:800;color:#15100d;transition:transform .2s,background .2s;min-height:48px}.btn:hover,.btn:focus-visible{transform:translateY(-3px);background:#ff9b4e}.btn-outline{background:transparent;color:inherit;border-color:currentColor}.btn-outline:hover{background:var(--orange);border-color:var(--orange);color:#16100b}.site-header{background:rgba(8,7,6,.96);color:white;position:sticky;top:0;z-index:40;border-bottom:1px solid #32221a}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:88px;gap:22px}.brand{display:flex;align-items:center;gap:10px}.brand img{width:174px;display:block}.brand-text{font-weight:900;font-size:1.5rem;color:white}.site-nav{display:flex;gap:26px;align-items:center}.site-nav a{font-weight:700;font-size:.92rem;transition:color .2s}.site-nav a:hover{color:var(--orange)}.menu-toggle{display:none;background:none;color:white;border:1px solid #615044;border-radius:9px;padding:8px 13px}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 76% 38%,#653018 0%,#21120d 30%,#080706 70%);color:#fff;padding:90px 0 100px;min-height:610px}.hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(#ff7a19 1px,transparent 1px);background-size:72px 72px;opacity:.09;pointer-events:none}.hero-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;position:relative}.hero h1{margin:16px 0 18px;font-weight:950;text-transform:uppercase}.hero p{color:#e9ded4;max-width:520px;font-size:1.1rem}.hero-buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.hero-art{position:relative;min-height:390px;display:flex;align-items:center;justify-content:center}.hero-art img{width:100%;border-radius:28px;box-shadow:0 30px 90px #000b;transform:rotate(2deg);border:2px solid #7a3b18}.hero-stamp{position:absolute;bottom:-15px;right:-6px;background:var(--orange);color:#100c09;transform:rotate(-9deg);padding:20px;border-radius:15px;font-size:1.05rem;font-weight:950;line-height:1.2;text-align:center;box-shadow:0 8px 30px #0008}.trust{display:flex;gap:22px;flex-wrap:wrap;margin-top:40px;color:#fff;font-size:.87rem;font-weight:700}.trust span::before{content:'✦';color:var(--orange);margin-right:8px}.section{padding:88px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.section-heading p{max-width:540px;color:var(--muted);margin:10px 0 0}.section-heading h2{margin:8px 0 0}.food-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.food-card{background:#15100e;border-radius:16px;overflow:hidden;color:white;box-shadow:0 12px 35px #24130c1c;transition:transform .25s,box-shadow .25s}.food-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #24130c30}.food-card img{width:100%;height:178px;object-fit:cover;display:block}.food-card-content{padding:18px}.food-card h3{color:var(--orange);margin-bottom:7px}.food-card p{color:#c9c0b8;font-size:.88rem;margin:0}.about{background:#100c0a;color:white}.about-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px}.about p{color:#ddd0c4;max-width:550px}.about-image{border-radius:25px;overflow:hidden;box-shadow:0 20px 50px #0007}.about-image img{width:100%;height:410px;object-fit:cover;display:block}.menu-section{background:#fffdf8}.menu-tools{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:25px}.filter-list{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{border:1px solid #e1c8b4;background:#fff;border-radius:40px;padding:10px 16px;font-size:.86rem;font-weight:700}.filter-btn.active,.filter-btn:hover{background:var(--orange);border-color:var(--orange);color:#130b05}.menu-search{border:1px solid #d8c8bb;padding:12px 16px;border-radius:40px;min-width:210px;max-width:100%}.menu-category{margin:35px 0}.menu-category h3{font-size:1.65rem;border-bottom:2px solid #f0d5c1;padding-bottom:12px}.menu-items{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 28px}.menu-item{display:flex;justify-content:space-between;gap:15px;align-items:baseline;padding:13px 0;border-bottom:1px dashed #e6d4c4}.menu-item strong{font-size:.98rem}.menu-item .price{font-weight:900;color:#e45e00;white-space:nowrap}.menu-note{font-size:.84rem;color:var(--muted)}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.gallery-grid img{border-radius:13px;width:100%;height:215px;object-fit:cover;transition:transform .25s}.gallery-grid img:hover{transform:scale(1.025)}.contact{background:#100c0a;color:#fff}.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.contact p{color:#d9cabe}.contact-detail{display:flex;gap:12px;align-items:flex-start;margin:19px 0}.contact-detail .symbol{font-size:1.5rem;color:var(--orange)}.contact-detail a:hover{color:var(--orange)}.contact-art{background:#22150f;padding:16px;border-radius:25px}.contact-art img{width:100%;border-radius:16px;display:block}.footer{background:#080706;color:#c9bdb1;padding:35px 0;border-top:1px solid #3e2519}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.footer img{width:140px}.footer a:hover{color:var(--orange)}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.mobile-call{display:none}.fade-up{opacity:0;transform:translateY(22px);transition:opacity .65s,transform .65s}.fade-up.visible{opacity:1;transform:none}.empty-results{display:none;padding:30px;text-align:center;color:var(--muted)}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:3px}@media(max-width:950px){.food-grid,.gallery-grid{grid-template-columns:repeat(2,1fr)}.site-nav{gap:14px}.header-cta{display:none}.hero-inner{gap:22px}}@media(max-width:720px){.header-inner{min-height:72px}.brand img{width:135px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:72px;left:0;right:0;background:#0c0908;padding:20px 24px;flex-direction:column;align-items:flex-start;border-bottom:1px solid #402a20}.site-nav.open{display:flex}.hero{padding:58px 0 78px;min-height:0}.hero-inner,.about-inner,.contact-inner{grid-template-columns:1fr}.hero-art{min-height:220px;margin-top:25px}.hero-stamp{right:3px;bottom:-12px;font-size:.85rem;padding:13px}.section{padding:65px 0}.section-heading{align-items:flex-start;flex-direction:column}.about-inner,.contact-inner{gap:30px}.menu-items{grid-template-columns:1fr}.mobile-call{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--orange);color:#130b05;z-index:35;justify-content:center;padding:12px;font-weight:900;box-shadow:0 -4px 18px #0004}.footer{padding-bottom:78px}.trust{gap:12px}}@media(max-width:430px){.food-grid,.gallery-grid{grid-template-columns:1fr 1fr;gap:10px}.food-card img{height:120px}.food-card-content{padding:12px}.food-card h3{font-size:1rem}.food-card p{font-size:.78rem}.gallery-grid img{height:140px}.wrap{width:min(var(--max),calc(100% - 30px))}.hero h1{font-size:3.3rem}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.fade-up{opacity:1;transform:none}}
