/* Header Styling */
.language-selector:hover .language-dropdown {
  display: block;
}

.currency-selector:hover .currency-dropdown {
  display: block;
}

.rtl-dir {
  direction: rtl;
}

/* Hero Background */
.hero-bg {
  background-image: url('../images/hero-bg.jpg');
  background-size: cover;
  background-position: center;
}

/* Animated Hands */
.hand {
  position: absolute;
  width: 80px;
  height: 80px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="rgba(234, 179, 8, 0.3)"><path d="M12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6zm0 10c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4z"/></svg>');
  background-size: contain;
  opacity: 0.2;
  filter: drop-shadow(0 0 5px rgba(234, 179, 8, 0.3));
}

.left-hand {
  top: 15%;
  left: 5%;
  transform-origin: center;
  animation: handMove 5s ease-in-out infinite;
}

.right-hand {
  bottom: 15%;
  right: 5%;
  transform-origin: center;
  animation: handMove 5s ease-in-out infinite reverse;
}

/* Gradient Text */
.gradient-text {
  background: linear-gradient(90deg, #22c55e, #facc15);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* Card Hover Effects */
.card:hover {
  transform: translateY(-10px);
}

/* Pulse Animation for Countdown */
.animate-pulse-fast {
  animation: pulse 0.5s infinite;
}

/* Responsive Adjustments */
@media (max-width: 640px) {
  .hero-bg h1 {
    font-size: 2.5rem;
  }
  .hero-bg p {
    font-size: 1rem;
  }
  .hero-bg .text-lg {
    font-size: 0.9rem;
  }
  .hero-bg .text-xl {
    font-size: 1.1rem;
  }
  .grid-cols-2.sm\\:grid-cols-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .hand {
    width: 50px;
    height: 50px;
    opacity: 0.15;
  }
  .left-hand {
    top: 10%;
    left: 3%;
  }
  .right-hand {
    bottom: 10%;
    right: 3%;
  }
}

/* Subtle Parallax Effect for Hero */
.hero-bg {
  background-attachment: fixed;
}

/* Islamic Pattern Overlay for Hero */
.hero-bg::after {
  content: '';
  position: absolute;
  inset: 0;
  background: url('https://barakahfarms.id/images/islamic-pattern.png') repeat;
  opacity: 0.1;
}

/* Qurbani Options Card Styling */
.qurbani-card {
  transition: all 0.3s ease-in-out;
}

.qurbani-card:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

/* Ensure cards stack properly on mobile */
@media (max-width: 640px) {
  .sm\\:grid-cols-2 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .md\\:grid-cols-4 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .md\\:grid-cols-3 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}