/*
Theme Name: Juniper Cafe Preview
Version: 1.0.0
Description: English restaurant interface preview. Demo orders and reservations only; connect WooCommerce and a reservation backend before launch.
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--ink:#233e34;--green:#315c48;--mint:#c9dfcc;--paper:#faf9f5;--line:#dcded4;--muted:#6d766d;--serif:'Libre Caslon Display',Georgia,serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #a76b2e;outline-offset:4px}button{border:0}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.02}h1{font-size:clamp(52px,6.5vw,88px);letter-spacing:-2px}h2{font-size:clamp(40px,4.2vw,60px)}h3{font-size:30px}p{color:var(--muted)}.wrap{max-width:1200px;margin:auto;padding:0 36px}.top{background:var(--green);color:#fff;text-align:center;font-size:11px;letter-spacing:1.5px;padding:8px}.header{height:98px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:25;background:var(--paper);box-shadow:0 5px 18px transparent;transition:box-shadow .2s}.brand{font-family:var(--serif);font-size:36px;line-height:.85}.brand small{display:block;font:9px 'DM Sans';letter-spacing:5px;text-align:center;margin-top:11px}.nav{display:flex;gap:27px;align-items:center;font-size:13px}.nav a.active{border-bottom:1px solid var(--green)}.btn{display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:14px 24px;background:var(--green);color:white;border:1px solid var(--green);font-weight:500;font-size:13px;transition:background .2s}.btn:hover{background:#203e30}.btn.light{background:transparent;color:var(--ink);border-color:var(--line)}.btn.light:hover{background:#e6ebdf}.pill{border-radius:30px}.cart-button{background:transparent;color:var(--ink);padding:12px;position:relative;transform-origin:center;will-change:transform}.cart-button.bag-bump{animation:bagBump .6s ease both}.cart-button.bag-bump .cart-count{animation:countPulse .6s ease both}.fly-item{position:fixed;z-index:60;width:58px;height:58px;border-radius:50%;object-fit:cover;pointer-events:none;box-shadow:0 8px 25px #233e3444;transition:transform .55s cubic-bezier(.2,.8,.25,1),opacity .55s ease}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:600;display:block;margin-bottom:22px}.hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center;padding-top:55px;padding-bottom:60px}.hero p{max-width:330px}.hero h1 em{color:#66886b;font-weight:400}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-photos{height:535px;display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:1fr 1fr;gap:12px;position:relative}.hero-photos img:first-child{grid-row:1/3;border-radius:160px 160px 6px 6px}.hero-photos img:nth-child(2){border-radius:6px 70px 6px 6px}.hero-photos img:nth-child(3){border-radius:6px 6px 70px 6px}.stamp{position:absolute;left:-40px;bottom:26px;background:var(--mint);width:104px;height:104px;border-radius:50%;display:grid;place-content:center;text-align:center;font-size:10px;letter-spacing:1.5px;transform:rotate(-12deg);border:6px solid var(--paper)}.stamp b{font-family:var(--serif);font-size:30px;font-weight:400;letter-spacing:0}.ribbon{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-around;gap:20px;padding:21px 0;font-size:12px;letter-spacing:1px}.section{padding-top:76px;padding-bottom:76px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px;gap:20px}.section-head h2{margin-bottom:0}.section-head a{font-size:13px;border-bottom:1px solid;padding-bottom:5px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.food-photo{height:245px;overflow:hidden;position:relative;border-radius:3px}.food-photo img{transition:transform .4s}.card:hover img{transform:scale(1.035)}.badge{position:absolute;top:15px;left:15px;background:var(--paper);padding:5px 10px;font-size:10px}.card-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:19px}.card h3{font-size:27px;margin:0}.card p{font-size:13px;margin:10px 0 16px}.card .price{font-size:14px;white-space:nowrap}.add{background:transparent;color:var(--green);padding:8px 0;border-bottom:1px solid #93a98d;font-size:12px}.story{display:grid;grid-template-columns:1fr 1fr;background:#e8eddf;align-items:center}.story-photo{height:520px}.story-copy{padding:60px;max-width:600px}.story p{max-width:380px}.quote{text-align:center;max-width:800px;margin:auto}.quote blockquote{font:42px/1.2 var(--serif);margin:22px 0}.stars{letter-spacing:5px;color:#9c7436}.visit{background:var(--mint);padding:48px;display:flex;justify-content:space-between;align-items:center;gap:30px}.visit h2{margin-bottom:12px}.visit p{margin:0}.footer{background:#233e34;color:#fff;padding:55px 0 24px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}.footer p,.footer a{font-size:13px;color:#d0d9d1}.footer .brand{color:#fff;font-size:38px;display:block}.footer h4{font-size:11px;text-transform:uppercase;letter-spacing:1.7px}.footer a{display:block;margin:8px 0}.copyright{border-top:1px solid #466052;margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;font-size:11px;color:#b8c7bb}.page-title{text-align:center;padding:56px 0 32px}.page-title h1{font-size:68px;margin-bottom:16px}.page-title p{max-width:520px;margin:auto}.filters{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:25px 0 35px}.filter{padding:11px 22px;background:transparent;border:1px solid var(--line);border-radius:25px;color:var(--ink)}.filter.selected{background:var(--green);color:#fff}.order-bar{background:#e8eddf;padding:16px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:25px}.segmented{display:flex;background:white;padding:4px;border-radius:30px}.segmented button{padding:10px 25px;background:transparent;border-radius:25px;color:var(--ink)}.segmented button.selected{background:var(--green);color:#fff}.note{font-size:12px;color:var(--muted)}.order-bar p{margin:0;font-size:13px}.menu-grid{padding-bottom:70px}.empty{padding:70px 0;text-align:center}.form-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:50px;padding-bottom:70px}.panel{background:white;border:1px solid var(--line);padding:32px}.panel h3{margin-bottom:22px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;font-size:12px;font-weight:500}input,select,textarea{display:block;width:100%;border:1px solid var(--line);background:var(--paper);padding:12px;color:var(--ink);margin-top:7px;border-radius:0;min-width:0}textarea{resize:vertical}.full{grid-column:1/-1}.form-note{font-size:12px;margin:20px 0}.summary-row{display:flex;justify-content:space-between;padding:12px 0;gap:15px;border-bottom:1px solid var(--line)}.total{font-weight:700;font-size:20px}.cart-row{display:grid;grid-template-columns:70px 1fr auto;gap:18px;align-items:center;border-bottom:1px solid var(--line);padding:20px 0}.cart-row img{height:80px;border-radius:3px}.cart-row strong{display:block}.qty{display:flex;gap:15px;align-items:center;margin-top:7px}.qty button{background:#edf1e8;width:30px;height:30px}.remove{background:none;color:#8b4838;font-size:11px}.notice{background:#e9efdf;border-left:3px solid #6d8e59;padding:16px;font-size:13px;margin-bottom:24px}.success{max-width:640px;margin:55px auto 90px;text-align:center;padding:45px;background:#e8eddf}.success-icon{display:block;font-size:36px;margin-bottom:20px}.location-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding-bottom:70px}.location-photo{height:480px}.hours{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line)}.mobile-toggle{display:none;background:transparent;font-size:24px;color:var(--ink)}dialog{border:1px solid var(--line);padding:32px;max-width:480px;width:calc(100% - 30px);background:var(--paper);color:var(--ink)}dialog::backdrop{background:#14281ecc}.dialog-top{display:flex;justify-content:space-between;align-items:start}.close{background:none;font-size:23px}.options{margin:20px 0}.options label{padding:8px 0}.options input{display:inline;width:auto;margin:0 10px 0 0}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--green);color:white;padding:14px 25px;z-index:30;box-shadow:0 4px 20px #0002}@keyframes bagBump{0%{transform:scale(1)}35%{transform:scale(1.18) rotate(-6deg)}65%{transform:scale(.94) rotate(5deg)}100%{transform:scale(1)}}@keyframes countPulse{0%{transform:scale(1)}40%{transform:scale(1.5);color:#a76b2e}100%{transform:scale(1);color:inherit}}.demo-line{text-align:center;font-size:11px;background:#efe9db;padding:7px;color:#625c4e}.menu-search{max-width:400px;margin:25px auto}.legal{max-width:760px;margin:auto;padding:40px 25px 80px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:850px){.wrap{padding-left:22px;padding-right:22px}.header{height:85px;gap:10px}.nav{display:none;position:absolute;top:85px;left:0;right:0;background:var(--paper);padding:25px;z-index:20;border-bottom:1px solid var(--line)}.nav.open{display:flex;flex-direction:column}.mobile-toggle{display:block}.hero{gap:28px}.hero-photos{height:400px}.hero h1{font-size:57px}.cards{gap:18px}.food-photo{height:200px}.story-copy{padding:35px}.footer-grid{grid-template-columns:1fr 1fr}.form-layout{gap:25px}.panel{padding:22px}.card h3{font-size:23px}}@media(max-width:600px){.top{font-size:9px}.brand{font-size:31px}.header>.btn{display:none}.hero{grid-template-columns:1fr;padding-top:35px;gap:35px}.hero h1{font-size:64px;margin-bottom:24px}.hero p{max-width:100%}.hero-photos{height:385px;margin-left:15px}.stamp{left:-24px}.ribbon{font-size:9px;gap:8px;text-align:center}.section{padding-top:48px;padding-bottom:48px}.cards{grid-template-columns:1fr}.food-photo{height:290px}.story{grid-template-columns:1fr}.story-photo{height:340px}.story-copy{padding:35px 24px}.quote blockquote{font-size:32px}.visit{padding:30px 25px;display:block}.visit .btn{margin-top:22px}.footer-grid{gap:25px}.copyright{gap:20px;flex-direction:column}.page-title{padding-top:38px}.page-title h1{font-size:52px}.order-bar{align-items:stretch;flex-direction:column}.segmented button{flex:1}.form-layout,.location-grid{grid-template-columns:1fr;gap:25px}.fields{gap:15px}.panel{padding:20px}.section-head{align-items:center}.section-head h2{font-size:39px}.section-head a{white-space:nowrap}.cart-row{grid-template-columns:55px 1fr auto;gap:10px}.location-photo{height:330px}.filter{padding:9px 16px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.stamp b{font-size:24px;white-space:nowrap}.stamp{font-size:8px;letter-spacing:1px}.card{display:flex;flex-direction:column;height:100%}.card .add{margin-top:auto;align-self:flex-start}
.hotline{font-size:12px;color:var(--green);white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.hotline:hover,.footer-hotline:hover{color:#9fc2a5}.footer-hotline{display:inline-flex!important;align-items:center;gap:6px}.socials{display:flex;gap:10px;margin-top:18px}.socials a{display:inline-flex!important;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #668173;border-radius:50%;margin:0!important;color:#d0d9d1;transition:background .2s,color .2s}.socials a:hover{background:#d0d9d1;color:var(--green)}.socials svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7}.socials svg path{fill:currentColor;stroke:none}.socials svg circle{stroke:currentColor;fill:none}.socials svg circle:last-child{fill:currentColor;stroke:none}@media(max-width:1100px){.hotline span{display:none}}@media(max-width:600px){.hotline{display:none}}

.woo-content{padding-top:55px;padding-bottom:80px}.woo-content h1,.woo-content h2,.woo-content h3{color:var(--ink)}.woo-content a{color:var(--green)}.woo-content .button,.woo-content button,.woo-content input[type=submit]{background:var(--green);border:1px solid var(--green);color:#fff;padding:12px 20px;border-radius:0}.woo-content input,.woo-content select,.woo-content textarea{background:#fff;border:1px solid var(--line);padding:12px}.woo-content .woocommerce form .form-row{margin-bottom:16px}.woo-content .woocommerce-info,.woo-content .woocommerce-message{border-top-color:var(--green);background:#e8eddf}.woo-content table.shop_table{border-collapse:collapse;border-color:var(--line)}.woo-content .wc-block-components-checkout-place-order__button{background:var(--green)}

.logo-brand{display:inline-flex;align-items:center}.logo-brand img{width:76px;height:76px;object-fit:contain}.footer-brand{font-family:var(--serif)!important;font-size:30px!important;line-height:1!important}

/* Compact, text-first navigation and comfortable touch targets on smaller screens. */
.header-order.is-current{background:#244735}
.arrow-mark{display:inline-block;width:14px;height:14px;flex:none;vertical-align:-2px;margin-left:3px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hero-slogan{font:italic clamp(22px,2.4vw,30px)/1.2 var(--serif);color:var(--green);margin:18px 0 0;max-width:none!important}
.nav-call{display:none}
.cart-button{white-space:nowrap;font-weight:600}
@media(max-width:850px){
  .header{gap:12px}
  .nav{top:100%;padding:12px 22px 20px;box-shadow:0 18px 26px #233e341c;align-items:stretch;gap:0}
  .nav.open{display:flex}
  .nav a{display:flex;align-items:center;min-height:48px;padding:10px 8px;border-bottom:1px solid var(--line);font-size:15px}
  .nav a.active{border-bottom:1px solid var(--green);font-weight:700}
  .nav-call{display:flex!important}
  .ribbon span:nth-child(even),.stars{display:none}
  .mobile-toggle{font-size:13px;font-weight:700;min-width:48px;min-height:44px;padding:8px 4px}
  .hotline{display:none}
}
@media(max-width:600px){
  body{font-size:16px}
  .wrap{padding-left:18px;padding-right:18px}
  .top{font-size:9px;letter-spacing:.8px;padding:6px 10px}
  .demo-line{font-size:10px;line-height:1.35;padding:6px 12px}
  .header{height:68px;gap:7px;padding-left:14px;padding-right:14px}
  .logo-brand img{width:54px;height:54px}
  .header>.header-order{display:inline-flex;min-height:44px;padding:8px 11px;font-size:12px;white-space:nowrap}
  .cart-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:7px 5px;font-size:12px}
  .cart-count{display:inline-grid;place-items:center;background:#e4eadf;border-radius:50%;min-width:21px;height:21px;margin-left:5px;font-size:11px}
  .mobile-toggle{min-width:43px;font-size:12px}
  .nav{padding-left:18px;padding-right:18px}
  .hero{padding-top:30px;gap:26px}
  .hero h1{font-size:clamp(46px,13vw,60px);line-height:1.01}
  .hero-slogan{font-size:25px;margin-top:14px}
  .hero-photos{height:310px;margin-left:0}
  .stamp{width:84px;height:84px;left:8px;bottom:10px;border-width:4px}
  .stamp b{font-size:19px}
  .ribbon{flex-wrap:wrap;justify-content:center;gap:5px 18px;padding:14px 0;font-size:10px;line-height:1.4}
  .ribbon span:nth-child(even),.stars{display:none}
  .page-title{padding-top:30px;padding-bottom:22px}
  .page-title h1{font-size:clamp(43px,12vw,52px)}
  .order-bar{margin-top:10px;padding:16px;gap:10px}
  .order-bar .segmented{width:100%}
  .segmented button{min-height:44px;padding:10px 14px}
  .order-bar p{font-size:13px;line-height:1.4}
  .order-bar>a{display:flex;align-items:center;min-height:44px;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
  .menu-search{max-width:none;margin:20px 0 10px}
  .menu-search input{min-height:48px;font-size:16px}
  .filters{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;margin:10px -18px 24px;padding:0 18px 5px;gap:8px}
  .filters::-webkit-scrollbar{display:none}
  .filter{flex:none;min-height:44px;padding:10px 17px;font-size:13px}
  .food-photo{height:230px}
  .card p{font-size:14px}
  .card .add{min-height:44px;display:inline-flex;align-items:center;font-size:14px}
  .section-head{align-items:flex-end}
  .section-head a{white-space:normal;text-align:right;line-height:1.3}
  .qty button{min-width:44px;min-height:44px}
  .socials a{width:44px;height:44px}
  .footer-hotline{min-height:44px}
  .toast{width:calc(100% - 32px);max-width:360px;text-align:center;bottom:16px}
}

/* Brand social icons + Connect section */
.socials a{border:none}
.socials a[aria-label="Facebook"]{background:#1877F2}
.socials a[aria-label="Instagram"]{background:linear-gradient(45deg,#feda75,#fa7e1e 30%,#d62976 58%,#962fbf 82%,#4f5bd5)}
.socials a[aria-label="TikTok"]{background:#010101}
.socials svg{width:17px;height:17px;fill:#fff;stroke:none}
.socials svg path,.socials svg circle{fill:#fff;stroke:none}
.connect{text-align:center;padding:72px 24px 84px}
.connect h2{margin-bottom:14px}
.connect p{max-width:520px;margin:0 auto}
.connect-socials{display:flex;justify-content:center;gap:18px;margin-top:36px}
.connect-socials a{width:56px;height:56px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(35,62,52,.18);transition:transform .2s,box-shadow .2s}
.connect-socials a:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(35,62,52,.25)}
.connect-socials svg{width:26px;height:26px;fill:#fff}
.connect-socials .sc-facebook{background:#1877F2}
.connect-socials .sc-instagram{background:linear-gradient(45deg,#feda75,#fa7e1e 30%,#d62976 58%,#962fbf 82%,#4f5bd5)}
.connect-socials .sc-tiktok{background:#010101}
.connect-handles{margin-top:18px;font-size:12.5px;color:#6d766d}

/* Connect section animation */
@keyframes connectPop{0%{opacity:0;transform:translateY(16px) scale(.5)}70%{opacity:1;transform:translateY(-3px) scale(1.06)}100%{opacity:1;transform:translateY(0) scale(1)}}
.connect-socials a{animation:connectPop .55s cubic-bezier(.2,.8,.25,1) both}
.connect-socials a:nth-child(2){animation-delay:.12s}
.connect-socials a:nth-child(3){animation-delay:.24s}
@keyframes connectPulse{0%{box-shadow:0 6px 18px rgba(35,62,52,.18),0 0 0 0 rgba(49,92,72,.35)}70%{box-shadow:0 6px 18px rgba(35,62,52,.18),0 0 0 14px rgba(49,92,72,0)}100%{box-shadow:0 6px 18px rgba(35,62,52,.18),0 0 0 0 rgba(49,92,72,0)}}
.connect-socials a:hover{animation:connectPulse 1.2s ease-out infinite}
.socials a{transition:transform .2s}
.socials a:hover{transform:translateY(-2px) scale(1.08)}
@media (prefers-reduced-motion: reduce){.connect-socials a{animation:none}.connect-socials a:hover{animation:none}}
/* === WooCommerce brand makeover (appended 2026-10-22) === */
.woocommerce .woocommerce-products-header{max-width:1080px;margin:0 auto;padding:8px 20px 0;text-align:center}
.woocommerce .woocommerce-products-header__title{font-family:var(--serif);color:var(--ink);font-size:42px;line-height:1.15;margin:18px 0 6px}
.woocommerce .woocommerce-breadcrumb{max-width:1080px;margin:0 auto;padding:14px 20px 0;color:var(--muted);font-size:13px;text-align:center}
.woocommerce .woocommerce-result-count{color:var(--muted);font-size:14px}
.woocommerce .woocommerce-ordering select{border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:#fff;color:var(--ink);font:inherit;font-size:14px}
.woocommerce ul.products{max-width:1080px;margin:26px auto 10px;padding:0 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,300px));justify-content:center;gap:26px}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none}
.woocommerce ul.products li.product{float:none;width:auto;margin:0;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 14px 20px;text-align:center;box-shadow:0 2px 10px rgba(35,62,52,.05);transition:transform .25s ease,box-shadow .25s ease;display:flex;flex-direction:column;align-items:center}
.woocommerce ul.products li.product:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(35,62,52,.10)}
.woocommerce ul.products li.product a img{border-radius:12px;aspect-ratio:1/1;object-fit:cover;width:100%;margin:0 0 14px}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:var(--serif);color:var(--ink);font-size:21px;line-height:1.25;padding:0;margin:0 0 6px}
.woocommerce ul.products li.product .price{color:var(--green);font-weight:700;font-size:17px;margin:0 0 14px}
.woocommerce ul.products li.product .button{margin-top:auto}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{font-family:'DM Sans',sans-serif;font-weight:600;font-size:15px;background:var(--ink);color:#fff;border:0;border-radius:999px;padding:12px 24px;cursor:pointer;transition:background .2s ease}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce #respond input#submit:hover{background:var(--green);color:#fff}
.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce #place_order{background:var(--ink);color:#fff;border-radius:999px;padding:14px 30px;font-weight:600}
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce #place_order:hover{background:var(--green)}
.woocommerce .quantity .qty{border:1px solid var(--line);border-radius:10px;padding:9px 6px;font:inherit}
.woocommerce div.product .product_title{font-family:var(--serif);color:var(--ink)}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--green);font-weight:700}
.woocommerce-message,.woocommerce-info{border-top-color:var(--green)}
.woocommerce-message::before,.woocommerce-info::before{color:var(--green)}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{color:var(--ink)}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--ink);color:#fff}
@media (prefers-reduced-motion:reduce){.woocommerce ul.products li.product{transition:none}}
/* === Branded chrome for WooCommerce pages (appended 2026-10-22) === */
#header,#footer{display:none}
#page>hr{display:none}
.woo-top{background:var(--green);color:#fff;text-align:center;font-size:11px;letter-spacing:1.5px;padding:8px 12px;text-transform:uppercase}
.woo-header{background:var(--paper);border-bottom:1px solid var(--line)}
.woo-wrap{max-width:1200px;margin:0 auto;padding:0 36px}
.woo-header-in{display:flex;align-items:center;justify-content:space-between;gap:26px;min-height:92px}
.woo-brand img{height:52px;width:auto;display:block}
.woo-nav{display:flex;gap:24px}
.woo-nav a{color:var(--ink);text-decoration:none;font-size:15px;font-weight:500}
.woo-nav a:hover{color:var(--green)}
.woo-call{color:var(--ink);text-decoration:none;font-size:14px;white-space:nowrap}
.woo-call span{font-weight:700}
.woo-order{background:var(--ink);color:#fff;text-decoration:none;border-radius:999px;padding:11px 22px;font-weight:600;font-size:14px;white-space:nowrap;transition:background .2s ease}
.woo-order:hover{background:var(--green)}
.woo-bag{color:var(--ink);text-decoration:none;font-weight:600;font-size:14px}
.woo-footer{background:var(--ink);color:#fff;padding:55px 0 24px;margin-top:64px}
.woo-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}
.woo-footer h4{font-size:11px;text-transform:uppercase;letter-spacing:1.7px;margin:0 0 12px;color:#fff}
.woo-footer p{font-size:13px;color:#d0d9d1;line-height:1.7;margin:0}
.woo-footer a{color:#d0d9d1;text-decoration:none;font-size:13px}
.woo-footer .woo-col>a{display:block;margin:8px 0}
.woo-footer a.woo-footer-brand{display:block;font-family:var(--serif);font-size:22px;color:#fff;margin:0 0 10px}
.woo-footer a.woo-hotline{display:block;margin-top:12px;font-weight:600;color:#fff}
.woo-socials{margin-top:14px}
.woo-socials a{display:inline-flex;margin:0 6px 0 0}
.woo-socials svg{width:18px;height:18px;fill:#fff;display:block}
.woo-copyright{border-top:1px solid #466052;margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:11px;color:#b8c7bb}
.woo-copyright a{color:#b8c7bb;font-size:11px}
@media(max-width:860px){.woo-nav,.woo-call{display:none}.woo-footer-grid{grid-template-columns:1fr 1fr}.woo-wrap{padding:0 22px}.woo-header-in{min-height:76px}}

/* === Chrome fixes (appended 2026-10-22) === */
#sidebar{display:none}
body.woocommerce-cart .woo-page>header{display:none}

/* Menu card polish (2026-10-22) */
.cards{gap:26px}
.card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;padding-bottom:18px;box-shadow:0 4px 14px rgba(35,62,52,.05);transition:transform .25s ease,box-shadow .25s ease}
.card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(35,62,52,.13)}
.card .food-photo{height:230px}
.card .card-title,.card p{margin-left:18px;margin-right:18px}
.card .card-title{margin-top:16px;align-items:baseline}
.card h3{font-size:24px;line-height:1.15}
.card .price{font-weight:700;color:var(--green);font-size:15px}
.card .add{margin-left:18px;background:var(--green);color:#fff;border:0;border-radius:999px;padding:9px 18px;font-size:12px;font-weight:600;letter-spacing:.4px;transition:background .2s ease}
.card .add:hover{background:#203e30}
.badge{border-radius:999px;background:var(--green);color:#fff;font-weight:600;letter-spacing:.6px}
.filter{transition:border-color .2s ease,color .2s ease,background .2s ease}
.filter:hover{border-color:var(--green);color:var(--green)}
.filter.selected:hover{color:#fff}

/* Menu sections (2026-10-23) */
.menu-section-title{font-family:var(--serif);font-size:34px;color:var(--ink);margin:38px 0 20px;padding-top:26px;border-top:1px solid var(--line)}
.menu-section-title:first-child{margin-top:6px;padding-top:0;border-top:0}
#products .menu-grid{padding-bottom:8px}
#products .menu-grid:last-child{padding-bottom:60px}

/* UberEats link on #order page + Policies 2026-10-26 */
.ubereats-link{display:inline-block;margin-top:10px;color:#06C167;font-weight:700;text-decoration:underline}
.order-bar .ubereats-link{display:block;margin:10px 0 2px}
.legal .ubereats-link{color:#06C167}

/* Checkout fixes 2026-10-27: Square GPay button tiled by theme .woo-content button rule; card icons stacked by global img rule; mobile columns safety net */
#wc-square-digital-wallet #wc-square-google-pay .google-pay-button{background-repeat:no-repeat !important;background-size:contain !important;background-position:50% 50% !important;background-color:#000 !important;padding:11px 10px !important;border:0 !important;border-radius:4px !important;display:block !important;width:100% !important}
.woocommerce-checkout #payment ul.payment_methods li img.sv-wc-payment-gateway-icon{display:inline-block !important;width:40px !important;height:25px !important;object-fit:contain !important;vertical-align:middle !important;margin:0 2px !important}
@media (max-width:768px){.woocommerce .col2-set .col-1,.woocommerce-page .col2-set .col-1,.woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-2{float:none !important;width:100% !important}}

/* Checkout fix v2 2026-10-27: GPay button is rendered by GOOGLE's Pay API (class .gpay-button, NOT Square's .google-pay-button) — the v1 rule targeted the wrong class and matched nothing. The theme .woo-content button rule (0,1,1) beats Google's .gpay-button rule (0,1,0) on background-repeat/size, so the "Buy with G Pay" image tiles. This restores Google's single centered button. */
#wc-square-google-pay .gpay-button{background-repeat:no-repeat !important;background-size:contain !important;background-position:center center !important;background-origin:content-box !important;background-color:#000 !important;padding:12px 24px 10px !important;border:0 !important;border-radius:4px !important}