/**
 * Element Overrides - Generated by FVE
 * Last updated: 2026-03-02T21:21:39.936Z
 *
 * These are element-specific style changes that override
 * the base theme styles for individual elements.
 */

.fve-8sGjKfGb {
  background-color: rgba(2, 2, 2, 0.99) !important;
  color: #ffffff !important;
}

.fve-7nUcCJAM {
  font-size: 14px !important;
}

.fve-90gtGN3i {
  font-size: 14px !important;
}

/* Framework cards — original brand-red glow, alpha driven by FasterMotion --fw-glow (0 → 1) */
[data-hbs-id^="fw-pillar-"] {
  box-shadow: 0 12px 28px -8px rgba(200, 16, 46, calc(var(--fw-glow, 0) * 0.25));
  will-change: transform, box-shadow;
}

/* ─────────────────────────────────────────────────────────────
   Booking page (/bookings/appointment) — step indicator overrides
   - Numbers visible and white inside each circle
   - Red fill only on the active and completed steps
     (inactive steps keep the neutral gray styling from the theme)
   ───────────────────────────────────────────────────────────── */

/* Active step: solid red fill with white number + soft red glow */
.progress-steps .progress-step.active .step-circle {
    border-color: #C8102E !important;
    background: #C8102E !important;
    color: #FFFFFF !important;
}

/* Completed steps: solid red fill with white number */
.progress-steps .progress-step.completed .step-circle {
    border-color: #C8102E !important;
    background: #C8102E !important;
    color: #FFFFFF !important;
}