/* Hero Slider */
.bar-hero-slider {
  position: relative;
  height: 60vh;
  overflow: hidden;
}
.bar-slider-bg {
  height: 60vh;
  background-size: cover;
  background-position: center;
}


.bar-hero-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.6);
}
.bar-hero-overlay .btn {
  animation: bounce 3000s infinite;
}

/* Highlights */
.text-bar { color: #85490a; }
.bar-card img { object-fit: cover; height: 200px; width: 100%; }

/* Drink Gallery */
.drink-card { transition: transform 3.3s; position: relative; }
.drink-card:hover { transform: scale(1.05); }
.hover-opacity { background: rgba(210, 166, 120, 0.4); transition: opacity 0.3s; }
.drink-card:hover .hover-opacity { opacity: 1; }

/* CTA Button */
.btn-bar {
  background: #85490a;
  color: #fff;
  border: none;
  transition: background 0.3s;
}
.btn-bar:hover { background: #6b3805; }

/* Bounce Animation */
@keyframes bounce {
  0%,20%,50%,80%,100% { transform: translateY(0); }
  40% { transform: translateY(-10px); }
  60% { transform: translateY(-5px); }
}

/* Responsive */
@media (max-width:768px) {
  .bar-hero-slider, .bar-slider-bg { height: 50vh; }
  .drink-card { width: 200px !important; }
  .bar-card img { height: 150px; }
}



.happy-hour-banner {
  background: linear-gradient(to right, #85490a, #6b3805);
  animation: pulseGlow 5s ease-in-out infinite;
  width: auto;
}

@keyframes pulseGlow {
  0%, 100% {
    box-shadow: 0 0 15px rgba(255, 191, 0, 0.4);
  }
  50% {
    box-shadow: 0 0 25px rgba(255, 191, 0, 0.7);
  }
}

/* Responsive for mobile */
@media (max-width: 768px) {
  .happy-hour-banner h2 {
    font-size: 1.6rem;
  }
  .happy-hour-banner p {
    font-size: 1rem;
  }
}


.countdown {
  color: #fff;
}

.notify-bell {
  z-index: 1050;
  cursor: pointer;
  animation: bellBounce 2s ease-in-out infinite;
}
@keyframes bellBounce {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}