/* Mosquito Net Wala — Shared Site Styles
   Common dark-theme UI classes used across every page. */

body { font-family: 'Montserrat', sans-serif; }

/* Dark Luxury Glass Nav */
.glass-nav {
  background: rgba(14, 16, 19, 0.92);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

/* Dark Glass Cards */
.dark-card {
  background: #14171c;
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.dark-card:hover {
  border-color: #059669;
  transform: translateY(-3px);
  box-shadow: 0 10px 25px -5px rgba(5, 150, 105, 0.2);
}

/* Hero / Swiper Nav Buttons */
.hero-slider-prev, .hero-slider-next {
  color: #059669 !important;
  background: rgba(18, 20, 24, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.2);
  width: 34px;
  height: 34px;
  border-radius: 9999px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.4);
  transition: all 0.25s ease;
}
.hero-slider-prev:after, .hero-slider-next:after {
  font-size: 13px !important;
  font-weight: 900;
}
.hero-slider-prev:hover, .hero-slider-next:hover {
  background: #059669;
  color: #ffffff !important;
  transform: scale(1.08);
}

/* Global Swiper Pagination Dots */
.swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.3);
  opacity: 1;
  width: 8px;
  height: 8px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.swiper-pagination-bullet-active {
  background: #059669 !important;
  width: 26px;
  border-radius: 9999px;
}

/* Shadow for Hero Typography on Video */
.hero-shadow-dark {
  text-shadow: 0 3px 12px rgba(0, 0, 0, 0.9);
}

/* Card Hover Elevation (used on product/blog cards) */
.product-card-hover {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.product-card-hover:hover {
  transform: translateY(-4px);
}

/* Respect reduced-motion preference for accessibility */
@media (prefers-reduced-motion: reduce) {
  * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
}