/* JIGGIE'S BAR — dark tropical treatment; original menu screen structure retained */
:root{--surface:#232626;--white:#292d2b;--ink:#f8f6ee;--muted:#b8bab2;--line:#414742;--olive:#e5b91c;--olive2:#c99c0d;--halo:#383f37;--gold:#e4bc26;color-scheme:dark}
html,body{background:#151a17;color:#f8f6ee}
.app-shell{background:#222524;box-shadow:0 18px 60px rgba(0,0,0,.45)}
#appMain{min-height:calc(100svh - 72px)}
.topbar{background:#242827;border-bottom:1px solid #3d473f}
.topbar h1{font-weight:850;color:#f9f7eb;letter-spacing:.01em}
.topbar .header-back,.topbar .header-menu{color:#e5ba1c}
.screen{padding-bottom:35px}
.menu-screen::before{content:'';display:block;background:url('../images/jiggies-foliage.svg') center top/cover no-repeat;opacity:.2;position:absolute;top:70px;left:0;right:0;height:220px;pointer-events:none}
.menu-screen,.category-screen{position:relative;isolation:isolate}
.list{gap:9px}
.row-card{background:#2b302d;border:1px solid #3f4840;box-shadow:0 5px 14px #00000022;color:#fff;border-radius:9px}
.row-card:hover,.row-card:focus-within{background:#343a33}
.row-card img,.category-card img,.product-row img{border-radius:4px}
.category-card{min-height:86px;grid-template-columns:92px minmax(0,1fr) 24px;padding:5px 11px 5px 5px;gap:14px}
.category-card img{width:92px;height:76px}
.category-card .row-title{font-size:16px;font-weight:780;letter-spacing:.015em}
.row-arrow{color:#e9bd25}
.row-arrow svg,.header-back svg,.header-menu svg,.back-menu svg{height:22px;width:22px}
.products-list{gap:0}
.product-row,.product-row:first-child{min-height:102px;grid-template-columns:98px minmax(0,1fr) 23px;border:0;border-bottom:1px solid #444b42;border-radius:0;padding:10px 2px;background:transparent;box-shadow:none}
.product-row:hover{background:#2b312b}
.product-row img{width:96px;height:82px;object-fit:cover}
.product-row .row-title{font-weight:720;color:#f7f6ef;line-height:1.32}
.product-row .portion,.portion{color:#aeb5aa}
.product-row .price,.detail-meta .price{color:#f0c329;font-weight:780}
.back-menu{margin-top:28px;background:#2b302e;border:1px solid #495349;color:#e2c14c;border-radius:7px}
.home-screen{min-height:100svh;background:#171c18}
.home-screen::before{background-image:url('../images/jiggies-local.jpg');background-position:center;filter:brightness(.47) saturate(.85)}
.home-screen::after{background:linear-gradient(180deg,#111914cc,#15191366 42%,#101714b8),url('../images/jiggies-foliage.svg') top center/130% auto no-repeat;opacity:1}
.home-screen .home-content{gap:clamp(85px,16svh,160px)}
.home-logo{width:min(100%,310px);filter:drop-shadow(0 4px 13px #000a)}
.home-caption{text-align:center;color:#efe9d5;font-weight:650;letter-spacing:.18em;font-size:11px}
.home-bottom{gap:22px}
.main-cta{background:#e4b71c;color:#161c16;border-radius:5px;min-height:58px;font-weight:850;letter-spacing:.035em;box-shadow:0 12px 27px #0008}
.main-cta:hover{background:#f4c831}
.detail-screen{padding-bottom:35px}
.detail-image{height:290px;border-radius:0}
.detail-body h1{font-size:25px;color:#fff;letter-spacing:-.01em}
.detail-description{color:#c5c6bc;font-size:14px}
.detail-meta{margin-top:12px}
.drawer-overlay{background:#08110bc9}
.drawer{background:#252b26;color:#fff}
.drawer-logo img{display:block;max-width:225px;height:auto;margin:0 auto}
.drawer-link{color:#f2efdf;background:#2b322c;border-bottom:1px solid #465146}
.drawer-close{color:#edc023;background:#3a433a}
.empty-note{color:#c4cabd;padding:20px}
a:focus-visible,button:focus-visible{outline:2px solid #f0c326;outline-offset:2px}
@media(min-width:600px){.app-shell{max-width:470px}.category-card{grid-template-columns:102px minmax(0,1fr) 24px}.category-card img{height:82px;width:102px}}
/* Keep the CTA arrow proportional even without the legacy icon wrapper. */
.main-cta svg{width:21px;height:21px;flex:0 0 21px;display:block}
.home-screen::before{filter:brightness(.18) saturate(.75)}

/* Printed-menu botanical motif on cover; a real photo can still be uploaded through CMS. */
.home-screen{background:radial-gradient(circle at 50% 30%,#31442e,#101911 77%)}
.home-screen::before{background-color:#233429;background-position:top center;background-size:175% auto;background-repeat:no-repeat;filter:brightness(.78) saturate(1.2);opacity:.78}
.home-screen::after{background:linear-gradient(180deg,#0a170cbc 0%,#15201882 37%,#101811ce 90%)}


/* 26.10.2026 — ONLY the original category background, using leafwork from the
   provided Jiggie's printed menu. Same category cards/layout/fonts/prices. */
.menu-screen { background-color:#222524; isolation:isolate; }
.menu-screen::before {
  content:"";
  position:absolute;
  inset:0;
  height:auto;
  z-index:0;
  background-image:url('../images/jiggies-authentic-palms.png');
  background-repeat:repeat-y;
  background-position:top center;
  background-size:100% 655px;
  opacity:0.94;
  pointer-events:none;
}
.menu-screen > .category-list { position:relative;z-index:1; }
.menu-screen .category-card { background:rgba(43,48,45,0.88); }
.menu-screen .category-card:hover,.menu-screen .category-card:focus-visible { background:rgba(49,57,48,.95); }
/* The previous item screens stay untouched. The category interior gets only a
   much subtler botanical background so text and prices remain readable. */
.category-screen {background-image:linear-gradient(rgba(34,37,36,.87),rgba(34,37,36,.87)),url('../images/jiggies-authentic-palms.png');background-size:auto,100% 655px;background-repeat:no-repeat,repeat-y}
/* Hide the requested hamburger, but preserve the back button/title/three-column header. */
.header-menu { display:none!important; }