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

/* LIGHTNING ELEMENTS: Reset margin bottom */

.slds-form-element {
    margin-bottom: 0 !important;
}

/* LIGHTNING POPOVER: Added wrap to nex line */

lightning-primitive-bubble[role="tooltip"] .slds-popover {
    border-radius: 0.25rem;
    background: var(--ecomm-color-primary-01);
    box-shadow: var(--ecomm-color-box-shadow-02);
    white-space: pre-line;
}

lightning-primitive-bubble[role="tooltip"] .slds-popover__body {
    padding: 0.5rem;
    line-height: 1.125rem;
    white-space: pre-line;
}

/* Remove margin on hidden seo assistant component */

community_builder-seo-assistant.component-wrapper-spacer {
    margin: 0 !important;
}

/* Remove cursor shadow on the buttons in Upload file component */

.slds-button[kx-type]::before,
.slds-button[kx-type]::after {
    display: none !important;
    content: unset !important;
}

lightning-primitive-input-file .slds-file-selector__text {
    color: var(--ecomm-color-white-01);
}

/* ECOMM COMPANY HEADER: Fixed Dimensions */

@media (max-width: 399.98px) {

    c-ecomm-checkout-header .ecomm-checkout-header__logo c-ecomm-company-logo {
        --dxp-c-s-logo-max-width: 200px !important;
    }

}

@media (max-width: 499.98px) {

    .header commerce-layout-header .header-logo c-ecomm-company-logo {
        --dxp-c-s-logo-max-width: 160px !important;
    }

}

@media (max-width: 429.98px) {

    .header commerce-layout-header .header-logo c-ecomm-company-logo {
        --dxp-c-s-logo-max-width: 120px !important;
    }

}

/* LOGIN PAGE Fixes */

community_login-login-form.comm-login-form,
community_login-social-login.comm-social-login {
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
}

/* SELECTION */

::selection {
    color: #FFFFFF !important;
    background: #4D5963 !important;
}

commerce-layout-header commerce_search-input input::selection {
    color: #FFFFFF !important;
    background: #BBBBBB !important;
}