@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

body {
  font-family: 'Poppins', sans-serif;
  overflow-x: hidden;
}

/* Custom Colors */
.bg-gazelle-dark { background-color: #1a2a1a; }
.bg-gazelle-green { background-color: #3b7b25; }
.text-gazelle-green { color: #3b7b25; }
.border-gazelle-green { border-color: #3b7b25; }
.hover-bg-gazelle-green:hover { background-color: #2f631d; }

/* Hero Section */
.hero-section {
  position: relative;
  background-image: url('../images/foto1.jpg'); /* Placeholder for port/crates */
  background-size: cover;
  background-position: top center;
}

.hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(15, 30, 20, 0.8) 0%, rgba(15, 30, 20, 0.5) 40%, rgba(255, 255, 255, 0) 100%);
}

.hero-crate-img {
  position: absolute;
  right: 5%;
  bottom: -20px;
  width: 50%;
  max-width: 600px;
  z-index: 10;
}

/* Products Section */
.product-card img {
  transition: transform 0.3s ease;
}
.product-card:hover img {
  transform: scale(1.05);
}

/* Split Section */
.split-left {
  background-image: url('https://images.unsplash.com/photo-1524661135-423995f22d0b?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80'); /* Placeholder for map */
  background-size: cover;
  background-position: top center;
  position: relative;
}

.split-left::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: rgba(20, 40, 25, 0.85); /* Dark green overlay */
}

.split-right {
  background-image: url('../images/fruit.jpg');
  background-size: cover;
  background-position: center;
  min-height: 100%;
}

/* Feature Icons */
.feature-icon-wrapper {
  transition: all 0.3s ease;
}
.feature-icon-wrapper:hover {
  transform: translateY(-5px);
}

/* Utility for RTL Support */
[dir="rtl"] .hero-overlay {
  background: linear-gradient(270deg, rgba(15, 30, 20, 0.8) 0%, rgba(15, 30, 20, 0.5) 40%, rgba(255, 255, 255, 0) 100%);
}
[dir="rtl"] .hero-crate-img {
  right: auto;
  left: 5%;
}
[dir="rtl"] .ml-auto {
  margin-left: 0;
  margin-right: auto;
}
[dir="rtl"] .mr-auto {
  margin-right: 0;
  margin-left: auto;
}

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

/* Animations */
.animate-on-scroll {
  opacity: 0;
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

.fade-in {
  transform: translateY(0);
}

.slide-up {
  transform: translateY(40px);
}

.slide-left {
  transform: translateX(-40px);
}

.slide-right {
  transform: translateX(40px);
}

.animate-on-scroll.is-visible {
  opacity: 1;
  transform: translateY(0) translateX(0);
}

/* Delays */
.delay-100 { transition-delay: 100ms; }
.delay-200 { transition-delay: 200ms; }
.delay-300 { transition-delay: 300ms; }
.delay-400 { transition-delay: 400ms; }

/* Mobile Menu Animation */
#mobile-menu {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease-in-out, border-width 0.4s ease-in-out;
  border-top-width: 0;
}
#mobile-menu.open {
  max-height: 600px;
  border-top-width: 1px;
}