/*
 * Ideal Spaces UI Clean v1.0.11.36
 * Exact correction from the live DOM geometry supplied by the user.
 *
 * Live desktop measurements showed:
 *   header.mainHeader     left: 0;  width: viewport;
 *   .mainHeaderLogo      left: 22px; width: viewport;
 *
 * The logo row therefore started 22px late and overflowed 22px on the other
 * side, exposing the legacy grey header surface as two end caps. This file
 * changes only that row's horizontal geometry and surface. It does not touch
 * typography, logo dimensions, menu spacing, dropdown geometry, footer, hero,
 * cards, animations or interaction logic.
 */

:root {
  --is36-bone-white: #f6f1ed;
}

@media only screen and (min-width: 1200px) {
  html body.is-modern-ui-test #masthead.site-header > header.mainHeader > .mainHeaderLogo,
  html body.isclean-loss-page #masthead.site-header > header.mainHeader > .mainHeaderLogo {
    left: 0 !important;
    right: 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
    background: var(--is36-bone-white) !important;
    background-color: var(--is36-bone-white) !important;
    background-image: none !important;
    border-left: 0 !important;
    border-right: 0 !important;
    box-shadow: none !important;
  }

  /* Keep the logo itself transparent and unchanged on the full-width plate. */
  html body.is-modern-ui-test #masthead.site-header > header.mainHeader > .mainHeaderLogo > .logo,
  html body.isclean-loss-page #masthead.site-header > header.mainHeader > .mainHeaderLogo > .logo {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
  }
}