/* ── Brand palette ── */
:root {
  --bs-body-font-family: 'Georgia', serif;
  --bs-body-bg: #F4F6DD;        /* cream from logo text */
  --bs-body-bg-rgb: 244, 246, 221;
}

/* bg-light sections get a slightly deeper cream so they read as distinct from the page */
.bg-light {
  background-color: #E8EBCA !important;
}

/* ── Cream in place of stark white everywhere ── */

/* Utility classes */
.text-white { color: #F4F6DD !important; }
.text-light  { color: #F4F6DD !important; }

/* Navbar-dark links and hamburger */
.navbar-dark .navbar-brand { color: #F4F6DD !important; }
.navbar-dark .navbar-nav .nav-link { color: rgba(244,246,221,0.75) !important; }
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link.active { color: #F4F6DD !important; }
.navbar-dark .navbar-toggler {
  color: rgba(244,246,221,0.55);
  border-color: rgba(244,246,221,0.15);
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28244%2c246%2c221%2c0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* Light buttons → cream */
.btn-light {
  background-color: #F4F6DD;
  border-color: #F4F6DD;
  color: #2c2c2c;
}
.btn-light:hover,
.btn-light:focus {
  background-color: #E8EBCA;
  border-color: #E8EBCA;
  color: #2c2c2c;
}
.btn-outline-light {
  color: #F4F6DD;
  border-color: #F4F6DD;
}
.btn-outline-light:hover,
.btn-outline-light:focus {
  background-color: #F4F6DD;
  color: #2c2c2c;
  border-color: #F4F6DD;
}

/* Dark table text (footer hours) — override Bootstrap's CSS variable */
.table-dark { --bs-table-color: #F4F6DD; }

/* Dark buttons — text should be cream not white */
.btn-dark,
.btn-dark:hover,
.btn-dark:focus {
  color: #F4F6DD;
}

/* ── Hero section ── */
.hero-section {
  min-height: 70vh;
  background: #2a2a2a;  /* placeholder until hero.jpg is added */
  /* To add a hero photo: drop hero.jpg into static/images/ and uncomment below */
  /* background: linear-gradient(rgba(0,0,0,0.55), rgba(0,0,0,0.55)),
              url('/static/images/hero.jpg') center/cover no-repeat; */
}

/* ── Hero logo ── */
.hero-logo {
  max-width: 380px;
  width: 80%;
}

/* ── Shop item image consistent height ── */
.shop-item-img {
  height: 280px;
  object-fit: cover;
  width: 100%;
}

/* ── Form fields — white for clear affordance against cream background ── */
.form-control {
  background-color: #fff;
}
.form-control:focus {
  background-color: #fff;
}

/* ── Footer ── */
.footer {
  font-size: 0.9rem;
}

/* ── Navbar brand letter spacing ── */
.letter-spacing-1 {
  letter-spacing: 0.05em;
}