/* ============================================
   PAGES — VentaFlow SA
   Light theme page-specific + polish
   ============================================ */

/* ── Grey section backgrounds ── */
.section--grey {
  background-color: var(--bg-elevated);
}

/* ── Ensure proper stacking ── */
.trust-bar,
.section-padding,
.stats-section,
.cta-band,
.footer {
  position: relative;
  z-index: 1;
}

/* ── Staggered animation delays for service 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; }

/* ── Light theme body overrides ── */
body {
  background-color: var(--bg-main);
  color: var(--text-primary);
}

/* ── Light theme reset overrides ── */
h1, h2, h3, h4, h5, h6 {
  color: var(--text-primary);
}

a {
  color: var(--text-primary);
}

/* ── Selection color ── */
::selection {
  background: rgba(10, 143, 143, 0.15);
  color: var(--text-primary);
}

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

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

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

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

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

/* ── Light theme button icon override ── */
.btn--icon {
  color: var(--text-primary);
}