/* <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 SPINNER: Add background color */

lightning-spinner.slds-spinner_container {
    z-index: 998;
    background-color: var(--slds-g-color-neutral-100-opacity-75, rgba(255, 255, 255, 0.75));
}

/* PRODUCT ATTACHMENTS: If list not empty then added margin top  */

commerce_builder-product-attachments commerce_product_details-product-attachments > ul:not(:empty) {
    margin-top: 1.5rem;
}

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

lightning-primitive-bubble[role="tooltip"] .slds-popover {
    border-radius: 0.25rem;
    background: var(--ecomm-color-black-01);
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.16);
    white-space: pre-line;
}

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

/* LOGIN PAGE: Added margin for SSO buttons on mobile view */


@media (max-width: 1024.98px) {
    [data-theme="theme-login"] community_login-social-login.comm-social-login {
        margin-top: 2rem !important;
    }
}