/* <link rel="stylesheet" href="{basePath}/sfsites/c/resource/d2cStyle/styles/header.css?{versionKey}"> */

/* LOGO */

c-d2c-header .dxp-content-layout-site-logo {
    background-position: center center;
}

.d2c-header__logo .interactions-region[data-region-name="logo"],
.d2c-checkout-header__logo .interactions-region[data-region-name="Logo"] {
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
}

dxp_content_layout-site-logo .dxp-content-layout-site-logo {
    width: 9.875rem !important;
}

@media (max-width: 767.98px) {

    dxp_content_layout-site-logo .dxp-content-layout-site-logo {
        max-width: 8.1875rem !important;
    }

}

@media (max-width: 574.98px) {

    dxp_content_layout-site-logo .dxp-content-layout-site-logo {
        max-width: 7rem !important;
    }

}

/* HEADER BUTTON */

.d2c-header__button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    min-width: 2.5rem;
    max-width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem;
    max-height: 2.5rem;
    padding: 0.5rem;
    line-height: 1;
    color: var(--d2c-color-deep-black) !important;
    border: 0;
    background-color: transparent;
    transition: color 0.1s;
}

.d2c-header__button:hover {
    color: var(--d2c-color-new-black) !important;
}

@media (max-width: 379.98px) {

    .d2c-header__button {
        width: 2rem;
        min-width: 2rem;
        max-width: 2rem;
        height: 2rem;
        min-height: 2rem;
        max-height: 2rem;
        padding: 0.25rem;
    }

}

/* HEADER: NAVIGATION MENU */

.d2c-header__menu commerce_builder-drilldown-navigation .slds-list__item {
    margin-left: 1.75rem;
    margin-right: 1.75rem;
}

.d2c-header__menu commerce_builder-drilldown-navigation .slds-list__item:first-child {
    margin-left: 0;
}

.d2c-header__menu commerce_builder-drilldown-navigation .slds-list__item:last-child {
    margin-right: 0;
}

.d2c-header__menu commerce_builder-drilldown-navigation .slds-list__item a,
.d2c-header__menu commerce_builder-drilldown-navigation .slds-list__item button {
    position: relative;
    padding: 0 !important;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.4;
    color: var(--d2c-color-new-black) !important;
    background-color: transparent !important;
}

.d2c-header__menu commerce_builder-drilldown-navigation .slds-list__item a::after,
.d2c-header__menu commerce_builder-drilldown-navigation .slds-list__item button::after {
    content: '';
    position: absolute;
    bottom: -0.375rem;
    left: 0;
    right: 0;
    width: 100%;
    height: 0.125rem;
    border-radius: 0.125rem;
    background-color: transparent;
    transition: background-color 0.1s;
}

.d2c-header__menu commerce_builder-drilldown-navigation .slds-list__item a:hover::after,
.d2c-header__menu commerce_builder-drilldown-navigation .slds-list__item button:hover::after {
    background-color: var(--d2c-color-orange);
}

@media (min-width: 1024px) and (max-width: 1279.98px) {

    .d2c-header__menu commerce_builder-drilldown-navigation .slds-list__item {
        margin-left: 1rem;
        margin-right: 1rem;
    }

}

/* HEADER SEARCH */

c-d2c-header-search lightning-input label.slds-form-element__label {
    display: none;
}

c-d2c-header-search lightning-input input.slds-input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;

    padding-right: 2rem;
}

c-d2c-header-search lightning-input input.slds-input + lightning-primitive-icon {
    display: none;
}