:root {
  color-scheme: dark;
  --red: #e33940;
  --red2: #b51f27;
  --yellow: #ffd35c;
  --orange: #ff8f2b;
  --cream: #1f1713;
  --paper: #110e0c;
  --ink: #f4ede5;
  --muted: #b9ab9d;
  --green: #0d3525;
  --shadow: 0 24px 70px rgba(0, 0, 0, 0.48);
  --soft: 0 14px 38px rgba(0, 0, 0, 0.3);
}

html {
  color-scheme: dark;
}

body {
  background: #0b0908;
  color: var(--ink);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--ink);
}

a {
  color: inherit;
}

::selection {
  background: var(--yellow);
  color: #120f0c;
}

.text-muted,
.muted,
.hero-lead,
.page-hero p,
.feature p,
.food-card p,
.blog-card p,
.mini-card small,
.stat-shell span,
.chef-card small,
.contact-list small,
.footer p,
.footer a,
.footer-bottom,
.preloader em {
  color: var(--muted) !important;
}

.preloader,
.topbar {
  background: #090706;
  color: #fff;
}

.navbar-main .container {
  background: rgba(17, 14, 12, 0.82);
  border-color: rgba(255, 255, 255, 0.08);
}

.navbar-brand,
.footer-logo,
.nav-link,
.nav-round {
  color: var(--ink) !important;
}

.navbar-brand,
.footer-logo {
  gap: 10px;
}

.brand-logo {
  display: block;
  width: auto;
  object-fit: contain;
}

.navbar-brand .brand-logo {
  height: 46px;
}

.footer-logo .brand-logo {
  height: 42px;
}

.navbar-toggler {
  border-color: rgba(255, 255, 255, 0.12);
}

.navbar-toggler-icon {
  filter: invert(1) grayscale(100%) brightness(1.6);
}

.logo-type small {
  color: var(--muted);
}

.nav-link.active,
.nav-link:hover {
  background: rgba(255, 211, 92, 0.12);
  color: var(--yellow) !important;
}

.nav-round {
  background: rgba(255, 255, 255, 0.06);
}

.hero,
.page-hero {
  background: radial-gradient(circle at 72% 32%, rgba(255, 211, 92, 0.18), transparent 24%),
    linear-gradient(135deg, #12100e 0%, #0b0908 58%, #16110f 100%);
}

.hero:before {
  background-image: linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
}

.hero-bg-text,
.page-hero:after {
  color: rgba(255, 211, 92, 0.06);
}

.trust-row span,
.stat-shell,
.feature,
.food-card,
.blog-card,
.form-card,
.offer-card,
.chef-card,
.gallery-card,
.checks span,
.contact-list > div,
.crumb,
.menu-filter button,
.search-results a,
.cart-line,
.cart-total,
.coupon,
.search-box,
.modal-content,
.offcanvas {
  background: #151210;
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: var(--soft);
  color: var(--ink);
}

.story,
.menu-zone {
  background: linear-gradient(180deg, #151210, #0b0908);
}

.feature i,
.contact-list i,
.tag,
.food-card .pic span,
.nav-round,
.qty {
  background: rgba(255, 255, 255, 0.06);
}

.feature i,
.contact-list i {
  color: var(--yellow);
}

.quick-add {
  background: #1d1714;
  color: var(--yellow);
  box-shadow: var(--soft);
}

.price,
.backtop {
  background: #f4ede5;
  color: #120f0c;
}

.hero-plate img,
.stack img,
.gallery-card img,
.map {
  box-shadow: var(--shadow);
}

.hero-plate img,
.stack img:last-child {
  border-color: #14110f;
}

.mini-card {
  background: #171310;
}

.menu-filter button.active {
  background: var(--red);
  border-color: var(--red);
  color: #fff;
}

.feature h4,
.food-card h4,
.blog-card h4,
.gallery-card div,
.contact-list b,
.search-results a b {
  color: var(--ink);
}

.food-card .pic span {
  color: #120f0c;
}

.btn-brand {
  box-shadow: 0 14px 34px rgba(227, 57, 64, 0.28);
}

.btn-brand:hover {
  box-shadow: 0 20px 42px rgba(227, 57, 64, 0.35);
}

.btn-darkbrand {
  background: #f4ede5;
  color: #120f0c !important;
}

.btn-lightbrand {
  background: var(--yellow);
  color: #120f0c !important;
}

.btn-ghost {
  background: rgba(255, 255, 255, 0.05);
  color: var(--ink);
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.btn-darkbrand:hover,
.btn-lightbrand:hover,
.btn-ghost:hover {
  transform: translateY(-2px);
}

.form-control,
.form-select {
  background: #120f0d;
  color: var(--ink);
  border-color: rgba(255, 255, 255, 0.12);
}

.form-control::placeholder,
.news-shell input::placeholder {
  color: #8f8174;
}

.form-control:focus,
.form-select:focus {
  border-color: var(--yellow);
  box-shadow: 0 0 0 0.25rem rgba(255, 211, 92, 0.18);
}

.news-shell {
  background: linear-gradient(135deg, #0f3a27, #071a12);
}

.news-shell input {
  background: #f4ede5;
  color: #120f0c;
  border: 0;
}

.footer {
  background: #060504;
}

.footer .logo-type small,
.footer-bottom,
.footer a {
  color: rgba(244, 237, 229, 0.66);
}

.footer-bottom {
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: nowrap;
  white-space: nowrap;
  overflow-x: auto;
}

.footer-bottom span,
.footer-bottom a {
  white-space: nowrap;
}

.footer-bottom a {
  display: inline !important;
  margin: 0 !important;
}

.footer-logo {
  align-items: center;
  flex-wrap: nowrap;
}

.footer a:hover {
  color: var(--yellow);
}

.social a,
.pay span {
  background: rgba(255, 255, 255, 0.08);
}

.cart-panel {
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}

.cart-total {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.coupon {
  background: rgba(255, 211, 92, 0.08);
  border: 1px dashed rgba(255, 211, 92, 0.45);
}

.search-results a {
  color: var(--ink);
}

.search-box,
.modal-content,
.offcanvas {
  background: #120f0d;
  color: var(--ink);
}

.modal-header,
.offcanvas-header {
  border-color: rgba(255, 255, 255, 0.08);
}

.btn-close {
  filter: invert(1) grayscale(100%) brightness(1.6);
}

.whatsapp {
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.35);
}

.navbar-collapse {
  background: #120f0d;
  border-radius: 22px;
  margin-top: 12px;
  padding: 12px;
  box-shadow: var(--soft);
}

@media (max-width: 1199px) {
  .navbar-collapse {
    background: #120f0d;
    border-radius: 22px;
    margin-top: 12px;
    padding: 12px;
    box-shadow: var(--soft);
  }
}

@media (max-width: 575px) {
  .footer-bottom {
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    font-size: 0.78rem;
    overflow-x: auto;
  }

  .footer-bottom a {
    display: inline !important;
  }
}