/* Navbar */
div[name="header"] {
    background-color: var(--ats-brand-white);
}

.navbar-site-logo .logo-anchor {
    justify-content: center !important;
}

.navbar-links {
    display: flex;
    justify-content: center;
}

.navbar-links .col-large-size_4-of-12:not(:last-child) {
    border-right: 1px solid var(--ats-brand-primary-gray-2);
}

.navbar-tabs {
    border-bottom: 1px solid var(--ats-brand-primary-gray-2);
}

.navbar-profile-menu .slds-dropdown-trigger {
    justify-content: flex-end;
    margin-right: 20px;
}

.navbar-profile-menu .menu-trigger-p {
    font-size: .875rem !important;
    font-weight: var(--ats-font-weight-medium);
}

.navbar-cart-icon .slds-icon,
.navbar-profile-menu .slds-icon {
    fill: var(--ats-brand-black)
}

.navbar-cart-icon::after {
    content: "My Cart";
    font-size: .875rem;
    font-weight: var(--ats-font-weight-medium);
    margin-left: 5px;
    vertical-align: middle;
}

.navbar-quote {
    justify-content: center;
}
.col-size_12-of-12:has(.navbar-quote) {
    max-width: max-content;
}

/* Navbar Search */
.navbar-search .input-wrapper {
    border-right: none !important;
}

.navbar-search .input-container,
.navbar-search .input-search-button {
    --dxp-g-spacing-xlarge: 2.25rem;
}

@media (min-width: 30rem) {
    .navbar-search .input-container,
    .navbar-search .input-search-button {
        --dxp-g-spacing-xlarge: 2.75rem;
    }
}

.navbar-search .input-search-button {
    padding: 0 12px;
}

.navbar-search svg {
    min-width: 24px;
    transform: rotate(90deg);
}

/* Horizontal line */
.horizontal-line--margin {
    margin-bottom: 10px;
    margin-top: 10px;
}

/* Navigation Vertical List Menu */
/* Overriding OOTB styles */
.slds-nav-vertical {
    & .slds-is-active::before {
        background: none !important;
    }

    & .slds-nav-vertical__action .slds-is-active,
    & .slds-nav-vertical__action:hover,
    & .slds-nav-vertical__item.slds-is-active .slds-nav-vertical__action,
    & .slds-nav-vertical__item.slds-is-active .slds-nav-vertical__action:focus {
        box-shadow: none;
    }

    & .slds-is-active a {
        border-bottom: 2px solid var(--ats-brand-black);
        width: fit-content;
        box-shadow: none !important;
    }

    & a {
        padding: 6px 0;
    }
}

/* Headers */
.border-bottom {
    border-bottom: 1px solid var(--ats-brand-primary-gray-4);
}