/**
 * Veeble primary left nav — match design mock.
 *
 * Why live looked wrong before:
 *  - Lagom left-wide sets li.open grey (--app-nav-left-wide-dropdown-open-bg)
 *  - Lagom adds rounded / padded “pill” on active
 *  - Dropdown children use <img> + indent line, not icon chips
 *
 * This file overrides those with higher-specificity selectors + token overrides.
 */

/* ----- Beat Lagom tokens ----- */

body.lagom {
    --app-nav-left-link-hover-bg: transparent;
    --app-nav-left-link-hover-color: #324ff5;
    --app-nav-left-icon-hover-color: #324ff5;
    --app-nav-left-link-active-bg: #324ff5;
    --app-nav-left-link-active-color: #ffffff;
    --app-nav-left-icon-active-color: #ffffff;
    --app-nav-left-wide-link-active-bg: #324ff5;
    --app-nav-left-wide-dropdown-open-bg: transparent;
    --app-nav-left-wide-dropdown-open-bg-on-primary: transparent;
    --app-nav-left-wide-dropdown-open-bg-on-secondary: transparent;
    --app-nav-left-wide-dropdown-link-hover-bg: transparent;
    --app-nav-left-wide-dropdown-link-active-bg: transparent;
    --app-nav-left-wide-dropdown-link-active-color: #324ff5;
    --app-nav-left-wide-dropdown-icon-active-color: #324ff5;
    --app-nav-left-wide-dropdown-link-hover-padding-h: 0px;
    --ui-nav-v-link-hover-padding-h: 0px;
    --app-nav-left-wide-link-hover-padding-h: 0px;
    --app-nav-left-svg-icon-size: 16px;
    --app-nav-left-dropdown-icon-size: 16px;
    --app-nav-left-wide-svg-icon-size: 16px;
}

/* Full-bleed: kill Lagom container inset on the menu */
body.lagom.lagom-layout-left .app-nav .app-nav-menu > .container,
body.lagom.lagom-layout-left-wide .app-nav .app-nav-menu > .container,
body.lagom .app-nav .app-nav-menu > .container {
    width: 100% !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
}

body.lagom .app-nav {
    background: #fff !important;
}

body.lagom .app-nav .app-nav-header {
    flex: 0 0 auto;
    background: transparent !important;
}

@media (min-width: 992px) {
    body.lagom.lagom-layout-left .app-nav,
    body.lagom.lagom-layout-left-wide .app-nav {
        display: flex !important;
        flex-direction: column !important;
        max-height: 100vh;
        max-height: 100dvh;
        overflow: hidden;
    }

    body.lagom .app-nav .app-nav-menu {
        flex: 1 1 auto;
        min-height: 0;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
    }
}

@media (max-width: 991px) {
    body.lagom .app-nav,
    body.lagom .app-nav .app-nav-header {
        background: #fff !important;
    }

    body.lagom.lagom-layout-left .app-nav,
    body.lagom.lagom-layout-left-wide .app-nav {
        display: block !important;
        max-height: none !important;
        overflow: visible !important;
        height: auto !important;
    }

    body.lagom.lagom-layout-left .app-nav .app-nav-menu,
    body.lagom.lagom-layout-left-wide .app-nav .app-nav-menu {
        flex: none !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
    }
}

@media (min-width: 1200px) {
    body.lagom.lagom-layout-left .app-nav .app-nav-header > .container,
    body.lagom.lagom-layout-left-wide .app-nav .app-nav-header > .container {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: relative !important;
        width: 100% !important;
        max-width: none !important;
        padding: 16px 12px !important;
        margin: 0 !important;
    }

    body.lagom.lagom-layout-left .app-nav .app-nav-header .app-nav-toggle,
    body.lagom.lagom-layout-left-wide .app-nav .app-nav-header .app-nav-toggle {
        display: none !important;
    }

    body.lagom.lagom-layout-left .app-nav .app-nav-header a.logo.hidden-md,
    body.lagom.lagom-layout-left-wide .app-nav .app-nav-header a.logo.hidden-md {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        margin: 0 auto !important;
    }

    body.lagom.lagom-layout-left .app-nav .app-nav-header a.logo.hidden-md img,
    body.lagom.lagom-layout-left-wide .app-nav .app-nav-header a.logo.hidden-md img {
        display: block !important;
        margin: 0 auto !important;
        max-width: 160px !important;
        height: auto !important;
    }

    body.lagom.lagom-layout-left .app-nav .app-nav-header a.logo.visible-md,
    body.lagom.lagom-layout-left-wide .app-nav .app-nav-header a.logo.visible-md {
        display: none !important;
    }

    body.lagom.lagom-layout-left .app-nav .app-nav-header .top-nav,
    body.lagom.lagom-layout-left-wide .app-nav .app-nav-header .top-nav {
        position: absolute !important;
        right: 8px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        margin: 0 !important;
    }
}

body.lagom .app-nav .app-nav-menu {
    background: transparent !important;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}

body.lagom .app-nav .app-nav-menu::-webkit-scrollbar {
    width: 6px;
}

body.lagom .app-nav .app-nav-menu::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.18);
}

body.lagom .app-nav .app-nav-menu::-webkit-scrollbar-track {
    background: transparent;
}

body.lagom .app-nav .menu-primary,
body.lagom .app-nav .app-nav-menu .menu {
    margin: 0 !important;
    padding: 0 0 16px !important;
}

/* =====================================================================
   Top-level rows
   ===================================================================== */

body.lagom .app-nav .menu-primary > li > a,
body.lagom .app-nav .app-nav-menu .menu > li > a:not(.btn),
body.lagom.lagom-layout-left-wide .app-nav-default .app-nav-menu .menu > li > a:not(.btn),
body.lagom.lagom-layout-left .app-nav-default .app-nav-menu .menu > li > a:not(.btn) {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-direction: row !important;
    gap: 8px;
    box-sizing: border-box;
    min-height: 56px !important;
    height: 56px !important;
    margin: 0 !important;
    padding: 10px 16px 10px 32px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #555555 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 21px !important;
    text-align: left !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

body.lagom .app-nav .menu-primary > li > a .item-text {
    color: inherit !important;
    margin: 0 !important;
}

/* 28×28 icon hit area — top level: NO grey chip until selected */
body.lagom .app-nav .menu-primary > li > a > i,
body.lagom .app-nav .menu-primary > li > a > .ls:not(.ls-caret),
body.lagom .app-nav .menu-primary > li > a > .lm,
body.lagom .app-nav .app-nav-menu .menu > li > a:not(.btn) > i:first-child,
body.lagom.lagom-layout-left-wide .app-nav-menu .menu > li > a:not(.btn) > i:first-child {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 28px !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: #555555 !important;
    font-size: 16px !important;
    line-height: 1 !important;
}

body.lagom .app-nav .menu-primary > li > a > img,
body.lagom .app-nav .app-nav-menu .menu > li > a:not(.btn) > img,
body.lagom.lagom-layout-left-wide .app-nav-menu .menu > li > a:not(.btn) > img,
body.lagom.lagom-layout-left .app-nav-menu .menu > li > a:not(.btn) > img {
    flex: 0 0 28px !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    margin: 0 !important;
    padding: 6px !important;
    box-sizing: border-box !important;
    border-radius: 8px !important;
    background: transparent !important;
    object-fit: contain !important;
    filter: brightness(0) invert(47%);
}

/* Custom caret SVG (replaces Lagom icon-font \e902) */
body.lagom .app-nav .menu-primary > li > a > .ls-caret,
body.lagom .app-nav .app-nav-menu .menu > li > a:not(.btn) > .ls-caret {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: auto !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    font-size: 0 !important;
    line-height: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #555555 !important;
    filter: none !important;
    transition: transform 0.15s ease, color 0.15s ease;
}

body.lagom .app-nav .menu-primary > li > a > .ls-caret:before,
body.lagom .app-nav .app-nav-menu .menu > li > a:not(.btn) > .ls-caret:before,
body.lagom .app-nav .ls-caret:before {
    content: "" !important;
    display: block !important;
    width: 16px !important;
    height: 16px !important;
    font-size: 0 !important;
    line-height: 0 !important;
    background-color: currentColor !important;
    background-image: none !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.99844 4.80005L7.99844 8.80005L11.9984 4.80005L13.5984 5.60005L7.99844 11.2L2.39844 5.60005L3.99844 4.80005Z' fill='black'/%3E%3C/svg%3E") center / 16px 16px no-repeat !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.99844 4.80005L7.99844 8.80005L11.9984 4.80005L13.5984 5.60005L7.99844 11.2L2.39844 5.60005L3.99844 4.80005Z' fill='black'/%3E%3C/svg%3E") center / 16px 16px no-repeat !important;
}

body.lagom .app-nav .menu-primary > li.open > a > .ls-caret,
body.lagom .app-nav .app-nav-menu .menu > li.open > a:not(.btn) > .ls-caret {
    transform: rotate(180deg);
}

/* Hover (non-active) = blue text/icon only — no second blue bar next to active */
body.lagom .app-nav .menu-primary > li:not(.active):not(.open) > a:hover,
body.lagom .app-nav .menu-primary > li:not(.active):not(.open) > a:focus,
body.lagom .app-nav .app-nav-menu .menu > li:not(.active):not(.open) > a:not(.btn):hover,
body.lagom.lagom-layout-left-wide .app-nav-default .app-nav-menu .menu > li:not(.open):not(.active) > a:not(.btn):hover,
body.lagom.lagom-layout-left .app-nav-default .app-nav-menu .menu > li:not(.open):not(.active) > a:not(.btn):hover {
    background: transparent !important;
    background-color: transparent !important;
    color: #324ff5 !important;
    border-radius: 0 !important;
}

body.lagom .app-nav .menu-primary > li:not(.active):not(.open) > a:hover .item-text,
body.lagom .app-nav .menu-primary > li:not(.active):not(.open) > a:focus .item-text {
    color: #324ff5 !important;
}

body.lagom .app-nav .menu-primary > li:not(.active):not(.open) > a:hover > img,
body.lagom .app-nav .menu-primary > li:not(.active):not(.open) > a:focus > img,
body.lagom .app-nav .app-nav-menu .menu > li:not(.active):not(.open) > a:not(.btn):hover > img {
    background: rgba(85, 85, 85, 0.10) !important;
    filter: invert(32%) sepia(98%) saturate(2876%) hue-rotate(222deg) brightness(97%) contrast(96%);
}

body.lagom .app-nav .menu-primary > li:not(.active):not(.open) > a:hover > .ls-caret,
body.lagom .app-nav .menu-primary > li:not(.active):not(.open) > a:focus > .ls-caret {
    color: #324FF5 !important;
    background: transparent !important;
}

body.lagom .app-nav .menu-primary > li:not(.active):not(.open) > a:hover > i,
body.lagom .app-nav .menu-primary > li:not(.active):not(.open) > a:focus > i {
    background: rgba(85, 85, 85, 0.10) !important;
    color: #324FF5 !important;
}

/* =====================================================================
   Open submenu parent = NO blue bar (blue text/icon only)
   Active / current page parent = solid blue bar
   ===================================================================== */

/* Kill Lagom grey/blue open pills — transparent when opened */
body.lagom #Primary_Navbar-Services.open:not(.active) > a,
body.lagom #Primary_Navbar-Domains.open:not(.active) > a,
body.lagom #Primary_Navbar-Billing.open:not(.active) > a,
body.lagom #Primary_Navbar-Support.open:not(.active) > a,
body.lagom #Primary_Navbar-Refer_\&_Earn.open:not(.active) > a,
body.lagom [id="Primary_Navbar-Refer_&_Earn"].open:not(.active) > a,
body.lagom #Primary_Navbar-Place_Order.open:not(.active) > a,
body.lagom #Primary_Navbar-Services.open:not(.active) > a:hover,
body.lagom #Primary_Navbar-Domains.open:not(.active) > a:hover,
body.lagom #Primary_Navbar-Support.open:not(.active) > a:hover,
body.lagom #Primary_Navbar-Place_Order.open:not(.active) > a:hover,
body.lagom [id="Primary_Navbar-Refer_&_Earn"].open:not(.active) > a:hover {
    background: transparent !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    color: #324ff5 !important;
}

/* No soft blue strip behind open groups */
body.lagom .app-nav .menu-primary > li.open,
body.lagom .app-nav .menu-primary > li.show,
body.lagom .app-nav .menu-primary > li.sfHover,
body.lagom .app-nav .app-nav-menu .menu > li.open,
body.lagom.lagom-layout-left-wide .app-nav-default .app-nav-menu .menu > li.open,
body.lagom.lagom-layout-left-wide .app-nav-primary .app-nav-menu .menu > li.open,
body.lagom.lagom-layout-left .app-nav-default .app-nav-menu .menu > li.open,
body.lagom:not(.nav-mobile-dropdown) .app-nav-menu .menu > li.open,
body.lagom:not(.nav-mobile-dropdown) .app-nav-default .app-nav-menu .menu > li.open {
    background: transparent !important;
}

/* Open (not active) parent — blue text/icon, no bar */
body.lagom .app-nav .menu-primary > li.open:not(.active) > a,
body.lagom .app-nav .menu-primary > li.open:not(.active) > a:hover,
body.lagom .app-nav .menu-primary > li.open:not(.active) > a:focus,
body.lagom .app-nav .menu-primary > li.open:not(.active) > a:active,
body.lagom .app-nav .menu-primary > li.show:not(.active) > a,
body.lagom .app-nav .menu-primary > li.sfHover:not(.active) > a,
body.lagom .app-nav .app-nav-menu .menu > li.open:not(.active) > a:not(.btn),
body.lagom .app-nav .app-nav-menu .menu > li.open:not(.active) > a:not(.btn):hover,
body.lagom.lagom-layout-left-wide .app-nav-default .app-nav-menu .menu > li.open:not(.active) > a:not(.btn),
body.lagom.lagom-layout-left-wide .app-nav-default .app-nav-menu .menu > li.open:not(.active) > a:not(.btn):hover,
body.lagom.lagom-layout-left-wide .app-nav-default .app-nav-menu .menu > li.open:not(.active) > a:not(.btn):focus,
body.lagom.lagom-layout-left .app-nav-default .app-nav-menu .menu > li.open:not(.active) > a:not(.btn),
body.lagom:not(.nav-mobile-dropdown) .app-nav-menu .menu > li.open:not(.active) > a:not(.btn),
body.lagom:not(.nav-mobile-dropdown) .app-nav-default .app-nav-menu .menu > li.open:not(.active) > a:not(.btn),
body.lagom.lagom-layout-left-wide .app-nav.app-nav-default .app-nav-menu .menu.menu-primary > li.open:not(.active) > a.dropdown-toggle,
body.lagom.lagom-layout-left .app-nav.app-nav-default .app-nav-menu .menu.menu-primary > li.open:not(.active) > a.dropdown-toggle {
    margin: 0 !important;
    padding: 10px 16px 10px 32px !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    color: #324FF5 !important;
    font-weight: 400 !important;
}

body.lagom .app-nav .menu-primary > li.open:not(.active) > a .item-text,
body.lagom .app-nav .menu-primary > li.open:not(.active) > a:hover .item-text,
body.lagom .app-nav .menu-primary > li.open:not(.active) > a:focus .item-text,
body.lagom .app-nav .menu-primary > li.open:not(.active) > a .menu-item-content,
body.lagom .app-nav .menu-primary > li.open:not(.active) > a .menu-item-title,
body.lagom .app-nav .app-nav-menu .menu > li.open:not(.active) > a:not(.btn) .item-text,
body.lagom .app-nav .app-nav-menu .menu > li.open:not(.active) > a:not(.btn):hover .item-text,
body.lagom.lagom-layout-left-wide .app-nav-default .app-nav-menu .menu > li.open:not(.active) > a:not(.btn) .item-text,
body.lagom.lagom-layout-left-wide .app-nav-default .app-nav-menu .menu > li.open:not(.active) > a:not(.btn):hover .item-text,
body.lagom #Primary_Navbar-Services.open:not(.active) > a .item-text,
body.lagom #Primary_Navbar-Domains.open:not(.active) > a .item-text,
body.lagom #Primary_Navbar-Billing.open:not(.active) > a .item-text,
body.lagom #Primary_Navbar-Support.open:not(.active) > a .item-text,
body.lagom #Primary_Navbar-Place_Order.open:not(.active) > a .item-text,
body.lagom [id="Primary_Navbar-Refer_&_Earn"].open:not(.active) > a .item-text,
body.lagom #Primary_Navbar-Services.open:not(.active) > a:hover .item-text,
body.lagom #Primary_Navbar-Domains.open:not(.active) > a:hover .item-text,
body.lagom #Primary_Navbar-Support.open:not(.active) > a:hover .item-text,
body.lagom [id="Primary_Navbar-Refer_&_Earn"].open:not(.active) > a:hover .item-text {
    color: #324ff5 !important;
}

body.lagom .app-nav .menu-primary > li.open:not(.active) > a > img,
body.lagom .app-nav .menu-primary > li.open:not(.active) > a:hover > img,
body.lagom .app-nav .menu-primary > li.show:not(.active) > a > img,
body.lagom .app-nav .menu-primary > li.sfHover:not(.active) > a > img,
body.lagom .app-nav .app-nav-menu .menu > li.open:not(.active) > a:not(.btn) > img,
body.lagom .app-nav .app-nav-menu .menu > li.open:not(.active) > a:not(.btn):hover > img,
body.lagom.lagom-layout-left-wide .app-nav-default .app-nav-menu .menu > li.open:not(.active) > a:not(.btn) > img,
body.lagom.lagom-layout-left-wide .app-nav-default .app-nav-menu .menu > li.open:not(.active) > a:not(.btn):hover > img {
    background: rgba(85, 85, 85, 0.10) !important;
    filter: invert(32%) sepia(98%) saturate(2876%) hue-rotate(222deg) brightness(97%) contrast(96%) !important;
}

body.lagom .app-nav .menu-primary > li.open:not(.active) > a > i,
body.lagom .app-nav .menu-primary > li.open:not(.active) > a:hover > i,
body.lagom .app-nav .app-nav-menu .menu > li.open:not(.active) > a:not(.btn) > i,
body.lagom .app-nav .app-nav-menu .menu > li.open:not(.active) > a:not(.btn):hover > i {
    background: rgba(85, 85, 85, 0.10) !important;
    color: #324FF5 !important;
}

body.lagom .app-nav .menu-primary > li.open:not(.active) > a > .ls-caret,
body.lagom .app-nav .menu-primary > li.open:not(.active) > a:hover > .ls-caret,
body.lagom .app-nav .app-nav-menu .menu > li.open:not(.active) > a:not(.btn) > .ls-caret,
body.lagom .app-nav .app-nav-menu .menu > li.open:not(.active) > a:not(.btn):hover > .ls-caret {
    background: transparent !important;
    color: #324FF5 !important;
    filter: none !important;
}

/* Active / current page parent — solid blue bar (only this keeps the bar) */
body.lagom .app-nav .menu-primary > li.active > a,
body.lagom .app-nav .menu-primary > li.active > a:hover,
body.lagom .app-nav .menu-primary > li.active > a:focus,
body.lagom .app-nav .app-nav-menu .menu > li.active > a:not(.btn),
body.lagom.lagom-layout-left-wide .app-nav-default .app-nav-menu .menu > li.active > a:not(.btn),
body.lagom.lagom-layout-left-wide .app-nav-default .app-nav-menu .menu > li.active:not(.open) > a:not(.btn),
body.lagom.lagom-layout-left .app-nav-default .app-nav-menu .menu > li.active > a:not(.btn),
body.lagom:not(.nav-mobile-dropdown) .app-nav-menu .menu > li.active > a:not(.btn) {
    margin: 0 !important;
    padding: 10px 16px 10px 32px !important;
    border-radius: 0 !important;
    background: #324FF5 !important;
    background-color: #324FF5 !important;
    color: #FFFFFF !important;
    font-weight: 400 !important;
}

body.lagom .app-nav .menu-primary > li.active > a .item-text,
body.lagom .app-nav .menu-primary > li.active > a:hover .item-text,
body.lagom .app-nav .menu-primary > li.active > a .menu-item-content,
body.lagom .app-nav .menu-primary > li.active > a .menu-item-title,
body.lagom .app-nav .app-nav-menu .menu > li.active > a:not(.btn) .item-text,
body.lagom.lagom-layout-left-wide .app-nav-default .app-nav-menu .menu > li.active > a:not(.btn) .item-text,
body.lagom.lagom-layout-left-wide .app-nav-default .app-nav-menu .menu > li.active > a:not(.btn):hover .item-text {
    color: #ffffff !important;
}

/* Active parent icons — always white, including when submenu is open */
body.lagom .app-nav .menu-primary > li.active > a > img,
body.lagom .app-nav .menu-primary > li.active > a:hover > img,
body.lagom .app-nav .menu-primary > li.active.open > a > img,
body.lagom .app-nav .menu-primary > li.active.open > a:hover > img,
body.lagom .app-nav .app-nav-menu .menu > li.active > a:not(.btn) > img,
body.lagom .app-nav .app-nav-menu .menu > li.active.open > a:not(.btn) > img,
body.lagom.lagom-layout-left-wide .app-nav-default .app-nav-menu .menu > li.active > a:not(.btn) > img,
body.lagom.lagom-layout-left-wide .app-nav-default .app-nav-menu .menu > li.active.open > a:not(.btn) > img {
    background: rgba(255, 255, 255, 0.1) !important;
    filter: brightness(0) invert(1) !important;
}

body.lagom .app-nav .menu-primary > li.active > a > i,
body.lagom .app-nav .menu-primary > li.active > a:hover > i,
body.lagom .app-nav .menu-primary > li.active.open > a > i,
body.lagom .app-nav .app-nav-menu .menu > li.active > a:not(.btn) > i,
body.lagom .app-nav .app-nav-menu .menu > li.active.open > a:not(.btn) > i {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
}

body.lagom .app-nav .menu-primary > li.active > a > .ls-caret,
body.lagom .app-nav .menu-primary > li.active.open > a > .ls-caret,
body.lagom .app-nav .menu-primary > li.active.open > a:hover > .ls-caret {
    background: transparent !important;
    color: #FFFFFF !important;
    filter: none !important;
}

/* =====================================================================
   Dropdown children — soft strip + same 28px chips (img + i)
   ===================================================================== */

body.lagom .app-nav .menu-primary > li > .dropdown-menu,
body.lagom .app-nav .app-nav-menu .menu > li > .dropdown-menu,
body.lagom.lagom-layout-left .app-nav .menu-primary > li > .dropdown-menu,
body.lagom.lagom-layout-left-wide .app-nav .menu-primary > li > .dropdown-menu,
body.lagom.lagom-layout-left-wide .app-nav-default .app-nav-menu .menu > li > .dropdown-menu {
    position: static !important;
    float: none !important;
    display: none;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.lagom .app-nav .menu-primary > li.open > .dropdown-menu,
body.lagom .app-nav .menu-primary > li.dropdown.open > .dropdown-menu,
body.lagom .app-nav .menu-primary > li.active.dropdown > .dropdown-menu,
body.lagom .app-nav .app-nav-menu .menu > li.open > .dropdown-menu,
body.lagom.lagom-layout-left-wide .app-nav-default .app-nav-menu .menu > li.open > .dropdown-menu,
body.lagom.lagom-layout-left .app-nav-default .app-nav-menu .menu > li.open > .dropdown-menu,
body.lagom:not(.nav-mobile-dropdown) .app-nav-menu .menu > li.open > .dropdown-menu {
    display: block !important;
}

/* Open submenu — soft blue strip behind all children */
body.lagom .app-nav .menu-primary > li.open > .dropdown-menu,
body.lagom .app-nav .menu-primary > li.active.dropdown > .dropdown-menu,
body.lagom .app-nav .app-nav-menu .menu > li.open > .dropdown-menu,
body.lagom.lagom-layout-left-wide .app-nav-default .app-nav-menu .menu > li.open > .dropdown-menu {
    background: rgba(50, 79, 245, 0.05) !important;
}

body.lagom .app-nav .menu-primary .dropdown-menu > li > a,
body.lagom .app-nav .app-nav-menu .menu .dropdown-menu > li > a:not(.btn),
body.lagom.lagom-layout-left-wide .app-nav-default .app-nav-menu .menu .dropdown-menu > li > a:not(.btn),
body.lagom.lagom-layout-left .app-nav-default .app-nav-menu .menu .dropdown-menu > li > a:not(.btn) {
    display: flex !important;
    align-items: center !important;
    gap: 8px;
    box-sizing: border-box;
    min-height: 56px !important;
    height: 56px !important;
    margin: 0 !important;
    padding: 10px 16px 10px 32px !important;
    border: 0 !important;
    border-left: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    color: #000000 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* Kill Lagom tree indent line */
body.lagom .app-nav .menu-primary .dropdown-menu > li > a::before,
body.lagom .app-nav .app-nav-menu .menu .dropdown-menu > li > a::before,
body.lagom.lagom-layout-left-wide .app-nav .menu-primary .dropdown-menu > li > a::before {
    content: none !important;
    display: none !important;
    border: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Child rows — soft blue strip (mock bg-blue-600/5) */
body.lagom .app-nav .menu-primary .dropdown-menu > li > a,
body.lagom .app-nav .app-nav-menu .menu .dropdown-menu > li > a:not(.btn),
body.lagom.lagom-layout-left-wide .app-nav-menu .menu > li .dropdown-menu:not(.dropdown-menu-collapse) > li > a,
body.lagom:not(.nav-mobile-dropdown) .app-nav-menu .menu > li .dropdown-menu:not(.dropdown-menu-collapse) > li > a {
    background: rgba(50, 79, 245, 0.05) !important;
    background-color: rgba(50, 79, 245, 0.05) !important;
    transform: none !important;
    transition: color 0.15s ease !important;
}

body.lagom .app-nav .menu-primary .dropdown-menu > li,
body.lagom .app-nav .menu-primary .dropdown-menu > li:hover,
body.lagom .app-nav .menu-primary .dropdown-menu > li:focus,
body.lagom .app-nav .menu-primary .dropdown-menu > li.active,
body.lagom .app-nav .app-nav-menu .menu > li .dropdown-menu > li,
body.lagom .app-nav .app-nav-menu .menu > li .dropdown-menu > li:hover,
body.lagom .app-nav .app-nav-menu .menu > li .dropdown-menu > li.active {
    background: transparent !important;
    background-color: transparent !important;
}

/* Row bg stays fixed; only the icon + label slide */
body.lagom .app-nav .menu-primary .dropdown-menu > li > a > *,
body.lagom .app-nav .app-nav-menu .menu .dropdown-menu > li > a:not(.btn) > * {
    transform: translateX(0);
    transition: transform 0.15s ease, color 0.15s ease, filter 0.15s ease !important;
}

body.lagom .app-nav .menu-primary .dropdown-menu > li > a:hover > *,
body.lagom .app-nav .menu-primary .dropdown-menu > li > a:focus > *,
body.lagom .app-nav .menu-primary .dropdown-menu > li.active > a > *,
body.lagom .app-nav .app-nav-menu .menu .dropdown-menu > li > a:not(.btn):hover > *,
body.lagom .app-nav .app-nav-menu .menu .dropdown-menu > li.active > a:not(.btn) > * {
    transform: translateX(12px);
}

/* Child hover / active — keep soft strip + blue text (contents slide, row does not) */
body.lagom .app-nav .menu-primary .dropdown-menu > li > a:hover,
body.lagom .app-nav .menu-primary .dropdown-menu > li > a:focus,
body.lagom .app-nav .app-nav-menu .menu .dropdown-menu > li > a:not(.btn):hover,
body.lagom.lagom-layout-left-wide .app-nav-menu .menu > li .dropdown-menu:not(.dropdown-menu-collapse) > li:hover:not(.active) > a,
body.lagom.lagom-layout-left-wide .app-nav-menu .menu > li .dropdown-menu:not(.dropdown-menu-collapse) > li.active > a,
body.lagom.lagom-layout-left-wide .app-nav-default .app-nav-menu .menu .dropdown-menu > li > a:not(.btn):hover,
body.lagom.lagom-layout-left .app-nav-default .app-nav-menu .menu .dropdown-menu > li > a:not(.btn):hover,
body.lagom:not(.nav-mobile-dropdown) .app-nav-menu .menu > li .dropdown-menu:not(.dropdown-menu-collapse) > li:hover:not(.active) > a,
body.lagom:not(.nav-mobile-dropdown) .app-nav-menu .menu > li .dropdown-menu:not(.dropdown-menu-collapse) > li.active > a {
    background: rgba(50, 79, 245, 0.05) !important;
    background-color: rgba(50, 79, 245, 0.05) !important;
    color: #324FF5 !important;
    transform: none !important;
    padding-left: 32px !important;
}

body.lagom .app-nav .menu-primary .dropdown-menu > li > a:hover .menu-item-content,
body.lagom .app-nav .menu-primary .dropdown-menu > li > a:focus .menu-item-content {
    color: #324ff5 !important;
}

body.lagom .app-nav .menu-primary .dropdown-menu > li > a .menu-item-content {
    color: inherit !important;
}

/* Child icon chips — SAME size as parents (critical: children use <img>) */
body.lagom .app-nav .menu-primary .dropdown-menu > li > a > i,
body.lagom .app-nav .menu-primary .dropdown-menu > li > a > .ls,
body.lagom .app-nav .menu-primary .dropdown-menu > li > a > .lm,
body.lagom .app-nav .app-nav-menu .menu .dropdown-menu > li > a > i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 28px !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 8px !important;
    background: rgba(85, 85, 85, 0.10) !important;
    color: #000000 !important;
    font-size: 16px !important;
    line-height: 1 !important;
}

body.lagom .app-nav .menu-primary .dropdown-menu > li > a > img,
body.lagom .app-nav .app-nav-menu .menu .dropdown-menu > li > a > img,
body.lagom.lagom-layout-left-wide .app-nav-default .app-nav-menu .menu .dropdown-menu > li > a > img,
body.lagom.lagom-layout-left .app-nav-default .app-nav-menu .menu .dropdown-menu > li > a > img {
    flex: 0 0 28px !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    margin: 0 !important;
    padding: 6px !important;
    box-sizing: border-box !important;
    border-radius: 8px !important;
    background: rgba(85, 85, 85, 0.10) !important;
    object-fit: contain !important;
    filter: brightness(0);
}

/* Child hover/active — keep grey chip, turn glyph blue; row bg stays soft blue */
body.lagom .app-nav .menu-primary .dropdown-menu > li > a:hover > i,
body.lagom .app-nav .menu-primary .dropdown-menu > li > a:focus > i,
body.lagom .app-nav .menu-primary .dropdown-menu > li.active > a > i,
body.lagom .app-nav .menu-primary .dropdown-menu > li > a:hover > .ls,
body.lagom .app-nav .menu-primary .dropdown-menu > li.active > a > .ls,
body.lagom .app-nav .menu-primary .dropdown-menu > li > a:hover > .lm,
body.lagom .app-nav .menu-primary .dropdown-menu > li.active > a > .lm {
    background: rgba(85, 85, 85, 0.10) !important;
    color: #324FF5 !important;
}

body.lagom .app-nav .menu-primary .dropdown-menu > li > a:hover > img,
body.lagom .app-nav .menu-primary .dropdown-menu > li > a:focus > img,
body.lagom .app-nav .menu-primary .dropdown-menu > li.active > a > img,
body.lagom .app-nav .app-nav-menu .menu .dropdown-menu > li > a:not(.btn):hover > img,
body.lagom .app-nav .app-nav-menu .menu .dropdown-menu > li.active > a > img,
body.lagom.lagom-layout-left-wide .app-nav-default .app-nav-menu .menu .dropdown-menu > li > a:not(.btn):hover > img,
body.lagom.lagom-layout-left-wide .app-nav-default .app-nav-menu .menu .dropdown-menu > li.active > a > img,
body.lagom.lagom-layout-left .app-nav-default .app-nav-menu .menu .dropdown-menu > li > a:not(.btn):hover > img {
    background: rgba(85, 85, 85, 0.10) !important;
    filter: invert(32%) sepia(98%) saturate(2876%) hue-rotate(222deg) brightness(97%) contrast(96%) !important;
}

/* Selected dropdown page — soft strip + blue text/icon */
body.lagom .app-nav .menu-primary .dropdown-menu > li.active > a,
body.lagom .app-nav .menu-primary .dropdown-menu > li.active > a:hover,
body.lagom .app-nav .menu-primary .dropdown-menu > li.active > a:focus,
body.lagom .app-nav .app-nav-menu .menu .dropdown-menu > li.active > a:not(.btn),
body.lagom.lagom-layout-left-wide .app-nav-default .app-nav-menu .menu .dropdown-menu > li.active > a:not(.btn),
body.lagom.lagom-layout-left .app-nav-default .app-nav-menu .menu .dropdown-menu > li.active > a:not(.btn) {
    background: rgba(50, 79, 245, 0.05) !important;
    background-color: rgba(50, 79, 245, 0.05) !important;
    color: #324ff5 !important;
    border-radius: 0 !important;
}

body.lagom .app-nav .menu-primary .dropdown-menu > li.active > a .menu-item-content,
body.lagom .app-nav .app-nav-menu .menu .dropdown-menu > li.active > a .menu-item-content {
    color: #324ff5 !important;
}

body.lagom .app-nav .menu-primary .dropdown-menu > li.active > a > i,
body.lagom .app-nav .menu-primary .dropdown-menu > li.active > a > .ls,
body.lagom .app-nav .menu-primary .dropdown-menu > li.active > a > .lm {
    color: #324ff5 !important;
}

body.lagom .app-nav .menu-primary .dropdown-menu > li.active > a > i:before {
    color: #324ff5 !important;
}

body.lagom .app-nav .menu-primary .dropdown-menu > li.active > a > img,
body.lagom .app-nav .app-nav-menu .menu .dropdown-menu > li.active > a > img {
    filter: invert(32%) sepia(98%) saturate(2876%) hue-rotate(222deg) brightness(97%) contrast(96%);
}

body.lagom .app-nav .menu-primary .dropdown-menu > .dropdown-header,
body.lagom .app-nav .menu-primary .dropdown-menu > .nav-divider,
body.lagom .app-nav .app-nav-menu .menu .dropdown-menu > .dropdown-header,
body.lagom .app-nav .app-nav-menu .menu .dropdown-menu > .nav-divider {
    display: none !important;
}

/* Hide Affiliate Coupons (removed from Refer & Earn) */
body.lagom .app-nav #Primary_Navbar-Refer_\&_Earn-Affiliate_Coupons,
body.lagom .app-nav [id="Primary_Navbar-Refer_&_Earn-Affiliate_Coupons"],
body.lagom .app-nav #Primary_Navbar-Affiliates-Affiliate_Coupons,
body.lagom .app-nav [id="Primary_Navbar-Affiliates-Affiliate_Coupons"] {
    display: none !important;
}

/* Page fallbacks — selected child link blue text even if Lagom skips .active */
body.lagom.page-clientareaproducts .app-nav #Primary_Navbar-Services-My_Services > a,
body.lagom.page-clientareaproductdetails .app-nav #Primary_Navbar-Services-My_Services > a,
body.lagom.page-addons .app-nav #Primary_Navbar-Services-View_Available_Addons > a,
body.lagom.page-service-renewals .app-nav #Primary_Navbar-Services-Renew_Services > a,
body.lagom.page-clientareadomains .app-nav #Primary_Navbar-Domains-My_Domains > a,
body.lagom.page-clientareadomaindetails .app-nav #Primary_Navbar-Domains-My_Domains > a,
body.lagom.page-domain-renewals .app-nav #Primary_Navbar-Domains-Domain_Renewals > a,
body.lagom.page-domainregister .app-nav #Primary_Navbar-Domains-Register_a_New_Domain > a,
body.lagom.page-domaintransfer .app-nav #Primary_Navbar-Domains-Transfer_Domains_to_Us > a,
body.lagom.page-supportticketslist .app-nav #Primary_Navbar-Support-Tickets > a,
body.lagom.page-viewticket .app-nav #Primary_Navbar-Support-Tickets > a,
body.lagom.page-supportticketsubmit-stepone .app-nav #Primary_Navbar-Support-Open_Ticket > a,
body.lagom.page-supportticketsubmit-steptwo .app-nav #Primary_Navbar-Support-Open_Ticket > a,
body.lagom.page-supportticketsubmit-confirm .app-nav #Primary_Navbar-Support-Open_Ticket > a,
body.lagom.page-affiliates .app-nav #Primary_Navbar-Refer_\&_Earn-Affiliate_Dashboard > a,
body.lagom.page-affiliates .app-nav [id="Primary_Navbar-Refer_&_Earn-Affiliate_Dashboard"] > a,
body.lagom.page-affcoupons .app-nav #Primary_Navbar-Refer_\&_Earn-Affiliate_Coupons > a,
body.lagom.page-affcoupons .app-nav [id="Primary_Navbar-Refer_&_Earn-Affiliate_Coupons"] > a,
body.lagom.page-clientaffcoupons .app-nav #Primary_Navbar-Refer_\&_Earn-Affiliate_Coupons > a,
body.lagom.page-clientaffcoupons .app-nav [id="Primary_Navbar-Refer_&_Earn-Affiliate_Coupons"] > a {
    background: transparent !important;
    background-color: transparent !important;
    color: #324ff5 !important;
}

body.lagom.page-clientareaproducts .app-nav #Primary_Navbar-Services-My_Services > a .menu-item-content,
body.lagom.page-clientareaproductdetails .app-nav #Primary_Navbar-Services-My_Services > a .menu-item-content,
body.lagom.page-addons .app-nav #Primary_Navbar-Services-View_Available_Addons > a .menu-item-content,
body.lagom.page-service-renewals .app-nav #Primary_Navbar-Services-Renew_Services > a .menu-item-content,
body.lagom.page-clientareadomains .app-nav #Primary_Navbar-Domains-My_Domains > a .menu-item-content,
body.lagom.page-clientareadomaindetails .app-nav #Primary_Navbar-Domains-My_Domains > a .menu-item-content,
body.lagom.page-domain-renewals .app-nav #Primary_Navbar-Domains-Domain_Renewals > a .menu-item-content,
body.lagom.page-domainregister .app-nav #Primary_Navbar-Domains-Register_a_New_Domain > a .menu-item-content,
body.lagom.page-domaintransfer .app-nav #Primary_Navbar-Domains-Transfer_Domains_to_Us > a .menu-item-content,
body.lagom.page-supportticketslist .app-nav #Primary_Navbar-Support-Tickets > a .menu-item-content,
body.lagom.page-viewticket .app-nav #Primary_Navbar-Support-Tickets > a .menu-item-content,
body.lagom.page-supportticketsubmit-stepone .app-nav #Primary_Navbar-Support-Open_Ticket > a .menu-item-content,
body.lagom.page-supportticketsubmit-steptwo .app-nav #Primary_Navbar-Support-Open_Ticket > a .menu-item-content,
body.lagom.page-affiliates .app-nav #Primary_Navbar-Refer_\&_Earn-Affiliate_Dashboard > a .menu-item-content,
body.lagom.page-affiliates .app-nav #Primary_Navbar-Refer_\&_Earn-Affiliate_Dashboard > a .item-text,
body.lagom.page-affiliates .app-nav [id="Primary_Navbar-Refer_&_Earn-Affiliate_Dashboard"] > a .menu-item-content,
body.lagom.page-affiliates .app-nav [id="Primary_Navbar-Refer_&_Earn-Affiliate_Dashboard"] > a .item-text,
body.lagom.page-affcoupons .app-nav #Primary_Navbar-Refer_\&_Earn-Affiliate_Coupons > a .menu-item-content,
body.lagom.page-affcoupons .app-nav #Primary_Navbar-Refer_\&_Earn-Affiliate_Coupons > a .item-text,
body.lagom.page-affcoupons .app-nav [id="Primary_Navbar-Refer_&_Earn-Affiliate_Coupons"] > a .menu-item-content,
body.lagom.page-affcoupons .app-nav [id="Primary_Navbar-Refer_&_Earn-Affiliate_Coupons"] > a .item-text,
body.lagom.page-clientaffcoupons .app-nav #Primary_Navbar-Refer_\&_Earn-Affiliate_Coupons > a .menu-item-content,
body.lagom.page-clientaffcoupons .app-nav #Primary_Navbar-Refer_\&_Earn-Affiliate_Coupons > a .item-text,
body.lagom.page-clientaffcoupons .app-nav [id="Primary_Navbar-Refer_&_Earn-Affiliate_Coupons"] > a .menu-item-content,
body.lagom.page-clientaffcoupons .app-nav [id="Primary_Navbar-Refer_&_Earn-Affiliate_Coupons"] > a .item-text {
    color: #324ff5 !important;
}

body.lagom.page-clientareaproducts .app-nav #Primary_Navbar-Services-My_Services > a > img,
body.lagom.page-clientareaproductdetails .app-nav #Primary_Navbar-Services-My_Services > a > img,
body.lagom.page-addons .app-nav #Primary_Navbar-Services-View_Available_Addons > a > img,
body.lagom.page-service-renewals .app-nav #Primary_Navbar-Services-Renew_Services > a > img,
body.lagom.page-clientareadomains .app-nav #Primary_Navbar-Domains-My_Domains > a > img,
body.lagom.page-clientareadomaindetails .app-nav #Primary_Navbar-Domains-My_Domains > a > img,
body.lagom.page-domain-renewals .app-nav #Primary_Navbar-Domains-Domain_Renewals > a > img,
body.lagom.page-domainregister .app-nav #Primary_Navbar-Domains-Register_a_New_Domain > a > img,
body.lagom.page-domaintransfer .app-nav #Primary_Navbar-Domains-Transfer_Domains_to_Us > a > img,
body.lagom.page-supportticketslist .app-nav #Primary_Navbar-Support-Tickets > a > img,
body.lagom.page-viewticket .app-nav #Primary_Navbar-Support-Tickets > a > img,
body.lagom.page-supportticketsubmit-stepone .app-nav #Primary_Navbar-Support-Open_Ticket > a > img,
body.lagom.page-supportticketsubmit-steptwo .app-nav #Primary_Navbar-Support-Open_Ticket > a > img,
body.lagom.page-affiliates .app-nav #Primary_Navbar-Refer_\&_Earn-Affiliate_Dashboard > a > img,
body.lagom.page-affiliates .app-nav [id="Primary_Navbar-Refer_&_Earn-Affiliate_Dashboard"] > a > img,
body.lagom.page-affcoupons .app-nav #Primary_Navbar-Refer_\&_Earn-Affiliate_Coupons > a > img,
body.lagom.page-affcoupons .app-nav [id="Primary_Navbar-Refer_&_Earn-Affiliate_Coupons"] > a > img,
body.lagom.page-clientaffcoupons .app-nav #Primary_Navbar-Refer_\&_Earn-Affiliate_Coupons > a > img,
body.lagom.page-clientaffcoupons .app-nav [id="Primary_Navbar-Refer_&_Earn-Affiliate_Coupons"] > a > img {
    filter: invert(32%) sepia(98%) saturate(2876%) hue-rotate(222deg) brightness(97%) contrast(96%);
}

/* Badges */
body.lagom .app-nav .menu-primary .badge,
body.lagom .app-nav .menu-primary .badge-right {
    margin-left: auto !important;
    background: transparent !important;
    color: #324ff5 !important;
    font-weight: 400 !important;
    box-shadow: none !important;
}

body.lagom .app-nav .menu-primary > li.active > a .badge {
    color: #ffffff !important;
}

body.lagom .app-nav .menu-primary > li.open:not(.active) > a .badge {
    color: #324ff5 !important;
}

/* =====================================================================
   Page current fallbacks
   ===================================================================== */

body.lagom.page-clientareahome .app-nav #Primary_Navbar-Dashboard > a,
body.lagom.page-clientareahome .app-nav #Primary_Navbar-Dashboard > a:hover,
body.lagom.page-clientareahome .app-nav #Primary_Navbar-Dashboard > a:focus,
body.lagom.page-clientareaproducts .app-nav #Primary_Navbar-Services > a,
body.lagom.page-clientareaproducts .app-nav #Primary_Navbar-Services > a:hover,
body.lagom.page-clientareaproductdetails .app-nav #Primary_Navbar-Services > a,
body.lagom.page-clientareaproductdetails .app-nav #Primary_Navbar-Services > a:hover,
body.lagom.page-addons .app-nav #Primary_Navbar-Services > a,
body.lagom.page-addons .app-nav #Primary_Navbar-Services > a:hover,
body.lagom.page-service-renewals .app-nav #Primary_Navbar-Services > a,
body.lagom.page-service-renewals .app-nav #Primary_Navbar-Services > a:hover,
body.lagom.page-clientareadomains .app-nav #Primary_Navbar-Domains > a,
body.lagom.page-clientareadomains .app-nav #Primary_Navbar-Domains > a:hover,
body.lagom.page-clientareadomaindetails .app-nav #Primary_Navbar-Domains > a,
body.lagom.page-clientareadomaindetails .app-nav #Primary_Navbar-Domains > a:hover,
body.lagom.page-domain-renewals .app-nav #Primary_Navbar-Domains > a,
body.lagom.page-domain-renewals .app-nav #Primary_Navbar-Domains > a:hover,
body.lagom.page-domainregister .app-nav #Primary_Navbar-Domains > a,
body.lagom.page-domainregister .app-nav #Primary_Navbar-Domains > a:hover,
body.lagom.page-domaintransfer .app-nav #Primary_Navbar-Domains > a,
body.lagom.page-domaintransfer .app-nav #Primary_Navbar-Domains > a:hover,
body.lagom.page-clientareainvoices .app-nav #Primary_Navbar-My_Invoices > a,
body.lagom.page-clientareainvoices .app-nav #Primary_Navbar-My_Invoices > a:hover,
body.lagom.page-viewinvoice .app-nav #Primary_Navbar-My_Invoices > a,
body.lagom.page-viewinvoice .app-nav #Primary_Navbar-My_Invoices > a:hover,
body.lagom.page-masspay .app-nav #Primary_Navbar-My_Invoices > a,
body.lagom.page-masspay .app-nav #Primary_Navbar-My_Invoices > a:hover,
body.lagom.page-supportticketslist .app-nav #Primary_Navbar-Support > a,
body.lagom.page-supportticketslist .app-nav #Primary_Navbar-Support > a:hover,
body.lagom.page-viewticket .app-nav #Primary_Navbar-Support > a,
body.lagom.page-viewticket .app-nav #Primary_Navbar-Support > a:hover,
body.lagom.page-supportticketsubmit-stepone .app-nav #Primary_Navbar-Support > a,
body.lagom.page-supportticketsubmit-stepone .app-nav #Primary_Navbar-Support > a:hover,
body.lagom.page-supportticketsubmit-steptwo .app-nav #Primary_Navbar-Support > a,
body.lagom.page-supportticketsubmit-steptwo .app-nav #Primary_Navbar-Support > a:hover,
body.lagom.page-supportticketsubmit-confirm .app-nav #Primary_Navbar-Support > a,
body.lagom.page-supportticketsubmit-confirm .app-nav #Primary_Navbar-Support > a:hover,
body.lagom.page-affiliates .app-nav [id="Primary_Navbar-Refer_&_Earn"] > a,
body.lagom.page-affiliates .app-nav [id="Primary_Navbar-Refer_&_Earn"] > a:hover,
body.lagom.page-affiliatessignup .app-nav [id="Primary_Navbar-Refer_&_Earn"] > a,
body.lagom.page-affiliatessignup .app-nav [id="Primary_Navbar-Refer_&_Earn"] > a:hover,
body.lagom.page-affcoupons .app-nav [id="Primary_Navbar-Refer_&_Earn"] > a,
body.lagom.page-affcoupons .app-nav [id="Primary_Navbar-Refer_&_Earn"] > a:hover,
body.lagom.page-viewcart .app-nav #Primary_Navbar-Place_Order > a,
body.lagom.page-viewcart .app-nav #Primary_Navbar-Place_Order > a:hover,
body.lagom.page-configureproduct .app-nav #Primary_Navbar-Place_Order > a,
body.lagom.page-configureproduct .app-nav #Primary_Navbar-Place_Order > a:hover,
body.lagom.page-products .app-nav #Primary_Navbar-Place_Order > a,
body.lagom.page-products .app-nav #Primary_Navbar-Place_Order > a:hover,
body.lagom.page-buy-hosting .app-nav #Primary_Navbar-Buy_Hosting > a,
body.lagom.page-buy-hosting .app-nav #Primary_Navbar-Buy_Hosting > a:hover,
body.lagom.page-buy-hosting .app-nav #Primary_Navbar-Buy_Hosting > a:focus {
    border-radius: 0 !important;
    background: #324ff5 !important;
    background-color: #324ff5 !important;
    color: #ffffff !important;
}

/* Current-section parents — white text + white icons (incl. when submenu open) */
body.lagom.page-clientareahome .app-nav #Primary_Navbar-Dashboard > a .item-text,
body.lagom.page-clientareahome .app-nav #Primary_Navbar-Dashboard > a:hover .item-text,
body.lagom.page-clientareainvoices .app-nav #Primary_Navbar-My_Invoices > a .item-text,
body.lagom.page-clientareainvoices .app-nav #Primary_Navbar-My_Invoices > a:hover .item-text,
body.lagom.page-viewinvoice .app-nav #Primary_Navbar-My_Invoices > a .item-text,
body.lagom.page-masspay .app-nav #Primary_Navbar-My_Invoices > a .item-text,
body.lagom.page-clientareadomains .app-nav #Primary_Navbar-Domains > a .item-text,
body.lagom.page-clientareadomains .app-nav #Primary_Navbar-Domains > a:hover .item-text,
body.lagom.page-clientareadomaindetails .app-nav #Primary_Navbar-Domains > a .item-text,
body.lagom.page-domain-renewals .app-nav #Primary_Navbar-Domains > a .item-text,
body.lagom.page-domainregister .app-nav #Primary_Navbar-Domains > a .item-text,
body.lagom.page-domaintransfer .app-nav #Primary_Navbar-Domains > a .item-text,
body.lagom.page-clientareaproducts .app-nav #Primary_Navbar-Services > a .item-text,
body.lagom.page-clientareaproducts .app-nav #Primary_Navbar-Services > a:hover .item-text,
body.lagom.page-clientareaproductdetails .app-nav #Primary_Navbar-Services > a .item-text,
body.lagom.page-addons .app-nav #Primary_Navbar-Services > a .item-text,
body.lagom.page-service-renewals .app-nav #Primary_Navbar-Services > a .item-text,
body.lagom.page-supportticketslist .app-nav #Primary_Navbar-Support > a .item-text,
body.lagom.page-viewticket .app-nav #Primary_Navbar-Support > a .item-text,
body.lagom.page-supportticketsubmit-stepone .app-nav #Primary_Navbar-Support > a .item-text,
body.lagom.page-supportticketsubmit-steptwo .app-nav #Primary_Navbar-Support > a .item-text,
body.lagom.page-supportticketsubmit-confirm .app-nav #Primary_Navbar-Support > a .item-text,
body.lagom.page-affiliates .app-nav [id="Primary_Navbar-Refer_&_Earn"] > a .item-text,
body.lagom.page-affiliatessignup .app-nav [id="Primary_Navbar-Refer_&_Earn"] > a .item-text,
body.lagom.page-affcoupons .app-nav [id="Primary_Navbar-Refer_&_Earn"] > a .item-text,
body.lagom.page-viewcart .app-nav #Primary_Navbar-Place_Order > a .item-text,
body.lagom.page-configureproduct .app-nav #Primary_Navbar-Place_Order > a .item-text,
body.lagom.page-products .app-nav #Primary_Navbar-Place_Order > a .item-text,
body.lagom.page-buy-hosting .app-nav #Primary_Navbar-Buy_Hosting > a .item-text,
body.lagom.page-buy-hosting .app-nav #Primary_Navbar-Buy_Hosting > a:hover .item-text {
    color: #ffffff !important;
}

body.lagom.page-clientareahome .app-nav #Primary_Navbar-Dashboard > a > img,
body.lagom.page-clientareahome .app-nav #Primary_Navbar-Dashboard > a:hover > img,
body.lagom.page-clientareainvoices .app-nav #Primary_Navbar-My_Invoices > a > img,
body.lagom.page-clientareainvoices .app-nav #Primary_Navbar-My_Invoices > a:hover > img,
body.lagom.page-viewinvoice .app-nav #Primary_Navbar-My_Invoices > a > img,
body.lagom.page-masspay .app-nav #Primary_Navbar-My_Invoices > a > img,
body.lagom.page-clientareadomains .app-nav #Primary_Navbar-Domains > a > img,
body.lagom.page-clientareadomains .app-nav #Primary_Navbar-Domains > a:hover > img,
body.lagom.page-clientareadomaindetails .app-nav #Primary_Navbar-Domains > a > img,
body.lagom.page-domain-renewals .app-nav #Primary_Navbar-Domains > a > img,
body.lagom.page-domainregister .app-nav #Primary_Navbar-Domains > a > img,
body.lagom.page-domaintransfer .app-nav #Primary_Navbar-Domains > a > img,
body.lagom.page-clientareaproducts .app-nav #Primary_Navbar-Services > a > img,
body.lagom.page-clientareaproducts .app-nav #Primary_Navbar-Services > a:hover > img,
body.lagom.page-clientareaproductdetails .app-nav #Primary_Navbar-Services > a > img,
body.lagom.page-addons .app-nav #Primary_Navbar-Services > a > img,
body.lagom.page-service-renewals .app-nav #Primary_Navbar-Services > a > img,
body.lagom.page-supportticketslist .app-nav #Primary_Navbar-Support > a > img,
body.lagom.page-supportticketslist .app-nav #Primary_Navbar-Support > a:hover > img,
body.lagom.page-viewticket .app-nav #Primary_Navbar-Support > a > img,
body.lagom.page-supportticketsubmit-stepone .app-nav #Primary_Navbar-Support > a > img,
body.lagom.page-supportticketsubmit-steptwo .app-nav #Primary_Navbar-Support > a > img,
body.lagom.page-supportticketsubmit-confirm .app-nav #Primary_Navbar-Support > a > img,
body.lagom.page-affiliates .app-nav [id="Primary_Navbar-Refer_&_Earn"] > a > img,
body.lagom.page-affiliates .app-nav [id="Primary_Navbar-Refer_&_Earn"] > a:hover > img,
body.lagom.page-affiliatessignup .app-nav [id="Primary_Navbar-Refer_&_Earn"] > a > img,
body.lagom.page-affcoupons .app-nav [id="Primary_Navbar-Refer_&_Earn"] > a > img,
body.lagom.page-viewcart .app-nav #Primary_Navbar-Place_Order > a > img,
body.lagom.page-viewcart .app-nav #Primary_Navbar-Place_Order > a:hover > img,
body.lagom.page-configureproduct .app-nav #Primary_Navbar-Place_Order > a > img,
body.lagom.page-products .app-nav #Primary_Navbar-Place_Order > a > img,
body.lagom.page-buy-hosting .app-nav #Primary_Navbar-Buy_Hosting > a > img,
body.lagom.page-buy-hosting .app-nav #Primary_Navbar-Buy_Hosting > a:hover > img {
    background: rgba(255, 255, 255, 0.1) !important;
    filter: brightness(0) invert(1) !important;
}

body.lagom.page-clientareahome .app-nav #Primary_Navbar-Dashboard > a > .ls-caret,
body.lagom.page-clientareaproducts .app-nav #Primary_Navbar-Services > a > .ls-caret,
body.lagom.page-clientareaproductdetails .app-nav #Primary_Navbar-Services > a > .ls-caret,
body.lagom.page-addons .app-nav #Primary_Navbar-Services > a > .ls-caret,
body.lagom.page-service-renewals .app-nav #Primary_Navbar-Services > a > .ls-caret,
body.lagom.page-clientareadomains .app-nav #Primary_Navbar-Domains > a > .ls-caret,
body.lagom.page-clientareadomaindetails .app-nav #Primary_Navbar-Domains > a > .ls-caret,
body.lagom.page-domain-renewals .app-nav #Primary_Navbar-Domains > a > .ls-caret,
body.lagom.page-domainregister .app-nav #Primary_Navbar-Domains > a > .ls-caret,
body.lagom.page-domaintransfer .app-nav #Primary_Navbar-Domains > a > .ls-caret,
body.lagom.page-supportticketslist .app-nav #Primary_Navbar-Support > a > .ls-caret,
body.lagom.page-viewticket .app-nav #Primary_Navbar-Support > a > .ls-caret,
body.lagom.page-supportticketsubmit-stepone .app-nav #Primary_Navbar-Support > a > .ls-caret,
body.lagom.page-supportticketsubmit-steptwo .app-nav #Primary_Navbar-Support > a > .ls-caret,
body.lagom.page-affiliates .app-nav [id="Primary_Navbar-Refer_&_Earn"] > a > .ls-caret,
body.lagom.page-viewcart .app-nav #Primary_Navbar-Place_Order > a > .ls-caret,
body.lagom.page-configureproduct .app-nav #Primary_Navbar-Place_Order > a > .ls-caret,
body.lagom.page-products .app-nav #Primary_Navbar-Place_Order > a > .ls-caret {
    color: #ffffff !important;
    filter: none !important;
}

/* =====================================================================
   Blue-bar lock: selected / current parents keep WHITE text+icons on hover
   (beats open/hover rules that force #324ff5 — e.g. Refer & Earn)
   ===================================================================== */

body.lagom .app-nav .menu-primary > li.active > a,
body.lagom .app-nav .menu-primary > li.active > a:hover,
body.lagom .app-nav .menu-primary > li.active > a:focus,
body.lagom .app-nav .menu-primary > li.active > a:active,
body.lagom .app-nav .menu-primary > li.active.open > a,
body.lagom .app-nav .menu-primary > li.active.open > a:hover,
body.lagom .app-nav .menu-primary > li.active.open > a:focus,
body.lagom .app-nav .menu-primary > li.active.show > a,
body.lagom .app-nav .menu-primary > li.active.sfHover > a,
body.lagom .app-nav .app-nav-menu .menu > li.active > a:not(.btn),
body.lagom .app-nav .app-nav-menu .menu > li.active > a:not(.btn):hover,
body.lagom .app-nav .app-nav-menu .menu > li.active.open > a:not(.btn),
body.lagom .app-nav .app-nav-menu .menu > li.active.open > a:not(.btn):hover,
body.lagom.lagom-layout-left-wide .app-nav-default .app-nav-menu .menu > li.active > a:not(.btn),
body.lagom.lagom-layout-left-wide .app-nav-default .app-nav-menu .menu > li.active > a:not(.btn):hover,
body.lagom.lagom-layout-left-wide .app-nav-default .app-nav-menu .menu > li.active.open > a:not(.btn),
body.lagom.lagom-layout-left-wide .app-nav-default .app-nav-menu .menu > li.active.open > a:not(.btn):hover,
body.lagom.lagom-layout-left .app-nav-default .app-nav-menu .menu > li.active > a:not(.btn),
body.lagom.lagom-layout-left .app-nav-default .app-nav-menu .menu > li.active > a:not(.btn):hover {
    background: #324ff5 !important;
    background-color: #324ff5 !important;
    color: #ffffff !important;
}

body.lagom .app-nav .menu-primary > li.active > a .item-text,
body.lagom .app-nav .menu-primary > li.active > a:hover .item-text,
body.lagom .app-nav .menu-primary > li.active > a:focus .item-text,
body.lagom .app-nav .menu-primary > li.active.open > a .item-text,
body.lagom .app-nav .menu-primary > li.active.open > a:hover .item-text,
body.lagom .app-nav .menu-primary > li.active > a .menu-item-content,
body.lagom .app-nav .menu-primary > li.active > a:hover .menu-item-content,
body.lagom .app-nav .menu-primary > li.active > a .menu-item-title,
body.lagom .app-nav .menu-primary > li.active > a:hover .menu-item-title,
body.lagom .app-nav .app-nav-menu .menu > li.active > a:not(.btn) .item-text,
body.lagom .app-nav .app-nav-menu .menu > li.active > a:not(.btn):hover .item-text,
body.lagom.lagom-layout-left-wide .app-nav-default .app-nav-menu .menu > li.active > a:not(.btn) .item-text,
body.lagom.lagom-layout-left-wide .app-nav-default .app-nav-menu .menu > li.active > a:not(.btn):hover .item-text,
body.lagom.lagom-layout-left-wide .app-nav-default .app-nav-menu .menu > li.active.open > a:not(.btn) .item-text,
body.lagom.lagom-layout-left-wide .app-nav-default .app-nav-menu .menu > li.active.open > a:not(.btn):hover .item-text {
    color: #ffffff !important;
}

body.lagom .app-nav .menu-primary > li.active > a > i,
body.lagom .app-nav .menu-primary > li.active > a:hover > i,
body.lagom .app-nav .menu-primary > li.active.open > a > i,
body.lagom .app-nav .menu-primary > li.active.open > a:hover > i,
body.lagom .app-nav .menu-primary > li.active > a > .ls:not(.ls-caret),
body.lagom .app-nav .menu-primary > li.active > a:hover > .ls:not(.ls-caret),
body.lagom .app-nav .menu-primary > li.active > a > .lm,
body.lagom .app-nav .menu-primary > li.active > a:hover > .lm,
body.lagom .app-nav .app-nav-menu .menu > li.active > a:not(.btn) > i,
body.lagom .app-nav .app-nav-menu .menu > li.active > a:not(.btn):hover > i,
body.lagom .app-nav .app-nav-menu .menu > li.active.open > a:not(.btn) > i,
body.lagom .app-nav .app-nav-menu .menu > li.active.open > a:not(.btn):hover > i {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
}

body.lagom .app-nav .menu-primary > li.active > a > i:before,
body.lagom .app-nav .menu-primary > li.active > a:hover > i:before,
body.lagom .app-nav .menu-primary > li.active.open > a > i:before,
body.lagom .app-nav .menu-primary > li.active.open > a:hover > i:before {
    color: #ffffff !important;
}

body.lagom .app-nav .menu-primary > li.active > a > img,
body.lagom .app-nav .menu-primary > li.active > a:hover > img,
body.lagom .app-nav .menu-primary > li.active.open > a > img,
body.lagom .app-nav .menu-primary > li.active.open > a:hover > img,
body.lagom .app-nav .app-nav-menu .menu > li.active > a:not(.btn) > img,
body.lagom .app-nav .app-nav-menu .menu > li.active > a:not(.btn):hover > img,
body.lagom .app-nav .app-nav-menu .menu > li.active.open > a:not(.btn) > img,
body.lagom .app-nav .app-nav-menu .menu > li.active.open > a:not(.btn):hover > img,
body.lagom.lagom-layout-left-wide .app-nav-default .app-nav-menu .menu > li.active > a:not(.btn) > img,
body.lagom.lagom-layout-left-wide .app-nav-default .app-nav-menu .menu > li.active > a:not(.btn):hover > img,
body.lagom.lagom-layout-left-wide .app-nav-default .app-nav-menu .menu > li.active.open > a:not(.btn) > img,
body.lagom.lagom-layout-left-wide .app-nav-default .app-nav-menu .menu > li.active.open > a:not(.btn):hover > img {
    background: rgba(255, 255, 255, 0.1) !important;
    filter: brightness(0) invert(1) !important;
}

body.lagom .app-nav .menu-primary > li.active > a > .ls-caret,
body.lagom .app-nav .menu-primary > li.active > a:hover > .ls-caret,
body.lagom .app-nav .menu-primary > li.active.open > a > .ls-caret,
body.lagom .app-nav .menu-primary > li.active.open > a:hover > .ls-caret,
body.lagom .app-nav .app-nav-menu .menu > li.active > a:not(.btn) > .ls-caret,
body.lagom .app-nav .app-nav-menu .menu > li.active > a:not(.btn):hover > .ls-caret {
    background: transparent !important;
    color: #FFFFFF !important;
    filter: none !important;
}

body.lagom .app-nav .menu-primary > li.active > a .badge,
body.lagom .app-nav .menu-primary > li.active > a:hover .badge,
body.lagom .app-nav .menu-primary > li.active.open > a .badge {
    color: #ffffff !important;
}

/* Page-current parents (often .open but NOT .active) — lock white on hover too */
body.lagom.page-clientareahome .app-nav #Primary_Navbar-Dashboard > a:hover,
body.lagom.page-clientareahome .app-nav #Primary_Navbar-Dashboard > a:focus,
body.lagom.page-clientareaproducts .app-nav #Primary_Navbar-Services > a:hover,
body.lagom.page-clientareaproducts .app-nav #Primary_Navbar-Services > a:focus,
body.lagom.page-clientareaproductdetails .app-nav #Primary_Navbar-Services > a:hover,
body.lagom.page-addons .app-nav #Primary_Navbar-Services > a:hover,
body.lagom.page-service-renewals .app-nav #Primary_Navbar-Services > a:hover,
body.lagom.page-clientareadomains .app-nav #Primary_Navbar-Domains > a:hover,
body.lagom.page-clientareadomaindetails .app-nav #Primary_Navbar-Domains > a:hover,
body.lagom.page-domain-renewals .app-nav #Primary_Navbar-Domains > a:hover,
body.lagom.page-domainregister .app-nav #Primary_Navbar-Domains > a:hover,
body.lagom.page-domaintransfer .app-nav #Primary_Navbar-Domains > a:hover,
body.lagom.page-clientareainvoices .app-nav #Primary_Navbar-My_Invoices > a:hover,
body.lagom.page-viewinvoice .app-nav #Primary_Navbar-My_Invoices > a:hover,
body.lagom.page-masspay .app-nav #Primary_Navbar-My_Invoices > a:hover,
body.lagom.page-supportticketslist .app-nav #Primary_Navbar-Support > a:hover,
body.lagom.page-viewticket .app-nav #Primary_Navbar-Support > a:hover,
body.lagom.page-supportticketsubmit-stepone .app-nav #Primary_Navbar-Support > a:hover,
body.lagom.page-supportticketsubmit-steptwo .app-nav #Primary_Navbar-Support > a:hover,
body.lagom.page-supportticketsubmit-confirm .app-nav #Primary_Navbar-Support > a:hover,
body.lagom.page-affiliates .app-nav [id="Primary_Navbar-Refer_&_Earn"] > a:hover,
body.lagom.page-affiliates .app-nav [id="Primary_Navbar-Refer_&_Earn"] > a:focus,
body.lagom.page-affiliatessignup .app-nav [id="Primary_Navbar-Refer_&_Earn"] > a:hover,
body.lagom.page-affcoupons .app-nav [id="Primary_Navbar-Refer_&_Earn"] > a:hover,
body.lagom.page-viewcart .app-nav #Primary_Navbar-Place_Order > a:hover,
body.lagom.page-configureproduct .app-nav #Primary_Navbar-Place_Order > a:hover,
body.lagom.page-products .app-nav #Primary_Navbar-Place_Order > a:hover,
body.lagom.page-buy-hosting .app-nav #Primary_Navbar-Buy_Hosting > a:hover {
    background: #324ff5 !important;
    background-color: #324ff5 !important;
    color: #ffffff !important;
}

body.lagom.page-clientareahome .app-nav #Primary_Navbar-Dashboard > a:hover .item-text,
body.lagom.page-clientareahome .app-nav #Primary_Navbar-Dashboard > a:focus .item-text,
body.lagom.page-clientareaproducts .app-nav #Primary_Navbar-Services > a:hover .item-text,
body.lagom.page-clientareaproductdetails .app-nav #Primary_Navbar-Services > a:hover .item-text,
body.lagom.page-addons .app-nav #Primary_Navbar-Services > a:hover .item-text,
body.lagom.page-service-renewals .app-nav #Primary_Navbar-Services > a:hover .item-text,
body.lagom.page-clientareadomains .app-nav #Primary_Navbar-Domains > a:hover .item-text,
body.lagom.page-clientareadomaindetails .app-nav #Primary_Navbar-Domains > a:hover .item-text,
body.lagom.page-domain-renewals .app-nav #Primary_Navbar-Domains > a:hover .item-text,
body.lagom.page-domainregister .app-nav #Primary_Navbar-Domains > a:hover .item-text,
body.lagom.page-domaintransfer .app-nav #Primary_Navbar-Domains > a:hover .item-text,
body.lagom.page-clientareainvoices .app-nav #Primary_Navbar-My_Invoices > a:hover .item-text,
body.lagom.page-viewinvoice .app-nav #Primary_Navbar-My_Invoices > a:hover .item-text,
body.lagom.page-masspay .app-nav #Primary_Navbar-My_Invoices > a:hover .item-text,
body.lagom.page-supportticketslist .app-nav #Primary_Navbar-Support > a:hover .item-text,
body.lagom.page-viewticket .app-nav #Primary_Navbar-Support > a:hover .item-text,
body.lagom.page-supportticketsubmit-stepone .app-nav #Primary_Navbar-Support > a:hover .item-text,
body.lagom.page-supportticketsubmit-steptwo .app-nav #Primary_Navbar-Support > a:hover .item-text,
body.lagom.page-supportticketsubmit-confirm .app-nav #Primary_Navbar-Support > a:hover .item-text,
body.lagom.page-affiliates .app-nav [id="Primary_Navbar-Refer_&_Earn"] > a:hover .item-text,
body.lagom.page-affiliates .app-nav [id="Primary_Navbar-Refer_&_Earn"] > a:focus .item-text,
body.lagom.page-affiliatessignup .app-nav [id="Primary_Navbar-Refer_&_Earn"] > a:hover .item-text,
body.lagom.page-affcoupons .app-nav [id="Primary_Navbar-Refer_&_Earn"] > a:hover .item-text,
body.lagom.page-viewcart .app-nav #Primary_Navbar-Place_Order > a:hover .item-text,
body.lagom.page-configureproduct .app-nav #Primary_Navbar-Place_Order > a:hover .item-text,
body.lagom.page-products .app-nav #Primary_Navbar-Place_Order > a:hover .item-text,
body.lagom.page-buy-hosting .app-nav #Primary_Navbar-Buy_Hosting > a:hover .item-text {
    color: #ffffff !important;
}

body.lagom.page-clientareahome .app-nav #Primary_Navbar-Dashboard > a:hover > i,
body.lagom.page-clientareaproducts .app-nav #Primary_Navbar-Services > a:hover > i,
body.lagom.page-clientareaproductdetails .app-nav #Primary_Navbar-Services > a:hover > i,
body.lagom.page-addons .app-nav #Primary_Navbar-Services > a:hover > i,
body.lagom.page-service-renewals .app-nav #Primary_Navbar-Services > a:hover > i,
body.lagom.page-clientareadomains .app-nav #Primary_Navbar-Domains > a:hover > i,
body.lagom.page-clientareadomaindetails .app-nav #Primary_Navbar-Domains > a:hover > i,
body.lagom.page-domain-renewals .app-nav #Primary_Navbar-Domains > a:hover > i,
body.lagom.page-domainregister .app-nav #Primary_Navbar-Domains > a:hover > i,
body.lagom.page-domaintransfer .app-nav #Primary_Navbar-Domains > a:hover > i,
body.lagom.page-clientareainvoices .app-nav #Primary_Navbar-My_Invoices > a:hover > i,
body.lagom.page-supportticketslist .app-nav #Primary_Navbar-Support > a:hover > i,
body.lagom.page-viewticket .app-nav #Primary_Navbar-Support > a:hover > i,
body.lagom.page-supportticketsubmit-stepone .app-nav #Primary_Navbar-Support > a:hover > i,
body.lagom.page-affiliates .app-nav [id="Primary_Navbar-Refer_&_Earn"] > a:hover > i,
body.lagom.page-affiliatessignup .app-nav [id="Primary_Navbar-Refer_&_Earn"] > a:hover > i,
body.lagom.page-affcoupons .app-nav [id="Primary_Navbar-Refer_&_Earn"] > a:hover > i,
body.lagom.page-viewcart .app-nav #Primary_Navbar-Place_Order > a:hover > i,
body.lagom.page-buy-hosting .app-nav #Primary_Navbar-Buy_Hosting > a:hover > i {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
}

body.lagom.page-clientareahome .app-nav #Primary_Navbar-Dashboard > a:hover > img,
body.lagom.page-clientareaproducts .app-nav #Primary_Navbar-Services > a:hover > img,
body.lagom.page-clientareaproductdetails .app-nav #Primary_Navbar-Services > a:hover > img,
body.lagom.page-addons .app-nav #Primary_Navbar-Services > a:hover > img,
body.lagom.page-service-renewals .app-nav #Primary_Navbar-Services > a:hover > img,
body.lagom.page-clientareadomains .app-nav #Primary_Navbar-Domains > a:hover > img,
body.lagom.page-clientareadomaindetails .app-nav #Primary_Navbar-Domains > a:hover > img,
body.lagom.page-domain-renewals .app-nav #Primary_Navbar-Domains > a:hover > img,
body.lagom.page-domainregister .app-nav #Primary_Navbar-Domains > a:hover > img,
body.lagom.page-domaintransfer .app-nav #Primary_Navbar-Domains > a:hover > img,
body.lagom.page-clientareainvoices .app-nav #Primary_Navbar-My_Invoices > a:hover > img,
body.lagom.page-viewinvoice .app-nav #Primary_Navbar-My_Invoices > a:hover > img,
body.lagom.page-supportticketslist .app-nav #Primary_Navbar-Support > a:hover > img,
body.lagom.page-viewticket .app-nav #Primary_Navbar-Support > a:hover > img,
body.lagom.page-supportticketsubmit-stepone .app-nav #Primary_Navbar-Support > a:hover > img,
body.lagom.page-affiliates .app-nav [id="Primary_Navbar-Refer_&_Earn"] > a:hover > img,
body.lagom.page-affiliatessignup .app-nav [id="Primary_Navbar-Refer_&_Earn"] > a:hover > img,
body.lagom.page-affcoupons .app-nav [id="Primary_Navbar-Refer_&_Earn"] > a:hover > img,
body.lagom.page-viewcart .app-nav #Primary_Navbar-Place_Order > a:hover > img,
body.lagom.page-configureproduct .app-nav #Primary_Navbar-Place_Order > a:hover > img,
body.lagom.page-products .app-nav #Primary_Navbar-Place_Order > a:hover > img,
body.lagom.page-buy-hosting .app-nav #Primary_Navbar-Buy_Hosting > a:hover > img {
    background: rgba(255, 255, 255, 0.1) !important;
    filter: brightness(0) invert(1) !important;
}

body.lagom.page-clientareahome .app-nav #Primary_Navbar-Dashboard > a:hover > .ls-caret,
body.lagom.page-clientareaproducts .app-nav #Primary_Navbar-Services > a:hover > .ls-caret,
body.lagom.page-clientareaproductdetails .app-nav #Primary_Navbar-Services > a:hover > .ls-caret,
body.lagom.page-addons .app-nav #Primary_Navbar-Services > a:hover > .ls-caret,
body.lagom.page-service-renewals .app-nav #Primary_Navbar-Services > a:hover > .ls-caret,
body.lagom.page-clientareadomains .app-nav #Primary_Navbar-Domains > a:hover > .ls-caret,
body.lagom.page-clientareadomaindetails .app-nav #Primary_Navbar-Domains > a:hover > .ls-caret,
body.lagom.page-domain-renewals .app-nav #Primary_Navbar-Domains > a:hover > .ls-caret,
body.lagom.page-domainregister .app-nav #Primary_Navbar-Domains > a:hover > .ls-caret,
body.lagom.page-domaintransfer .app-nav #Primary_Navbar-Domains > a:hover > .ls-caret,
body.lagom.page-supportticketslist .app-nav #Primary_Navbar-Support > a:hover > .ls-caret,
body.lagom.page-viewticket .app-nav #Primary_Navbar-Support > a:hover > .ls-caret,
body.lagom.page-supportticketsubmit-stepone .app-nav #Primary_Navbar-Support > a:hover > .ls-caret,
body.lagom.page-affiliates .app-nav [id="Primary_Navbar-Refer_&_Earn"] > a:hover > .ls-caret,
body.lagom.page-affiliatessignup .app-nav [id="Primary_Navbar-Refer_&_Earn"] > a:hover > .ls-caret,
body.lagom.page-affcoupons .app-nav [id="Primary_Navbar-Refer_&_Earn"] > a:hover > .ls-caret,
body.lagom.page-viewcart .app-nav #Primary_Navbar-Place_Order > a:hover > .ls-caret,
body.lagom.page-configureproduct .app-nav #Primary_Navbar-Place_Order > a:hover > .ls-caret,
body.lagom.page-products .app-nav #Primary_Navbar-Place_Order > a:hover > .ls-caret {
    color: #ffffff !important;
    filter: none !important;
}

/*
 * Refer & Earn current page — solid blue parent bar.
 * Must use escaped ID (#…\&…) so specificity beats open:not(.active) left-wide rules
 * (attribute [id=…] alone loses to those class chains).
 */
body.lagom.page-affiliates .app-nav #Primary_Navbar-Refer_\&_Earn > a,
body.lagom.page-affiliates .app-nav #Primary_Navbar-Refer_\&_Earn > a:hover,
body.lagom.page-affiliates .app-nav #Primary_Navbar-Refer_\&_Earn > a:focus,
body.lagom.page-affiliates .app-nav #Primary_Navbar-Refer_\&_Earn.open > a,
body.lagom.page-affiliates .app-nav #Primary_Navbar-Refer_\&_Earn.open > a:hover,
body.lagom.page-affiliates .app-nav #Primary_Navbar-Refer_\&_Earn.open:not(.active) > a,
body.lagom.page-affiliates .app-nav #Primary_Navbar-Refer_\&_Earn.open:not(.active) > a:hover,
body.lagom.page-affiliatessignup .app-nav #Primary_Navbar-Refer_\&_Earn > a,
body.lagom.page-affiliatessignup .app-nav #Primary_Navbar-Refer_\&_Earn > a:hover,
body.lagom.page-affiliatessignup .app-nav #Primary_Navbar-Refer_\&_Earn.open > a,
body.lagom.page-affiliatessignup .app-nav #Primary_Navbar-Refer_\&_Earn.open:not(.active) > a,
body.lagom.page-affcoupons .app-nav #Primary_Navbar-Refer_\&_Earn > a,
body.lagom.page-affcoupons .app-nav #Primary_Navbar-Refer_\&_Earn > a:hover,
body.lagom.page-affcoupons .app-nav #Primary_Navbar-Refer_\&_Earn.open > a,
body.lagom.page-affcoupons .app-nav #Primary_Navbar-Refer_\&_Earn.open:not(.active) > a,
body.lagom.page-clientaffcoupons .app-nav #Primary_Navbar-Refer_\&_Earn > a,
body.lagom.page-clientaffcoupons .app-nav #Primary_Navbar-Refer_\&_Earn > a:hover,
body.lagom.page-clientaffcoupons .app-nav #Primary_Navbar-Refer_\&_Earn.open > a,
body.lagom.page-clientaffcoupons .app-nav #Primary_Navbar-Refer_\&_Earn.open:not(.active) > a,
body.lagom.lagom-layout-left-wide.page-affiliates .app-nav-default .app-nav-menu .menu > #Primary_Navbar-Refer_\&_Earn.open:not(.active) > a:not(.btn),
body.lagom.lagom-layout-left-wide.page-affiliates .app-nav-default .app-nav-menu .menu > #Primary_Navbar-Refer_\&_Earn.open:not(.active) > a:not(.btn):hover,
body.lagom.lagom-layout-left-wide.page-affiliatessignup .app-nav-default .app-nav-menu .menu > #Primary_Navbar-Refer_\&_Earn.open:not(.active) > a:not(.btn),
body.lagom.lagom-layout-left-wide.page-affcoupons .app-nav-default .app-nav-menu .menu > #Primary_Navbar-Refer_\&_Earn.open:not(.active) > a:not(.btn),
body.lagom.lagom-layout-left-wide.page-clientaffcoupons .app-nav-default .app-nav-menu .menu > #Primary_Navbar-Refer_\&_Earn.open:not(.active) > a:not(.btn),
body.lagom.lagom-layout-left.page-affiliates .app-nav-default .app-nav-menu .menu > #Primary_Navbar-Refer_\&_Earn.open:not(.active) > a:not(.btn),
body.lagom.lagom-layout-left.page-affcoupons .app-nav-default .app-nav-menu .menu > #Primary_Navbar-Refer_\&_Earn.open:not(.active) > a:not(.btn),
body.lagom.lagom-layout-left.page-clientaffcoupons .app-nav-default .app-nav-menu .menu > #Primary_Navbar-Refer_\&_Earn.open:not(.active) > a:not(.btn) {
    background: #324ff5 !important;
    background-color: #324ff5 !important;
    color: #ffffff !important;
}

body.lagom.page-affiliates .app-nav #Primary_Navbar-Refer_\&_Earn > a .item-text,
body.lagom.page-affiliates .app-nav #Primary_Navbar-Refer_\&_Earn > a:hover .item-text,
body.lagom.page-affiliates .app-nav #Primary_Navbar-Refer_\&_Earn.open > a .item-text,
body.lagom.page-affiliates .app-nav #Primary_Navbar-Refer_\&_Earn.open:not(.active) > a .item-text,
body.lagom.page-affiliatessignup .app-nav #Primary_Navbar-Refer_\&_Earn > a .item-text,
body.lagom.page-affiliatessignup .app-nav #Primary_Navbar-Refer_\&_Earn.open:not(.active) > a .item-text,
body.lagom.page-affcoupons .app-nav #Primary_Navbar-Refer_\&_Earn > a .item-text,
body.lagom.page-affcoupons .app-nav #Primary_Navbar-Refer_\&_Earn.open:not(.active) > a .item-text,
body.lagom.page-clientaffcoupons .app-nav #Primary_Navbar-Refer_\&_Earn > a .item-text,
body.lagom.page-clientaffcoupons .app-nav #Primary_Navbar-Refer_\&_Earn.open:not(.active) > a .item-text,
body.lagom.lagom-layout-left-wide.page-affiliates .app-nav-default .app-nav-menu .menu > #Primary_Navbar-Refer_\&_Earn.open:not(.active) > a:not(.btn) .item-text,
body.lagom.lagom-layout-left-wide.page-affcoupons .app-nav-default .app-nav-menu .menu > #Primary_Navbar-Refer_\&_Earn.open:not(.active) > a:not(.btn) .item-text,
body.lagom.lagom-layout-left-wide.page-clientaffcoupons .app-nav-default .app-nav-menu .menu > #Primary_Navbar-Refer_\&_Earn.open:not(.active) > a:not(.btn) .item-text {
    color: #ffffff !important;
}

body.lagom.page-affiliates .app-nav #Primary_Navbar-Refer_\&_Earn > a > img,
body.lagom.page-affiliates .app-nav #Primary_Navbar-Refer_\&_Earn > a:hover > img,
body.lagom.page-affiliates .app-nav #Primary_Navbar-Refer_\&_Earn.open > a > img,
body.lagom.page-affiliates .app-nav #Primary_Navbar-Refer_\&_Earn.open:not(.active) > a > img,
body.lagom.page-affiliatessignup .app-nav #Primary_Navbar-Refer_\&_Earn > a > img,
body.lagom.page-affiliatessignup .app-nav #Primary_Navbar-Refer_\&_Earn.open:not(.active) > a > img,
body.lagom.page-affcoupons .app-nav #Primary_Navbar-Refer_\&_Earn > a > img,
body.lagom.page-affcoupons .app-nav #Primary_Navbar-Refer_\&_Earn.open:not(.active) > a > img,
body.lagom.page-clientaffcoupons .app-nav #Primary_Navbar-Refer_\&_Earn > a > img,
body.lagom.page-clientaffcoupons .app-nav #Primary_Navbar-Refer_\&_Earn.open:not(.active) > a > img,
body.lagom.lagom-layout-left-wide.page-affiliates .app-nav-default .app-nav-menu .menu > #Primary_Navbar-Refer_\&_Earn.open:not(.active) > a:not(.btn) > img,
body.lagom.lagom-layout-left-wide.page-affcoupons .app-nav-default .app-nav-menu .menu > #Primary_Navbar-Refer_\&_Earn.open:not(.active) > a:not(.btn) > img,
body.lagom.lagom-layout-left-wide.page-clientaffcoupons .app-nav-default .app-nav-menu .menu > #Primary_Navbar-Refer_\&_Earn.open:not(.active) > a:not(.btn) > img {
    background: rgba(255, 255, 255, 0.1) !important;
    filter: brightness(0) invert(1) !important;
}

body.lagom.page-affiliates .app-nav #Primary_Navbar-Refer_\&_Earn > a > i,
body.lagom.page-affiliates .app-nav #Primary_Navbar-Refer_\&_Earn.open > a > i,
body.lagom.page-affiliates .app-nav #Primary_Navbar-Refer_\&_Earn.open:not(.active) > a > i,
body.lagom.page-affiliatessignup .app-nav #Primary_Navbar-Refer_\&_Earn > a > i,
body.lagom.page-affiliatessignup .app-nav #Primary_Navbar-Refer_\&_Earn.open:not(.active) > a > i,
body.lagom.page-affcoupons .app-nav #Primary_Navbar-Refer_\&_Earn > a > i,
body.lagom.page-affcoupons .app-nav #Primary_Navbar-Refer_\&_Earn.open:not(.active) > a > i,
body.lagom.page-clientaffcoupons .app-nav #Primary_Navbar-Refer_\&_Earn > a > i,
body.lagom.page-clientaffcoupons .app-nav #Primary_Navbar-Refer_\&_Earn.open:not(.active) > a > i {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
}

body.lagom.page-affiliates .app-nav #Primary_Navbar-Refer_\&_Earn > a > .ls-caret,
body.lagom.page-affiliates .app-nav #Primary_Navbar-Refer_\&_Earn.open > a > .ls-caret,
body.lagom.page-affiliates .app-nav #Primary_Navbar-Refer_\&_Earn.open:not(.active) > a > .ls-caret,
body.lagom.page-affiliatessignup .app-nav #Primary_Navbar-Refer_\&_Earn > a > .ls-caret,
body.lagom.page-affiliatessignup .app-nav #Primary_Navbar-Refer_\&_Earn.open:not(.active) > a > .ls-caret,
body.lagom.page-affcoupons .app-nav #Primary_Navbar-Refer_\&_Earn > a > .ls-caret,
body.lagom.page-affcoupons .app-nav #Primary_Navbar-Refer_\&_Earn.open:not(.active) > a > .ls-caret,
body.lagom.page-clientaffcoupons .app-nav #Primary_Navbar-Refer_\&_Earn > a > .ls-caret,
body.lagom.page-clientaffcoupons .app-nav #Primary_Navbar-Refer_\&_Earn.open:not(.active) > a > .ls-caret {
    color: #ffffff !important;
    filter: none !important;
}