/* Index overrides: simplify UI and make banner responsive */

/* Responsive banner images */
.banner-ads-section .banner-content-wrapper {
  position: relative;
  overflow: hidden;
}

.banner-ads-section .banner-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain !important;
}

.banner-ads-section .banner-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.25);
}

/* Simplify like/add-to-cart buttons to single color */
.daily-specials-section .add-to-cart-btn,
.category-dishes-section .add-to-cart-btn,
.listings-section .add-to-cart-btn {
  background: #e74c3c !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
}

.daily-specials-section .add-to-cart-btn:hover,
.category-dishes-section .add-to-cart-btn:hover,
.listings-section .add-to-cart-btn:hover {
  background: #c0392b !important;
  transform: scale(1.05);
}

/* Ensure slider nav buttons remain visible on images */
.banner-ads-section .banner-nav-btn {
  
 
}

@media (max-width: 768px) {
  .banner-ads-section .banner-title {
    font-size: 1.25rem;
  }
  .banner-ads-section .banner-description {
    font-size: 0.95rem;
  }
}

/* New: container and spacing for banner and hero */
.banner-ads-section {
  padding-left: 3px; /* 3px gap on the left edge */
  padding-right: 3px; /* 3px gap on the right edge */
  margin-bottom: 3rem; /* extra space before hero */
}

.banner-ads-section .banner-slider {
  width: 97%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 768px) {
  .banner-ads-section .banner-slider {
    width: 98%;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }
}

.banner-ads-section .banner-content-wrapper {
  height: clamp(422px, 60vh, 702px);
}

.banner-ads-section .banner-overlay {
  background: transparent !important;
}

.banner-ads-section .banner-image {
  width: 100%;
  height: 100%;
  object-fit: contain !important;
}

/* Ensure visible space between banner and hero */
.hero {
  margin-top: 3rem !important;
}