/**
 * Value Builder — Elementor Native support stylesheet.
 *
 * Deliberately tiny. Everything about the layout, colour, spacing and type
 * scale of the native templates lives in Elementor control values, so the
 * client can change it from the panel. This file only covers the handful of
 * things Elementor Free has no control for.
 *
 * Nothing here uses a descendant selector that reaches across blocks, so
 * moving, duplicating or deleting a block can never break another one.
 * Deleting this file degrades gracefully: the pages lose the brand font
 * fallback and the sticky header, and nothing else.
 */

/* 1. Brand font stack ------------------------------------------------------
 * Applied at low specificity so any font chosen in the Elementor panel or in
 * Site Settings still wins. Only fills the gap when nothing else sets one. */
.vb-native,
.vb-native h1,
.vb-native h2,
.vb-native h3,
.vb-native h4,
.vb-native p,
.vb-native li,
.vb-native a,
.vb-native blockquote,
.vb-native .elementor-heading-title,
.vb-native .elementor-button {
  font-family: "Segoe UI Variable", "Segoe UI", Inter, -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif;
}

.vb-native {
  -webkit-font-smoothing: antialiased;
}

/* 2. Sticky header ---------------------------------------------------------
 * Position: sticky is an Elementor Pro control. This is the one-class
 * equivalent; remove `vb-sticky-top` from the header block to disable it. */
.vb-sticky-top {
  position: sticky;
  z-index: 100;
  top: 0;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

body.admin-bar .vb-sticky-top {
  top: 32px;
}

@media (max-width: 782px) {
  body.admin-bar .vb-sticky-top {
    top: 46px;
  }
}

/* 3. Bundled SVG widgets --------------------------------------------------- */
.vb-lens,
.vb-curve {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.vb-lens svg,
.vb-curve svg {
  display: block;
  width: 100%;
  height: auto;
  transform-origin: center;
}

.elementor-widget-vb_readiness_lens > .elementor-widget-container,
.elementor-widget-vb_value_curve > .elementor-widget-container {
  margin: 0;
  padding: 0;
}

/* 4. Inline accents shipped inside editable headings ----------------------- */
.vb-native em {
  font-style: normal;
}

.vb-native sup {
  font-size: 0.55em;
  vertical-align: super;
}

/* 5. Reduced motion ------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  .vb-native *,
  .vb-native *::before,
  .vb-native *::after {
    animation-duration: 1ms !important;
    animation-delay: 0ms !important;
    transition-duration: 1ms !important;
  }
}