/**
 * FD Section Block — Avada Compatibility Fixes
 *
 * This file contains all CSS overrides needed to display imported
 * HTML content correctly within the Avada theme context.
 * Stored as an external CSS file to avoid PHP string escaping issues.
 */

/* Fix 1: Remove duplicate arrows on CTAs
   HTML source has inline SVG arrows, CSS also generates ::after arrows */
.fd-section-block .fd-btn-primary > svg:last-child,
.fd-section-block .fd-btn-outline > svg:last-child,
.fd-section-block .fd-link-arrow > svg:last-child,
.fd-section-block a[class*="btn"] > svg[xmlns]:last-child {
  display: none !important;
}
.fd-section-block .fd-btn-primary:has(svg)::after,
.fd-section-block .fd-btn-outline:has(svg)::after {
  content: none !important;
}

/* Fix 2: Full width — break out of Avada container */
.fd-section-block {
  width: 100vw !important;
  position: relative !important;
  left: 50% !important;
  right: 50% !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
}

/* Fix 2b: Compensate Avada sticky header overlap (~80px).
   Forces a minimum padding-top on .fd-hero-inner.
   Pages that already define padding on .fd-hero-inner (like Solutions
   with 100px) will have this overridden by their own !important rule
   since the source CSS gets !important boost too.
   Pages that only set padding on .fd-hero (like Capteurs) get the fix. */
.fd-section-block .fd-hero-inner {
  padding-top: 100px;
}
.fd-section-block .fd-page {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

/* Fix 3: SVG icon colors — precise per-component targeting */
.fd-section-block .fd-page .fd-card-icon svg {
  fill: var(--fd-cyan, #3BB7ED) !important;
  stroke: none !important;
}
.fd-section-block .fd-page .fd-flow-icon svg {
  fill: var(--fd-cyan, #3BB7ED) !important;
  stroke: none !important;
}
.fd-section-block .fd-page .fd-checklist svg {
  fill: none !important;
  stroke: var(--fd-cyan, #3BB7ED) !important;
}
.fd-section-block .fd-page .fd-tech-badge svg {
  fill: var(--fd-cyan, #3BB7ED) !important;
  stroke: none !important;
}

/* Fix 4: Section header — badge above h2, trait below */
.fd-section-block .fd-sh {
  text-align: center !important;
}
.fd-section-block .fd-sh-badge {
  display: inline-block !important;
  margin-bottom: 1rem !important;
}
.fd-section-block .fd-sh h2 {
  display: block !important;
}
.fd-section-block .fd-sh h2::after {
  content: "" !important;
  display: block !important;
  width: 3.5rem !important;
  height: 3px !important;
  background: var(--fd-cyan, #3BB7ED) !important;
  border-radius: 2px !important;
  margin: 1.25rem auto 0 !important;
}