/* Custom styles */
body {
  font-family: Arial, sans-serif;
}

/* Ensure footer stays at the bottom */
html, body {
  height: 100%;
}

footer {
  flex-shrink: 0;
}

/* Ensure main content has consistent styling */
main {
  max-width: 1280px; /* Match Tailwind's max-w-7xl */
  margin: 0 auto;
}

/* Footer styles */
footer {
  background-color: #1e3a8a; /* Match Tailwind's bg-blue-900 */
}

/* Logo in footer */
.footer-logo {
  max-width: 120px; /* Adjust logo size */
  height: auto;
  margin: 0 auto 1rem;
}

/* Location icon */
.location-icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5rem;
}

/* Styles for banner slides */
.banner-slide-container {
  position: relative;
  width: 100%;
  max-width: 768px; /* Match max-w-3xl */
  margin: 0 auto;
  overflow: hidden;
}

.banner-slide {
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 320px; /* Match max-h-80 */
  object-fit: contain; /* Ensure full image is shown */
  image-rendering: auto; /* Improve image quality */
  display: none;
}

.banner-slide.active {
  display: block;
}

/* Styles for paint slides */
.paint-slide-container {
  position: relative;
  width: 100%;
  max-width: 1280px; /* Match max-w-7xl */
  margin: 0 auto;
  overflow: hidden;
}

.paint-slide {
  width: 100%;
  height: auto;
  max-width: 100%;
  display: none;
}

.paint-slide.active {
  display: block;
}