/* ============================================
   PAGES — BlastPro SA
   Page-specific styles + motion overrides
   ============================================ */

/* ── Ensure sections below hero have solid bg ── */
.trust-bar,
.section-padding,
.stats-section,
.marquee,
.process-section,
.cta-band,
.footer {
  position: relative;
  z-index: 1;
  background-color: var(--bg-main);
}

.trust-bar {
  background-color: var(--color-primary);
}

.stats-section {
  background-color: var(--bg-elevated);
}

.cta-band {
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--bg-main) 100%);
}

.footer {
  background-color: var(--bg-elevated);
}

/* ── Staggered animation delays for cards ── */
.services-grid .service-card:nth-child(1) { transition-delay: 0s; }
.services-grid .service-card:nth-child(2) { transition-delay: 0.08s; }
.services-grid .service-card:nth-child(3) { transition-delay: 0.16s; }
.services-grid .service-card:nth-child(4) { transition-delay: 0.24s; }
.services-grid .service-card:nth-child(5) { transition-delay: 0.32s; }
.services-grid .service-card:nth-child(6) { transition-delay: 0.4s; }

/* ── Selection color ── */
::selection {
  background: var(--color-primary);
  color: var(--text-primary);
}

/* ── Smooth scroll anchors offset for fixed navbar ── */
:target {
  scroll-margin-top: calc(var(--header-height) + 20px);
}

/* ── Custom scrollbar ── */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: var(--bg-main);
}

::-webkit-scrollbar-thumb {
  background: var(--color-primary);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--color-accent);
}