/*
 * Ideal Spaces UI Clean v1.0.11.32
 * Exactly two desktop corrections:
 * 1) expand the existing fixed header from the theme's inset wrapper to 100vw;
 * 2) replace the neutral-grey submenu hover with a restrained pale navy tint.
 * No font, font-size, weight, spacing, dimensions of inner controls, footer,
 * hero, cards, navigation structure, dropdown geometry or behaviour changes.
 */

:root {
  --is32-bone-white: #f6f1ed;
  --is32-navy: #26314a;
  /* Same navy hue, lifted to a deliberately subtle blue tint. */
  --is32-submenu-hover: #e5e8f0;
}

@media only screen and (min-width: 1200px) {
  /*
   * The theme places the entire site inside an inset desktop shell, leaving
   * about 29px of that shell's grey background visible on each side. A fixed
   * child can still use that transformed shell as its containing block, so
   * width:100% remains short. 100vw + centring from the shell's midpoint makes
   * the existing header meet both viewport edges at every desktop width.
   */
  html body.is-modern-ui-test .site-header,
  html body.is-modern-ui-test header.site-header,
  html body.is-modern-ui-test #masthead,
  html body.isclean-loss-page .site-header,
  html body.isclean-loss-page header.site-header,
  html body.isclean-loss-page #masthead {
    left: 50% !important;
    right: auto !important;
    width: 100vw !important;
    min-width: 100vw !important;
    max-width: 100vw !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: translateX(-50%) !important;
    background: var(--is32-bone-white) !important;
    background-color: var(--is32-bone-white) !important;
    background-image: none !important;
  }

  /*
   * Backstop behind the real header. It only fills the upper header row and is
   * pointer-transparent. This guarantees that even a theme edge layer cannot
   * reveal grey while preserving the existing header and menu above it.
   */
  html body.is-modern-ui-test::before,
  html body.isclean-loss-page::before {
    content: "" !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    height: var(--ismui-header-height, 78px) !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    background: var(--is32-bone-white) !important;
    background-color: var(--is32-bone-white) !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    pointer-events: none !important;
    z-index: 9998 !important;
  }

  html body.admin-bar.is-modern-ui-test::before,
  html body.admin-bar.isclean-loss-page::before {
    top: 32px !important;
  }

  /* Neutralise hover colour on the list item itself; only the link gets feedback. */
  html body.is-modern-ui-test .site-header .mainHeaderMenu .mainMenu > li > ul > li:hover,
  html body.is-modern-ui-test .site-header .mainHeaderMenu .mainMenu > li > ul > li:focus-within,
  html body.isclean-loss-page .site-header .mainHeaderMenu .mainMenu > li > ul > li:hover,
  html body.isclean-loss-page .site-header .mainHeaderMenu .mainMenu > li > ul > li:focus-within {
    background: var(--is32-bone-white) !important;
    background-color: var(--is32-bone-white) !important;
    background-image: none !important;
  }

  /* Pointer and keyboard feedback: visibly blue, still quiet and editorial. */
  html body.is-modern-ui-test .site-header .mainHeaderMenu .mainMenu > li > ul > li:hover > a,
  html body.is-modern-ui-test .site-header .mainHeaderMenu .mainMenu > li > ul > li:focus-within > a,
  html body.is-modern-ui-test .site-header .mainHeaderMenu .mainMenu > li > ul > li > a:hover,
  html body.is-modern-ui-test .site-header .mainHeaderMenu .mainMenu > li > ul > li > a:focus,
  html body.is-modern-ui-test .site-header .mainHeaderMenu .mainMenu > li > ul > li > a:focus-visible,
  html body.isclean-loss-page .site-header .mainHeaderMenu .mainMenu > li > ul > li:hover > a,
  html body.isclean-loss-page .site-header .mainHeaderMenu .mainMenu > li > ul > li:focus-within > a,
  html body.isclean-loss-page .site-header .mainHeaderMenu .mainMenu > li > ul > li > a:hover,
  html body.isclean-loss-page .site-header .mainHeaderMenu .mainMenu > li > ul > li > a:focus,
  html body.isclean-loss-page .site-header .mainHeaderMenu .mainMenu > li > ul > li > a:focus-visible {
    color: var(--is32-navy) !important;
    -webkit-text-fill-color: var(--is32-navy) !important;
    background: var(--is32-submenu-hover) !important;
    background-color: var(--is32-submenu-hover) !important;
    background-image: none !important;
    text-shadow: none !important;
    border-color: transparent !important;
    outline: 0 !important;
    box-shadow: none !important;
  }

  html body.is-modern-ui-test .site-header .mainHeaderMenu .mainMenu > li > ul > li:hover > a *,
  html body.is-modern-ui-test .site-header .mainHeaderMenu .mainMenu > li > ul > li:focus-within > a *,
  html body.is-modern-ui-test .site-header .mainHeaderMenu .mainMenu > li > ul > li > a:hover *,
  html body.is-modern-ui-test .site-header .mainHeaderMenu .mainMenu > li > ul > li > a:focus *,
  html body.is-modern-ui-test .site-header .mainHeaderMenu .mainMenu > li > ul > li > a:focus-visible *,
  html body.isclean-loss-page .site-header .mainHeaderMenu .mainMenu > li > ul > li:hover > a *,
  html body.isclean-loss-page .site-header .mainHeaderMenu .mainMenu > li > ul > li:focus-within > a *,
  html body.isclean-loss-page .site-header .mainHeaderMenu .mainMenu > li > ul > li > a:hover *,
  html body.isclean-loss-page .site-header .mainHeaderMenu .mainMenu > li > ul > li > a:focus *,
  html body.isclean-loss-page .site-header .mainHeaderMenu .mainMenu > li > ul > li > a:focus-visible * {
    color: var(--is32-navy) !important;
    -webkit-text-fill-color: var(--is32-navy) !important;
    text-shadow: none !important;
  }
}