@import url("./fmv-enhanced-base.css");
@import url("./fmv-enhanced-intro.css");
@import url("./fmv-enhanced-sections.css");

/*
 * Compact navigation liquid-metal parity.
 * This must live in the external stylesheet: the public host can reject
 * dynamically injected style sheets, which previously left only the
 * icon/text part of the hover reaction active.
 */
@media (max-width: 1023px) {
  body[data-fmv-enhanced-core="true"] nav.fmv-mark17-mobile-header menu
    [data-fmv-mobile-exact-liquid-v235="true"][data-fmv-mobile-exact-liquid-bound-v235="true"][data-fmv-mega-dropdown-liquid-hover-v128="true"] {
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 56px !important;
    overflow: hidden !important;
    border: 2px solid transparent !important;
    border-radius: 10px !important;
    background: transparent !important;
    box-shadow: none !important;
    transition:
      background-position 220ms ease,
      box-shadow 180ms ease,
      filter 180ms ease,
      transform 180ms ease !important;
  }

  body[data-fmv-enhanced-core="true"] nav.fmv-mark17-mobile-header menu
    [data-fmv-mobile-exact-liquid-v235="true"][data-fmv-mobile-exact-liquid-bound-v235="true"][data-fmv-mega-dropdown-liquid-hover-v128="true"]:is(
    :hover,
    :focus-visible,
    :focus-within,
    [data-fmv-mobile-liquid-active-v218="true"]
  ) {
    border: 2px solid transparent !important;
    background:
      linear-gradient(
        105deg,
        transparent 0%,
        rgba(255, 237, 168, 0.2) 10%,
        transparent 21%,
        transparent 66%,
        rgba(255, 220, 111, 0.17) 78%,
        transparent 92%
      ) padding-box,
      linear-gradient(180deg, #090706 0%, #030303 48%, #100c05 100%) padding-box,
      linear-gradient(
        112deg,
        #fff9df 0%,
        #c9a44f 14%,
        #4a3a1a 29%,
        #ffe59a 44%,
        #ffffff 52%,
        #886823 68%,
        #f4cf6a 84%,
        #5b451c 100%
      ) border-box !important;
    background-position: 0 0, 0 0, 100% 50% !important;
    filter: brightness(1.1) saturate(1.06) !important;
    transform: translate3d(0, -1px, 0) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.3),
      inset 0 -1px 0 rgba(0, 0, 0, 0.82),
      0 7px 15px -8px rgba(0, 0, 0, 0.72),
      0 3px 8px -5px rgba(207, 177, 109, 0.58) !important;
    outline: 0 !important;
  }

  body[data-fmv-enhanced-core="true"] nav.fmv-mark17-mobile-header menu
    [data-fmv-mobile-exact-liquid-v235="true"][data-fmv-mobile-exact-liquid-bound-v235="true"][data-fmv-mega-dropdown-liquid-hover-v128="true"]:is(
    :hover,
    :focus-visible,
    :focus-within,
    [data-fmv-mobile-liquid-active-v218="true"]
  ) [data-fmv-mark111-mega-icon-field-v182="true"] {
    background: #cfb16d !important;
  }

  body[data-fmv-enhanced-core="true"] nav.fmv-mark17-mobile-header menu
    [data-fmv-mobile-exact-liquid-v235="true"][data-fmv-mobile-exact-liquid-bound-v235="true"][data-fmv-mega-dropdown-liquid-hover-v128="true"]:is(
    :hover,
    :focus-visible,
    :focus-within,
    [data-fmv-mobile-liquid-active-v218="true"]
  ) p:first-of-type {
    color: #ffffff !important;
  }

  body[data-fmv-enhanced-core="true"] nav.fmv-mark17-mobile-header menu
    [data-fmv-mobile-exact-liquid-v235="true"][data-fmv-mobile-exact-liquid-bound-v235="true"][data-fmv-mega-dropdown-liquid-hover-v128="true"]:is(
    :hover,
    :focus-visible,
    :focus-within,
    [data-fmv-mobile-liquid-active-v218="true"]
  ) p:not(:first-of-type) {
    color: #d8c9a7 !important;
  }
}

/*
 * RoundedButtonShape contract
 * One geometry for every public action surface; liquid state is supplied by
 * the shared V75/V76 behavior, while static labels opt into the outline only.
 */
body[data-fmv-enhanced-core="true"] [data-fmv-rounded-button-shape="true"] {
  --fmv-liquid-radius-v76: 10px !important;
  border-radius: 10px !important;
}

body[data-fmv-enhanced-core="true"] [data-fmv-welcome-tab-v100="overview"] {
  border: 0 !important;
  border-width: 0 !important;
}

body[data-fmv-enhanced-core="true"] [data-fmv-welcome-tab-v100="future"] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 1px solid #cfb16d !important;
  box-shadow: none !important;
  animation: none !important;
  filter: none !important;
}

body[data-fmv-enhanced-core="true"] footer.fmv-mark17-footer {
  margin-bottom: 0 !important;
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
  gap: 0 !important;
}

body[data-fmv-enhanced-core="true"] footer.fmv-mark17-footer > :last-child {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body[data-fmv-enhanced-core="true"] footer.fmv-mark17-footer:last-child,
body[data-fmv-enhanced-core="true"] #__nuxt > :last-child {
  padding-bottom: 0 !important;
}

html:has(body[data-fmv-enhanced-core="true"]),
body[data-fmv-enhanced-core="true"],
body[data-fmv-enhanced-core="true"] #__nuxt {
  margin-bottom: 0 !important;
  background-color: #050711;
}