/*
 * Ideal Spaces UI Clean v1.0.11.25
 * Palette-only update.
 * Navigation chrome: bone white.
 * Navigation typography/icons: existing Ideal Spaces architectural blue.
 * Footer palette synced to IdealSpacesSale; layout/spacing/behaviour remain untouched.
 */

:root {
  --is-bone-white: #f6f1ed;
  --is-nav-navy: #26314a;
  --is-nav-navy-dark: #111820;
  --is-nav-border: #f6f1ed;
}

/* Desktop and mobile header surface — colour only. */
body.is-modern-ui-test .site-header,
body.isclean-loss-page .site-header,
body.is-modern-ui-test .site-header .mainHeader,
body.is-modern-ui-test header.mainHeader,
body.isclean-loss-page .site-header .mainHeader,
body.isclean-loss-page header.mainHeader {
  background: var(--is-bone-white) !important;
  background-color: var(--is-bone-white) !important;
  border-bottom-color: var(--is-nav-border) !important;
}

/* Keep the same menu structure/animation, changing only its palette. */
body.is-modern-ui-test .mainHeaderMenu .mainMenu,
body.isclean-loss-page .mainHeaderMenu .mainMenu,
body.is-modern-ui-test .menuOpened .mainMenu,
body.isclean-loss-page .menuOpened .mainMenu {
  color: var(--is-nav-navy) !important;
  background: var(--is-bone-white) !important;
  background-color: var(--is-bone-white) !important;
  border-top-color: var(--is-nav-border) !important;
  border-bottom-color: var(--is-nav-border) !important;
}

body.is-modern-ui-test .mainHeaderMenu .mainMenu > li > a,
body.isclean-loss-page .mainHeaderMenu .mainMenu > li > a,
body.is-modern-ui-test .mainHeaderMenu .mainMenu a,
body.isclean-loss-page .mainHeaderMenu .mainMenu a {
  color: var(--is-nav-navy) !important;
}

body.is-modern-ui-test .mainHeaderMenu .mainMenu > li > a:hover,
body.is-modern-ui-test .mainHeaderMenu .mainMenu > li.current-menu-item > a,
body.is-modern-ui-test .mainHeaderMenu .mainMenu > li.current-menu-ancestor > a,
body.isclean-loss-page .mainHeaderMenu .mainMenu > li > a:hover,
body.isclean-loss-page .mainHeaderMenu .mainMenu > li.current-menu-item > a,
body.isclean-loss-page .mainHeaderMenu .mainMenu > li.current-menu-ancestor > a {
  color: var(--is-nav-navy-dark) !important;
}

/* Submenus stay attached and behave exactly as before; palette only. */
body.is-modern-ui-test .mainHeaderMenu .mainMenu > li > ul,
body.isclean-loss-page .mainHeaderMenu .mainMenu > li > ul,
body.is-modern-ui-test .mainHeaderMenu .mainMenu > li > ul li,
body.isclean-loss-page .mainHeaderMenu .mainMenu > li > ul li {
  background: var(--is-bone-white) !important;
  background-color: var(--is-bone-white) !important;
  border-color: var(--is-nav-border) !important;
}

body.is-modern-ui-test .mainHeaderMenu .mainMenu > li > ul li a,
body.isclean-loss-page .mainHeaderMenu .mainMenu > li > ul li a {
  color: var(--is-nav-navy) !important;
}

/* Existing logo asset is dark underneath the former white inversion. */
body.is-modern-ui-test .site-header .mainHeaderLogo img,
body.is-modern-ui-test header.mainHeader .mainHeaderLogo img,
body.isclean-loss-page .site-header .mainHeaderLogo img,
body.isclean-loss-page header.mainHeader .mainHeaderLogo img {
  filter: none !important;
  -webkit-filter: none !important;
  opacity: 1 !important;
}

/* Hamburger and close icon become navy on bone white. */
body.is-modern-ui-test .hamburgerLineIin::before,
body.is-modern-ui-test .hamburgerLineIin::after,
body.isclean-loss-page .hamburgerLineIin::before,
body.isclean-loss-page .hamburgerLineIin::after,
body.is-modern-ui-test .hamburger span,
body.isclean-loss-page .hamburger span {
  background-color: var(--is-nav-navy) !important;
}

/* Mobile legacy menu panels: bone white, with navy text/icons. */
@media only screen and (max-width: 1199px) {
  body.is-modern-ui-test .site-header,
  body.isclean-loss-page .site-header,
  body.is-modern-ui-test .mainHeader,
  body.isclean-loss-page .mainHeader,
  body.is-modern-ui-test .mainHeaderMenu,
  body.isclean-loss-page .mainHeaderMenu,
  body.is-modern-ui-test .mainHeaderMenu nav,
  body.isclean-loss-page .mainHeaderMenu nav,
  body.is-modern-ui-test .mainHeaderMenu .mainMenu,
  body.isclean-loss-page .mainHeaderMenu .mainMenu {
    background: var(--is-bone-white) !important;
    background-color: var(--is-bone-white) !important;
    color: var(--is-nav-navy) !important;
  }

  body.is-modern-ui-test .mainHeaderMenu .mainMenu a,
  body.isclean-loss-page .mainHeaderMenu .mainMenu a {
    color: var(--is-nav-navy) !important;
  }
}


/* v1.0.11.25 — exact IdealSpacesSale palette sync, colour only. */
body.is-modern-ui-test .site-footer,
body.is-modern-ui-test .mainFooter,
body.is-modern-ui-test .mainFooter .mainFooterIn,
body.isclean-loss-page .site-footer,
body.isclean-loss-page .mainFooter,
body.isclean-loss-page .mainFooter .mainFooterIn {
  background: #26314a !important;
  background-color: #26314a !important;
}

/* Keep footer content readable without altering size or layout. */
body.is-modern-ui-test .mainFooter,
body.is-modern-ui-test .mainFooter a,
body.is-modern-ui-test .mainFooter .mainFooterInfo,
body.is-modern-ui-test .mainFooter .mainFooterInfo span,
body.isclean-loss-page .mainFooter,
body.isclean-loss-page .mainFooter a,
body.isclean-loss-page .mainFooter .mainFooterInfo,
body.isclean-loss-page .mainFooter .mainFooterInfo span {
  color: #f6f1ed !important;
}


/*
 * v1.0.11.26 — hard palette binding using the real legacy header selectors.
 * Colour-only. No size, spacing, positioning or behaviour changes.
 */
body.is-modern-ui-test .site-header,
body.is-modern-ui-test .site-header > .mainHeader,
body.is-modern-ui-test .site-header .mainHeader,
body.is-modern-ui-test header.mainHeader,
body.is-modern-ui-test .site-header .mainHeaderLogo,
body.is-modern-ui-test header.mainHeader .mainHeaderLogo,
body.isclean-loss-page .site-header,
body.isclean-loss-page .site-header > .mainHeader,
body.isclean-loss-page .site-header .mainHeader,
body.isclean-loss-page header.mainHeader,
body.isclean-loss-page .site-header .mainHeaderLogo,
body.isclean-loss-page header.mainHeader .mainHeaderLogo {
  background: #f6f1ed !important;
  background-color: #f6f1ed !important;
  background-image: none !important;
  border-color: #f6f1ed !important;
}

body.is-modern-ui-test .site-header::before,
body.is-modern-ui-test .site-header::after,
body.is-modern-ui-test .mainHeader::before,
body.is-modern-ui-test .mainHeader::after,
body.is-modern-ui-test .mainHeaderLogo::before,
body.is-modern-ui-test .mainHeaderLogo::after,
body.isclean-loss-page .site-header::before,
body.isclean-loss-page .site-header::after,
body.isclean-loss-page .mainHeader::before,
body.isclean-loss-page .mainHeader::after,
body.isclean-loss-page .mainHeaderLogo::before,
body.isclean-loss-page .mainHeaderLogo::after {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

body.is-modern-ui-test .site-header .mainHeaderMenu,
body.is-modern-ui-test header.mainHeader .mainHeaderMenu,
body.is-modern-ui-test .site-header > .mainHeaderMenu,
body.is-modern-ui-test .mainHeaderMenu nav,
body.isclean-loss-page .site-header .mainHeaderMenu,
body.isclean-loss-page header.mainHeader .mainHeaderMenu,
body.isclean-loss-page .site-header > .mainHeaderMenu,
body.isclean-loss-page .mainHeaderMenu nav {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

body.is-modern-ui-test .mainHeaderMenu .mainMenu,
body.is-modern-ui-test .menuOpened .mainMenu,
body.is-modern-ui-test .mainMenu,
body.isclean-loss-page .mainHeaderMenu .mainMenu,
body.isclean-loss-page .menuOpened .mainMenu,
body.isclean-loss-page .mainMenu {
  background: #f6f1ed !important;
  background-color: #f6f1ed !important;
  background-image: none !important;
  border-color: #f6f1ed !important;
  box-shadow: none !important;
}

body.is-modern-ui-test .mainHeaderMenu .mainMenu > li > a,
body.is-modern-ui-test .mainHeaderMenu .mainMenu > li > a:link,
body.is-modern-ui-test .mainHeaderMenu .mainMenu > li > a:visited,
body.is-modern-ui-test .mainHeaderMenu .mainMenu li > ul li a,
body.is-modern-ui-test .mainHeaderMenu .mainMenu li > ul li a:link,
body.is-modern-ui-test .mainHeaderMenu .mainMenu li > ul li a:visited,
body.isclean-loss-page .mainHeaderMenu .mainMenu > li > a,
body.isclean-loss-page .mainHeaderMenu .mainMenu > li > a:link,
body.isclean-loss-page .mainHeaderMenu .mainMenu > li > a:visited,
body.isclean-loss-page .mainHeaderMenu .mainMenu li > ul li a,
body.isclean-loss-page .mainHeaderMenu .mainMenu li > ul li a:link,
body.isclean-loss-page .mainHeaderMenu .mainMenu li > ul li a:visited {
  color: #26314a !important;
  -webkit-text-fill-color: #26314a !important;
  text-shadow: none !important;
}

body.is-modern-ui-test .mainHeaderMenu .mainMenu > li:hover > a,
body.is-modern-ui-test .mainHeaderMenu .mainMenu > li.current-menu-item > a,
body.is-modern-ui-test .mainHeaderMenu .mainMenu > li.current-menu-ancestor > a,
body.is-modern-ui-test .mainHeaderMenu .mainMenu li > ul li a:hover,
body.is-modern-ui-test .mainHeaderMenu .mainMenu li > ul li a:focus,
body.isclean-loss-page .mainHeaderMenu .mainMenu > li:hover > a,
body.isclean-loss-page .mainHeaderMenu .mainMenu > li.current-menu-item > a,
body.isclean-loss-page .mainHeaderMenu .mainMenu > li.current-menu-ancestor > a,
body.isclean-loss-page .mainHeaderMenu .mainMenu li > ul li a:hover,
body.isclean-loss-page .mainHeaderMenu .mainMenu li > ul li a:focus {
  color: #111820 !important;
  -webkit-text-fill-color: #111820 !important;
}

body.is-modern-ui-test .mainHeaderMenu .mainMenu li > ul,
body.is-modern-ui-test .mainHeaderMenu .mainMenu li > ul > li,
body.is-modern-ui-test .mainMenu ul.ismui-active-mobile-panel,
body.is-modern-ui-test .mainMenu li.openMobile > ul,
body.isclean-loss-page .mainHeaderMenu .mainMenu li > ul,
body.isclean-loss-page .mainHeaderMenu .mainMenu li > ul > li,
body.isclean-loss-page .mainMenu ul.ismui-active-mobile-panel,
body.isclean-loss-page .mainMenu li.openMobile > ul {
  background: #f6f1ed !important;
  background-color: #f6f1ed !important;
  background-image: none !important;
  border-color: #f6f1ed !important;
}

body.is-modern-ui-test .mainMenu ul.ismui-active-mobile-panel a,
body.is-modern-ui-test .mainMenu ul.ismui-active-mobile-panel a:link,
body.is-modern-ui-test .mainMenu ul.ismui-active-mobile-panel a:visited,
body.is-modern-ui-test .mainMenu ul.ismui-active-mobile-panel > li.ismui-mobile-section-label,
body.is-modern-ui-test .mainMenu ul.ismui-active-mobile-panel > li.ismui-mobile-breadcrumb,
body.isclean-loss-page .mainMenu ul.ismui-active-mobile-panel a,
body.isclean-loss-page .mainMenu ul.ismui-active-mobile-panel a:link,
body.isclean-loss-page .mainMenu ul.ismui-active-mobile-panel a:visited,
body.isclean-loss-page .mainMenu ul.ismui-active-mobile-panel > li.ismui-mobile-section-label,
body.isclean-loss-page .mainMenu ul.ismui-active-mobile-panel > li.ismui-mobile-breadcrumb {
  color: #26314a !important;
  -webkit-text-fill-color: #26314a !important;
}

body.is-modern-ui-test .mainFooter,
body.is-modern-ui-test .mainFooter .mainFooterIn,
body.is-modern-ui-test .site-footer,
body.isclean-loss-page .mainFooter,
body.isclean-loss-page .mainFooter .mainFooterIn,
body.isclean-loss-page .site-footer {
  background: #26314a !important;
  background-color: #26314a !important;
  background-image: none !important;
}