body {
  font-family: "Zain", sans-serif;
}
.hero-bg {
  background-image: url("../assets/images/backgraund.jpeg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed; /* Parallax effect */
}
.scroll-smooth {
  scroll-behavior: smooth;
}
/* No custom animations for Apple theme */

.dark-theme {
  background-color: #0c0b09; /* Black tending towards very light orange */
  color: #f0f0f0; /* Light text color for contrast */
}

.dark-theme .text-gray-900 {
  color: #f0f0f0;
}

.dark-theme .text-gray-800 {
  color: #e0e0e0;
}

.dark-theme .text-gray-700 {
  color: #d0d0d0;
}

.dark-theme .text-gray-600 {
  color: #c0c0c0;
}

.dark-theme .bg-white {
  background-color: #3a3a50; /* Slightly lighter dark background for elements */
}

.dark-theme .bg-gray-100 {
  background-color: #3a3a50; /* Slightly lighter dark background for sections */
}

.dark-theme .border-gray-200 {
  border-color: #4a4a60;
}

.dark-theme .border-gray-300 {
  border-color: #5a5a70;
}

.dark-theme .bg-gray-50 {
  background-color: #3a3a50;
}

#map-container {
  box-shadow: 0 20px 25px -5px rgba(255, 165, 0, 0.5), 0 10px 10px -5px rgba(255, 165, 0, 0.4); /* Light orange shadow */
}

.orange-shadow {
  box-shadow: 0 10px 15px -3px rgba(255, 165, 0, 0.3), 0 4px 6px -2px rgba(255, 165, 0, 0.2); /* Light orange shadow for product cards */
}

/* News Section Styles */
.news-card {
  transition: all 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

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

.news-image {
  transition: transform 0.3s ease;
}

.news-card:hover .news-image {
  transform: scale(1.05);
}

.news-date-badge {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.news-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.news-body {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.news-loading-spinner {
  border: 4px solid rgba(255, 255, 255, 0.1);
  border-left: 4px solid #667eea;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Enhanced animations for news cards */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.news-card-animate {
  animation: fadeInUp 0.6s ease-out;
}

/* Responsive improvements */
@media (max-width: 768px) {
  .news-card {
    margin-bottom: 2rem;
  }
}

/* Dark theme adjustments for news */
.dark-theme .news-card {
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-theme .news-card:hover {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

/* Modal styles for news */
.news-modal {
  backdrop-filter: blur(5px);
}

.dark-theme .news-modal .bg-white {
  background: #3a3a50;
  color: #f0f0f0;
}

.dark-theme .news-modal .text-gray-800 {
  color: #f0f0f0;
}

.dark-theme .news-modal .text-gray-600 {
  color: #d0d0d0;
}

.dark-theme .news-modal .text-gray-500 {
  color: #c0c0c0;
}

.dark-theme .news-modal .hover\:bg-gray-100:hover {
  background: rgba(255, 255, 255, 0.1);
}