
body {
  font-family: 'Italiana', sans-serif;
  letter-spacing: 0.04em;
}
.js-enabled .fade-slide-up {
  opacity: 0;
}
.fade-slide-up {
  opacity: 1; /* fallback if JS fails */
}
h2 {
  font-size: 2.5rem;
}
.text-muted {
    color: #212529 !important;
}
.nav-link:hover {
  color: #00AED4 !important;
}
.hero-section {
  background: url('../assets/images/hero.jpg') center/cover no-repeat;
  min-height: 100vh;
  position: relative;
  padding-top: 140px; /* keeps hero text below navbar */
}
.hero-section::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(0,0,0,0.45);
}
.hero-section .container {
  position: relative;
  z-index: 2;
}
.get-app-btn {
  font-family: 'Barlow', 'Arial', sans-serif;
  background-color: #F8EDEB;
  border-radius: 30px;
  color: #000000;
  border: 1px solid #000000;
}
.get-app-btn:hover {
  background-color: #00AED4;
  color: #F8EDEB;
  border: 1px solid #F8EDEB;
}
.learn-more-btn {
  font-family: 'Barlow', 'Arial', sans-serif;
  font-weight: bold;
  background-color: #F8EDEB;
  border-radius: 30px;
  color: #000000;
}
.learn-more-btn:hover {
  background-color: #00AED4;
  color: #F8EDEB;
}
/* whats-new-section */
.lt-bg-section {
  background: #f9ecdb;
}
.circle-wrap {
  width: 100%;
  padding-top: 100%; /* perfect square */
  position: relative;
}
.circle-wrap img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.learn-more-btn2 {
  font-family: 'Barlow', 'Arial', sans-serif;
  font-weight: bold;
  background-color: #00AED4;
  border-radius: 30px;
  color: #F8EDEB;
}
.learn-more-btn2:hover {
  background-color: #F8EDEB;
  color: #333;
  border: 1px solid #F8EDEB;
;
}
.icon-font {
  font-family: 'Barlow', 'Arial', sans-serif;
}
section {
  background: linear-gradient(180deg, #f7f2ec, #e8ded2);
}
h2, h5 {
  color: #4b2e1e;
}
ul li strong {
  color: #8b5a2b;
}
.cafe-hero {
  background: url('../assets/images/the-cafe.png') center/cover no-repeat;
  min-height: 70vh;
  position: relative;
  padding: 80px 0;
}
.cafe-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.45); /* dark overlay */
  z-index: 1;
}
.cafe-hero .container {
  position: relative;
  z-index: 2; /* ensures text sits above overlay */
}
.newsletter-section {
  background: url('../assets/images/cup-beans.png') center/cover no-repeat;
  min-height: 60vh;
  padding: 80px 0;
  position: relative;
}
.newsletter-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.45); /* dark overlay */
  z-index: 1;
}
.newsletter-section .container {
  position: relative;
  z-index: 2;
}
.btn-brown {
  background-color: #6b3e2e;
  color: #fff;
  font-weight: 600;
}
.btn-brown:hover {
  background-color: #4e2c20;
  color: #fff;
}
.footer-section {
  background: #f7f4ef;
  color: #333;
}
.footer-link {
  color: #333;
  text-decoration: none;
}
.footer-link:hover {
  text-decoration: underline;
}
.navbar-toggler {
  background-color: #fff;
}


/* Mobile */
@media (max-width: 768px) {
  .hide-mob {
    display: none;
  }
}
@media (min-width: 992px) {
  .fade-nav {
    opacity: 1 !important;
    transform: none !important;
  }
}