/* ==========================================================================
   UTILITY & DECORATIVE CLASSES
   ========================================================================== */

/* Text Gradients */
.text-gradient {
  background: var(--gradient-text);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  display: inline-block;
}

/* Glassmorphism Panels */
.glass-panel {
  background: var(--color-bg-panel);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  transition: border-color var(--transition-fast), background-color var(--transition-fast);
}

.glass-panel:hover {
  background: var(--color-bg-panel-hover);
  border-color: var(--color-border-glow);
}

/* Radial Glows */
.bg-radial-glow {
  position: absolute;
  width: 600px;
  height: 600px;
  background: var(--gradient-bg-glow);
  pointer-events: none;
  z-index: var(--z-bg-glow);
  opacity: 0.8;
  filter: blur(40px);
}

/* General Layout Utilities */
.relative {
  position: relative !important;
}

.z-base {
  z-index: 1 !important;
}

.z-decorations {
  z-index: var(--z-decorations) !important;
}

.z-content {
  z-index: var(--z-hero-content) !important;
}

/* Custom capsule shape buttons */
.fda-btn {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 10px 10px 24px;
  /* extra padding on left, tight on right for circular icon */
  border-radius: var(--radius-pill);
  font-family: var(--font-primary);
  font-size: var(--fs-sm);
  font-weight: var(--fw-semibold);
  letter-spacing: var(--ls-wide);
  transition: transform var(--transition-smooth), box-shadow var(--transition-smooth), background var(--transition-smooth), border-color var(--transition-smooth);
  text-decoration: none;
  cursor: pointer;
}

.fda-btn-circle {
  width: 44px;
  height: 44px;
  border-radius: var(--radius-pill);
  background-color: var(--color-always-light);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 20px;
  transition: transform var(--transition-smooth), background-color var(--transition-smooth);
  flex-shrink: 0;
}

.fda-btn-circle svg {
  width: 18px;
  height: 18px;
  color: var(--color-primary);
  transition: color var(--transition-smooth), transform var(--transition-smooth);
}

/* Scroll Lock */
.scroll-locked {
  overflow: hidden !important;
}

/* ==========================================================================
   GLOBAL SECTION SPACING OVERRIDE
   Adjusts section padding to exactly 50px vertical spacing for a tighter,
   consistent visual gap across all pages.
   ========================================================================== */
.fda-services-section,
.fda-solutions-section,
.fda-roadmap-section,
.fda-testimonials-section,
.fda-faq-section,
.fda-contact-section,
.fda-expertise-section,
.fda-purpose-section,
.fda-about-cta-banner,
.fda-ind-carousel-section,
.fda-why-section,
.fda-industries-section,
.fda-metrics-section,
.fda-blog-section {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}