/*
 * Shared final-state rules for the consultation drawer.
 * This file is intentionally loaded last by every footer entry point so page-
 * specific boundary styles cannot make the main and specials drawers diverge.
 */
html {
  scrollbar-gutter: stable !important;
}

html.quick-drawer-open {
  overflow: hidden !important;
  scrollbar-gutter: auto !important;
}

html body #quickConsultDrawer#quickConsultDrawer form#quickDrawerForm > button.primary.quick-drawer-submit,
html body #quickConsultDrawer#quickConsultDrawer form#quickDrawerForm > button.primary.quick-drawer-submit:hover,
html body #quickConsultDrawer#quickConsultDrawer form#quickDrawerForm > button.primary.quick-drawer-submit:focus,
html body #quickConsultDrawer#quickConsultDrawer form#quickDrawerForm > button.primary.quick-drawer-submit:focus-visible,
html body #quickConsultDrawer#quickConsultDrawer form#quickDrawerForm > button.primary.quick-drawer-submit:active,
html body #quickConsultDrawer#quickConsultDrawer form#quickDrawerForm > button.primary.quick-drawer-submit:disabled {
  background: #0d2340 !important;
  background-color: #0d2340 !important;
  background-image: none !important;
  border-color: #0d2340 !important;
  color: #fff !important;
  box-shadow: none !important;
  filter: none !important;
  font-weight: 600 !important;
  outline: 0 !important;
  text-shadow: none !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
}

html body #quickConsultDrawer#quickConsultDrawer form#quickDrawerForm > button.primary.quick-drawer-submit::before,
html body #quickConsultDrawer#quickConsultDrawer form#quickDrawerForm > button.primary.quick-drawer-submit::after,
html body #quickConsultDrawer#quickConsultDrawer form#quickDrawerForm > button.primary.quick-drawer-submit .rq-material-icon {
  display: none !important;
  content: none !important;
}

html body #quickConsultDrawer#quickConsultDrawer .quick-drawer-head .quick-drawer-title-row > button.quick-drawer-close,
html body #quickConsultDrawer#quickConsultDrawer .quick-drawer-head .quick-drawer-title-row > button.quick-drawer-close:hover,
html body #quickConsultDrawer#quickConsultDrawer .quick-drawer-head .quick-drawer-title-row > button.quick-drawer-close:focus,
html body #quickConsultDrawer#quickConsultDrawer .quick-drawer-head .quick-drawer-title-row > button.quick-drawer-close:focus-visible,
html body #quickConsultDrawer#quickConsultDrawer .quick-drawer-head .quick-drawer-title-row > button.quick-drawer-close:active {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #101820 !important;
  filter: none !important;
  opacity: 1 !important;
  outline: 0 !important;
  text-shadow: none !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
}

html body #quickConsultDrawer#quickConsultDrawer .quick-drawer-head .quick-drawer-title-row > button.quick-drawer-close::before,
html body #quickConsultDrawer#quickConsultDrawer .quick-drawer-head .quick-drawer-title-row > button.quick-drawer-close::after {
  display: none !important;
  content: none !important;
}

/* Keep the close control and its layout container static in every pointer state. */
html body #quickConsultDrawer#quickConsultDrawer .quick-drawer-head .quick-drawer-title-row,
html body #quickConsultDrawer#quickConsultDrawer .quick-drawer-head .quick-drawer-title-row:hover,
html body #quickConsultDrawer#quickConsultDrawer .quick-drawer-head .quick-drawer-title-row:focus-within,
html body #quickConsultDrawer#quickConsultDrawer .quick-drawer-head .quick-drawer-title-row > button.quick-drawer-close .quick-drawer-close-mark,
html body #quickConsultDrawer#quickConsultDrawer .quick-drawer-head .quick-drawer-title-row > button.quick-drawer-close .quick-drawer-close-mark:hover {
  filter: none !important;
  transition: none !important;
  animation: none !important;
}

html body #quickConsultDrawer#quickConsultDrawer .quick-drawer-head .quick-drawer-title-row > button.quick-drawer-close {
  -webkit-tap-highlight-color: transparent !important;
}

html body #quickConsultDrawer#quickConsultDrawer .quick-drawer-head .quick-drawer-title-row > button.quick-drawer-close .quick-drawer-close-mark::before,
html body #quickConsultDrawer#quickConsultDrawer .quick-drawer-head .quick-drawer-title-row > button.quick-drawer-close .quick-drawer-close-mark::after {
  filter: none !important;
  transition: none !important;
  animation: none !important;
}

/* Open and close without translating the whole consultation layout. */
html body #quickConsultDrawer#quickConsultDrawer,
html body #quickConsultDrawer#quickConsultDrawer.is-open,
html body #quickConsultDrawer#quickConsultDrawer.is-closing {
  transition: none !important;
  animation: none !important;
}

html body #quickConsultDrawer#quickConsultDrawer .quick-drawer-panel,
html body #quickConsultDrawer#quickConsultDrawer.is-open .quick-drawer-panel,
html body #quickConsultDrawer#quickConsultDrawer.is-closing .quick-drawer-panel {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
  animation: none !important;
}

/* Mobile: make the shared consultation drawer a true viewport-level screen. */
@media (max-width: 760px) {
  html body #quickConsultDrawer#quickConsultDrawer {
    position: fixed !important;
    z-index: 9999 !important;
    inset: 0 !important;
    width: 100vw !important;
    min-width: 100vw !important;
    max-width: 100vw !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    max-height: 100dvh !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  html body #quickConsultDrawer#quickConsultDrawer[aria-hidden="true"] {
    display: none !important;
  }

  html body #quickConsultDrawer#quickConsultDrawer[aria-hidden="false"] {
    display: block !important;
  }

  html body #quickConsultDrawer#quickConsultDrawer .quick-drawer-panel,
  html body #quickConsultDrawer#quickConsultDrawer.is-open .quick-drawer-panel,
  html body #quickConsultDrawer#quickConsultDrawer.is-closing .quick-drawer-panel {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    min-width: 100vw !important;
    max-width: 100vw !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    max-height: 100dvh !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  html body #quickConsultDrawer#quickConsultDrawer .quick-drawer-track {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  html body #quickConsultDrawer#quickConsultDrawer .quick-drawer-screen {
    grid-area: 1 / 1 !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  html body #quickConsultDrawer#quickConsultDrawer .quick-drawer-track:not(.is-complete) .quick-drawer-complete-screen,
  html body #quickConsultDrawer#quickConsultDrawer .quick-drawer-track.is-complete .quick-drawer-form-screen {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  html body #quickConsultDrawer#quickConsultDrawer .quick-drawer-track.is-complete .quick-drawer-complete-screen,
  html body #quickConsultDrawer#quickConsultDrawer .quick-drawer-track:not(.is-complete) .quick-drawer-form-screen {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
}

/* Desktop: fit the shared consultation drawer to its form content. */
@media (min-width: 761px) {
  html body #quickConsultDrawer#quickConsultDrawer {
    position: fixed !important;
    z-index: 9999 !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  html body #quickConsultDrawer#quickConsultDrawer[aria-hidden="true"]:not(.is-closing) {
    display: none !important;
  }

  html body #quickConsultDrawer#quickConsultDrawer[aria-hidden="false"] {
    display: flex !important;
  }

  html body #quickConsultDrawer#quickConsultDrawer .quick-drawer-panel {
    position: relative !important;
    z-index: 1 !important;
    inset: auto !important;
    margin: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100dvh - 40px) !important;
    overflow: hidden !important;
    border-radius: 12px !important;
  }

  html body #quickConsultDrawer#quickConsultDrawer .quick-drawer-track {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    transform: none !important;
  }

  html body #quickConsultDrawer#quickConsultDrawer .quick-drawer-screen,
  html body #quickConsultDrawer#quickConsultDrawer .quick-drawer-form-screen {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100dvh - 40px) !important;
  }

  html body #quickConsultDrawer#quickConsultDrawer .quick-drawer-screen {
    grid-area: 1 / 1 !important;
    border-radius: 12px !important;
  }

  html body #quickConsultDrawer#quickConsultDrawer .quick-drawer-track:not(.is-complete) .quick-drawer-complete-screen,
  html body #quickConsultDrawer#quickConsultDrawer .quick-drawer-track.is-complete .quick-drawer-form-screen {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  html body #quickConsultDrawer#quickConsultDrawer .quick-drawer-track.is-complete .quick-drawer-complete-screen,
  html body #quickConsultDrawer#quickConsultDrawer .quick-drawer-track:not(.is-complete) .quick-drawer-form-screen {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  html body #quickConsultDrawer#quickConsultDrawer .quick-drawer-form-screen {
    padding-bottom: 20px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  html body #quickConsultDrawer#quickConsultDrawer #quickDrawerStatus:empty {
    display: none !important;
  }
}