/* ===== "Refined KAMI" (design option 3) – shared by the homepage, /menu/ and /reserve/ =====
   Same identity (green / gold / cream, Playfair + Montserrat/Inter), calmer and more premium:
   ~25 % smaller buttons without shadows, gold only for the main action, one step smaller headings,
   flatter cards, smaller chips, more white space. Selectors are prefixed with "html body" so they win
   over the pages' own inline styles regardless of load order. /mobile/ does not load this file. */

/* ---- Buttons ---- */
html body .k-btn { padding: .66rem 1.3rem; font-size: .9rem; letter-spacing: .2px; gap: .45rem; box-shadow: none; }
html body .k-btn svg { width: 15px; height: 15px; }
html body .k-btn:hover { transform: none; background: #e6d2a3; }
html body .k-btn-sm { padding: .48rem 1rem; font-size: .82rem; }
/* secondary buttons: thin outline instead of a second gold pill */
html body .k-btn-line { background: transparent; color: var(--k-green-deep, #0f2a1d); box-shadow: inset 0 0 0 1px rgba(15, 42, 29, .35); }
html body .k-btn-line:hover { background: rgba(220, 195, 143, .14); }
html[data-theme="dark"] body .k-btn-line { color: #f2ebdd; box-shadow: inset 0 0 0 1px rgba(242, 235, 221, .35); }
/* homepage hero: second button is secondary */
html body .hero2-ctas .k-btn + .k-btn { background: transparent; color: #fff; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .55); }
html body .hero2-ctas .k-btn + .k-btn:hover { background: rgba(255, 255, 255, .1); }
/* header */
html body #navbar .knav-order { padding: .55rem 1.1rem; font-size: .86rem; }
html body #navbar .knav-icon-btn { width: 36px; height: 36px; }
html body #navbar .nav-link { font-size: .9rem; }

/* ---- Headings: one step smaller ---- */
html body .hero2-title { font-size: clamp(2rem, min(4.6vw, 6.2vh), 3.7rem); line-height: 1.1; }
html body .hero2-lede { font-size: 1.02rem; }
html body .k-title { font-size: clamp(1.7rem, 3.2vw, 2.4rem); }
html body .kp-h2, html body .mn-cart h2, html body .kp-card h2 { font-size: 1.25rem; }
html body .mn-top h3 { font-size: 1.06rem; }
html body .mn-head h1, html body .rs-head h1 { font-size: 1.22rem; }

/* ---- Cards: flatter ---- */
html body .action-card { box-shadow: 0 6px 22px rgba(0, 0, 0, .12); border-radius: 14px; }
html body .kp-card, html body .mn-item, html body .mn-cart, html body .mn-info { box-shadow: 0 1px 2px rgba(15, 42, 29, .05), 0 4px 16px rgba(15, 42, 29, .05); border-radius: 14px; }
html[data-theme="dark"] body .kp-card, html[data-theme="dark"] body .mn-item, html[data-theme="dark"] body .mn-cart,
html[data-theme="dark"] body .mn-info { box-shadow: 0 0 0 1px rgba(255, 255, 255, .06); }

/* ---- Menu cards: smaller chips, lighter Add ---- */
html body .mn-chip { font-size: .78rem; padding: .22rem .65rem; }
html body .mn-row b { font-size: .8rem; }
html body .mn-add { padding: .44rem .95rem; font-size: .8rem; }
html body .mn-axis-l { font-size: .62rem; }
html body .mn-tag { font-size: .66rem; }
html body .mn-tabs a { font-size: .8rem; padding: .36rem .85rem; }
html body .mn-body { padding: 1rem 1.15rem 1.1rem; }

/* ---- More white space between sections ---- */
html body .mn-sec { margin-top: 3rem; }
html body .rs-faq { margin-top: 3rem; }