:root {
  --vp-teal: #087f73;
  --vp-teal-dark: #04594f;
  --vp-teal-soft: #dff4ee;
  --vp-yellow: #f4c542;
  --vp-yellow-light: #fff2b8;
  --vp-ink: #153b36;
  --vp-cream: #fffdf3;
}

body { color: #294641; background: var(--vp-cream); }
a { color: var(--vp-teal-dark); }
a:hover, a:focus { color: #947000; }
.text-color, .title-1 .text-color { color: var(--vp-teal) !important; }
.subtitle { color: #5a6f6b; }

.navbar-default,
.sticky-header { background: #fffdf3 !important; border-color: rgba(8, 127, 115, .18) !important; }
.navbar-default .navbar-nav > li > a { color: var(--vp-ink) !important; }
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus { color: var(--vp-teal) !important; }
.navbar-brand img { border-radius: 8px; box-shadow: 0 3px 14px rgba(4, 89, 79, .15); }
.navbar-toggle { border-color: var(--vp-teal) !important; }
.navbar-toggle .icon-bar { background-color: var(--vp-teal) !important; }

.btn-primary,
.btn-dark { background: var(--vp-teal) !important; border-color: var(--vp-teal) !important; color: #fff !important; }
.btn-primary:hover,
.btn-dark:hover { background: var(--vp-teal-dark) !important; border-color: var(--vp-teal-dark) !important; }
.btn-yellow { background: var(--vp-yellow) !important; border-color: var(--vp-yellow) !important; color: var(--vp-ink) !important; }
.btn-yellow:hover { background: #ddb02c !important; color: var(--vp-ink) !important; }
.btn-outline { color: var(--vp-teal-dark) !important; background: transparent !important; border: 2px solid var(--vp-teal) !important; }
.btn-outline:hover { color: #fff !important; background: var(--vp-teal) !important; }

.story-title { color: var(--vp-teal-dark); margin-top: 0; }
.cta-background { position: relative; }
.cta-background::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(255,253,243,.2), rgba(223,244,238,.92)); }
.cta-background .container { position: relative; z-index: 1; }
.story-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.story-actions .btn { margin: 0; }

.page-breadcrumb { background: var(--vp-teal-soft) !important; }
.gallery-overlay { display: none !important; }
.gallery-box img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }

.featured-dish-section { padding: 85px 0; background: var(--vp-cream); }
.featured-dish-section h2 { color: var(--vp-teal-dark); }
.featured-dish-image { border-radius: 18px; box-shadow: 0 18px 44px rgba(4, 89, 79, .18); }
.faq-section { padding: 70px 0; background: var(--vp-teal-soft); }
.faq-section details { margin: 14px auto; max-width: 900px; padding: 18px 22px; background: #fff; border: 1px solid rgba(8,127,115,.24); border-radius: 10px; }
.faq-section summary { cursor: pointer; color: var(--vp-teal-dark); font-size: 18px; font-weight: 700; }
.faq-section details p { margin: 12px 0 0; }

.testimonials::before { background: rgba(4, 89, 79, .8) !important; }
.testi-info i { color: var(--vp-yellow) !important; }
.review-link { margin-top: 18px; }
.contact-wrapper { background: var(--vp-teal) !important; }
.address-bg,
.cta-skin { background: var(--vp-teal) !important; color: #fff; }
.address-bg { min-height: 400px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 35px !important; }
.address-bg a,
.contact-info a { color: #fff !important; text-decoration: none !important; }
.address-bg a:hover,
.contact-info a:hover { color: var(--vp-yellow-light) !important; }
.contact-info i { color: var(--vp-yellow) !important; }
.footer { background: var(--vp-teal-dark) !important; }
.footer .text-color { color: var(--vp-yellow) !important; }
.footer a { color: #fff; }
.scrollToTop { background: var(--vp-yellow) !important; color: var(--vp-ink) !important; }
.f-social li a.facebook-link { color: var(--vp-yellow); }

.mobile-order-bar { display: none; }
@media (max-width: 767px) {
  body { padding-bottom: 78px; }
  .header-center-menu .navbar-collapse { background: var(--vp-cream) !important; box-shadow: none !important; }
  .header-center-menu .navbar-nav > li > a { color: var(--vp-ink) !important; border-bottom-color: rgba(8,127,115,.16) !important; text-shadow: none !important; }
  .header-center-menu .navbar-brand > img { height: 52px; }
  .story-actions { display: grid; grid-template-columns: 1fr; }
  .featured-dish-section { padding: 55px 0; }
  .featured-dish-image { margin-bottom: 28px; }
  .address-bg { min-height: 280px; }
  .mobile-order-bar { position: fixed; left: 78px; right: 10px; bottom: 10px; z-index: 99999; display: grid; grid-template-columns: 1.1fr 1fr; gap: 8px; padding: 7px; background: #fff; border: 1px solid rgba(8,127,115,.25); border-radius: 14px; box-shadow: 0 8px 24px rgba(4,89,79,.24); }
  .mobile-order-bar a { min-height: 48px; display: flex; align-items: center; justify-content: center; padding: 8px; border-radius: 9px; color: #fff !important; font-weight: 800; text-align: center; }
  .mobile-order-bar a:first-child { background: var(--vp-teal); }
  .mobile-order-bar a:last-child { background: var(--vp-yellow); color: var(--vp-ink) !important; }
}