/* Custom styles for Bar Pub Lupo showcase site */

/* Smooth custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #0c0e12;
}
::-webkit-scrollbar-thumb {
  background: #2a3245;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #d97706;
}

/* Base resets & typography */
html {
  font-family: 'Plus Jakarta Sans', sans-serif;
  color-scheme: dark;
}

h1, h2, h3, h4, .font-heading {
  font-family: 'Syne', sans-serif;
}

/* Animations */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fade-in {
  animation: fadeIn 0.6s ease-out forwards;
}

/* Active tab button styling */
.menu-tab-btn.active {
  background-color: #f59e0b !important;
  color: #000000 !important;
  border-color: #f59e0b !important;
  box-shadow: 0 10px 15px -3px rgba(245, 158, 11, 0.25);
}

/* Glassmorphism utility */
.glass-panel {
  background: rgba(21, 25, 33, 0.75);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(42, 50, 69, 0.8);
}

/* Card hover glow */
.menu-card {
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.menu-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 30px -10px rgba(245, 158, 11, 0.15);
}

/* Map frame custom styling */
iframe {
  filter: grayscale(20%) invert(92%) hue-rotate(180deg) contrast(90%);
}