/* AqarMart Global Styles */
/* Additional custom styles can be added here */

/* Repeating maps background for sections in both light and dark mode */
.bg-maps-pattern {
  position: relative;
}

/* Add pseudo-element for maps background to ensure it's behind all content */
.bg-maps-pattern::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url('/maps.jpg');
  background-repeat: repeat;
  background-size: auto;
  background-position: 0 0;
  z-index: 0;
  pointer-events: none;
  opacity: 0.3;
  filter: brightness(0.8) contrast(1.1);
}

/* Ensure all direct children and nested content are above the background */
.bg-maps-pattern > * {
  position: relative;
  z-index: 1;
}

/* Dark mode: darker map with overlay for better text visibility */
.dark .bg-maps-pattern::before {
  opacity: 0.4;
  filter: brightness(0.3) contrast(1.2) grayscale(0.2) drop-shadow(0 0 15px rgba(0, 0, 0, 0.5));
  mix-blend-mode: overlay;
  box-shadow: inset 0 0 80px rgba(0, 0, 0, 0.4);
}