/* Keep the compact-cart shell identical to the WHMCS client-area home. */

@media (min-width: 992px) {
  html.iw-cart-page body:not(.login-bg) nav#sidebar.wgssidebaraddon {
    bottom: 0 !important;
    display: flex !important;
    height: 100vh !important;
    left: 0 !important;
    margin-left: 0 !important;
    max-width: 238px !important;
    min-width: 238px !important;
    position: fixed !important;
    right: auto !important;
    top: 0 !important;
    transform: none !important;
    width: 238px !important;
    z-index: 11950 !important;
  }

  html.iw-cart-page body:not(.login-bg) nav#sidebar.wgssidebaraddon.active {
    margin-left: -185px !important;
  }

  html.iw-cart-page body:not(.login-bg) nav#iw-main-header.iw-header,
  html.iw-cart-page body:not(.login-bg) .clientx.header.wgsheaderfromaddon {
    display: flex !important;
    left: 0 !important;
    margin: 0 !important;
    max-width: none !important;
    position: sticky !important;
    right: auto !important;
    top: 0 !important;
    transform: none !important;
    width: 100% !important;
    z-index: 11800 !important;
  }

  html.iw-cart-page body:not(.login-bg) nav#iw-main-header .iw-header-inner,
  html.iw-cart-page body:not(.login-bg) .clientx.header.wgsheaderfromaddon .iw-header-inner {
    height: 64px !important;
    max-width: none !important;
    min-height: 64px !important;
    padding: 0 18px 0 276px !important;
    width: 100% !important;
  }

  html.iw-cart-page body:not(.login-bg) #content,
  html.iw-cart-page body:not(.login-bg) #content.no-navbar,
  html.iw-cart-page body:not(.login-bg) #content.no-cartx {
    left: 238px !important;
    margin-left: 0 !important;
    max-width: none !important;
    position: relative !important;
    transform: none !important;
    width: calc(100% - 238px) !important;
  }

  html.iw-cart-page body:not(.login-bg) #content.active,
  html.iw-cart-page body:not(.login-bg) #content.leftSideBarClosed {
    left: 95px !important;
    width: calc(100% - 95px) !important;
  }

  html.iw-cart-page body:not(.login-bg) #main-body > .wrapper,
  html.iw-cart-page body:not(.login-bg) .wrapper {
    margin-left: 0 !important;
    max-width: none !important;
    width: 100% !important;
  }
}

@media (max-width: 991px) {
  html.iw-cart-page body:not(.login-bg) nav#iw-main-header.iw-header,
  html.iw-cart-page body:not(.login-bg) .clientx.header.wgsheaderfromaddon {
    left: 0 !important;
    margin-left: 0 !important;
    max-width: 100% !important;
    position: sticky !important;
    right: auto !important;
    top: 0 !important;
    width: 100% !important;
    z-index: 11800 !important;
  }

  html.iw-cart-page body:not(.login-bg) nav#iw-main-header .iw-header-inner,
  html.iw-cart-page body:not(.login-bg) .clientx.header.wgsheaderfromaddon .iw-header-inner {
    padding: 0 62px 0 14px !important;
    width: 100% !important;
  }

  html.iw-cart-page body:not(.login-bg) nav#sidebar.wgssidebaraddon {
    left: -300px !important;
    margin-left: 0 !important;
    transform: none !important;
    z-index: 12100 !important;
  }

  html.iw-cart-page body:not(.login-bg) nav#sidebar.wgssidebaraddon.active {
    left: 0 !important;
    margin-left: 0 !important;
  }

  html.iw-cart-page body:not(.login-bg) #content,
  html.iw-cart-page body:not(.login-bg) #content.no-navbar,
  html.iw-cart-page body:not(.login-bg) #content.no-cartx,
  html.iw-cart-page body:not(.login-bg) #content.active,
  html.iw-cart-page body:not(.login-bg) #content.leftSideBarClosed {
    left: 0 !important;
    margin-left: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}

@media (max-width: 768px) {
  html.iw-cart-page body:not(.login-bg) nav#sidebar.wgssidebaraddon,
  html.iw-cart-page body:not(.login-bg) nav#sidebar.wgssidebaraddon.active {
    height: 100dvh !important;
    max-width: min(290px, 100vw) !important;
    min-width: min(290px, 100vw) !important;
    top: 0 !important;
    width: min(290px, 100vw) !important;
  }
}

@media (max-width: 390px) {
  html.iw-cart-page body:not(.login-bg) nav#iw-main-header .iw-header-inner,
  html.iw-cart-page body:not(.login-bg) .clientx.header.wgsheaderfromaddon .iw-header-inner {
    padding-left: 10px !important;
    padding-right: 56px !important;
  }
}

/* 2026-08-12: keep the desktop section heading clear of the fixed sidebar. */
@media (min-width: 992px) {
  html.iw-cart-page body.iw-panel-light:not(.login-bg) nav#iw-main-header.iw-header,
  html.iw-cart-page body.iw-panel-light:not(.login-bg) .clientx.header.wgsheaderfromaddon {
    --iw-domain-header-gutter: clamp(38px, 3.6vw, 56px);
    left: auto !important;
    right: auto !important;
    width: auto !important;
    max-width: none !important;
    margin: 8px var(--iw-domain-header-gutter) 0 calc(238px + var(--iw-domain-header-gutter)) !important;
  }

  html.iw-cart-page body.iw-panel-light:not(.login-bg) nav#iw-main-header.iw-header .iw-header-inner,
  html.iw-cart-page body.iw-panel-light:not(.login-bg) nav#iw-main-header.iw-header.clientx.wgsheaderfromaddon .iw-header-inner {
    height: 53px !important;
    min-height: 53px !important;
    max-height: 53px !important;
    padding: 0 20px !important;
  }
}

@media (max-width: 991px) {
  html.iw-cart-page body.iw-panel-light:not(.login-bg) nav#iw-main-header.iw-header,
  html.iw-cart-page body.iw-panel-light:not(.login-bg) .clientx.header.wgsheaderfromaddon {
    left: auto !important;
    right: auto !important;
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
    margin: 4px 12px 0 !important;
  }
}