/* The Bench Cafe - Custom Styles */

:root {
  --primary: #8B6343;
  --primary-dark: #6B4C2F;
  --accent: #D4A96A;
  --warm: #FDF6EE;
}

/* Smooth scrolling */
html {
  scroll-behavior: smooth;
}

/* Font smoothing */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Fade in on scroll animation */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.fade-in {
  animation: fadeInUp 0.6s ease forwards;
}

/* Gallery lightbox */
#lightbox {
  display: none;
}

#lightbox.active {
  display: flex;
}

/* Gallery hover effect */
.gallery-item img {
  transition: transform 0.3s ease;
}

.gallery-item:hover img {
  transform: scale(1.05);
}

/* Hero overlay gradient */
.hero-overlay {
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.5) 0%,
    rgba(0, 0, 0, 0.3) 50%,
    rgba(0, 0, 0, 0.65) 100%
  );
}

/* RTL specific adjustments */
[dir="rtl"] .rotate-180 {
  transform: rotate(0deg);
}

[dir="rtl"] .arrow-rtl {
  transform: rotate(180deg);
}

/* Mobile menu transition */
#mobileMenu {
  transition: all 0.3s ease;
}

/* Card hover effects */
.hover-card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.hover-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

/* Instagram button gradient */
.instagram-gradient {
  background: linear-gradient(135deg, #f58529, #dd2a7b, #8134af, #515bd4);
}