/**
 * AMVATS GROUP - Core Stylesheet
 * Consolidates global reset, corporate scrollbars, and utility classes.
 */

@layer base {
  html,
  body {
    margin: 0;
    padding: 0;
  }

  body {
    overscroll-behavior: auto;
  }

  main > :first-child {
    margin-top: 0 !important;
  }

  main > :last-child {
    margin-bottom: 0 !important;
  }
}

/* Sleek Corporate Scrollbar */
html {
  scrollbar-width: thin;
  scrollbar-color: #E6B422 #052A46;
  scroll-behavior: smooth;
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #052A46;
}

::-webkit-scrollbar-thumb {
  background: #E6B422;
  border-radius: 6px;
  border: 2px solid #052A46;
}

::-webkit-scrollbar-thumb:hover {
  background: #CF9E14;
}

/* Hero Carousel Background Images */
.hero-slide-bg-1 {
  background-image: url("images/hero-slide-1.webp");
}

.hero-slide-bg-2 {
  background-image: url("images/hero-slide-2.webp");
}

.hero-slide-bg-3 {
  background-image: url("images/hero-slide-3.webp");
}

.hero-slide-bg-4 {
  background-image: url("images/hero-slide-4.webp");
}

/* Subtle Golden Geometric Grid Accent in background */
.why-amvats-grid-pattern {
  background-image: radial-gradient(
    circle at 2px 2px,
    #e6b422 1px,
    transparent 0
  );
  background-size: 32px 32px;
}