/* Simple Moves — overrides for new/changed elements only.
   Everything else comes from the mirrored original stylesheets. */

.quote-form__badges {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  list-style: none;
  padding: 0;
  font-weight: 700;
  color: var(--primary);
}

.quote-form__badges li {
  display: flex;
  align-items: center;
}

.quote-form__frame {
  width: 100%;
}

.quote-trigger {
  cursor: pointer;
}

/* The footer TikTok icon is inline SVG (the Font Awesome *brands* font was dropped
   — it cost 133 KB/page for this one glyph). Size it from the same `--icon-size`
   custom property the icon-font glyphs use, so it matches them exactly and still
   steps down at the theme's responsive breakpoints (64px → 36px → 24px).
   The 0.7 factor matches the rendered ink height of the Ionicons glyphs beside it
   (45px at --icon-size:64px) — an icon font's glyph does not fill its full em box.
   `fill` is already set to var(--white) by the shared .fr-footer-juliet__social-icon rule. */
svg.fr-footer-juliet__social-icon {
  width: calc(var(--icon-size) * 0.7);
  height: calc(var(--icon-size) * 0.7);
}

/* Keep the quote modal above page content once the header goes sticky.

   The mirrored theme drops the header to `z-index:999` while sticky
   (`#brx-header.x-header_sticky-active`), but it is 99999 at rest. The quote
   modal is rendered INSIDE the header, so it can never paint above whatever
   the header itself is stacked against — raising the modal's own z-index
   does nothing, because it is confined to the header's stacking context.

   Meanwhile the service-page hero's `.hero-victor__main-row` carries
   `z-index:999`. It is `position:static`, but its parent section is
   `display:flex`, and z-index DOES apply to flex items — so it forms a
   stacking context at 999 too. Header 999 vs content 999 is a tie, and ties
   break on DOM order: <main> comes after <header>, so the page content won.
   Scrolled (which you always are by the time you reach a service page's
   "Get Started"), the modal opened behind the content.

   Restoring the at-rest 99999 while sticky clears the content's 999 and
   still sits below the consent banner (100002), which should stay on top. */
#brx-header.x-header_sticky-active {
  z-index: 99999;
}