/* Hide attributes on order history */
.commerce_product_information-variantAttributesDisplay_variantAttributesDisplay {
    display: none;
}

.b2c_lite_commerce-commerceHeader_templateWithWishlistSlot-host
    header.b2c_lite_commerce-commerceHeader_templateWithWishlistSlot {
    padding: 0 !important;
}

* {
    scroll-behavior: smooth;
}

/* #4bca81 success */

::selection {
    background: rgb(223, 17, 34);
    color: #fff;
}

.remove-overflow-y {
    overflow-y: hidden;
}

/*
        .checkout-container.slds-accordion[commerce_unified_checkout-checkout_checkout] {
            z-index: 2 !important;
        }

        .b2c_lite_commerce-commerceLayout_commerceLayout {
            z-index: 2 !important;
        }

        .b2c_lite_commerce-commerceLayout_commerceLayout:focus {
            z-index: 2 !important;
        }

        .b2c_lite_commerce-commerceLayout_commerceLayout-host .sticky.b2c_lite_commerce-commerceLayout_commerceLayout {
            z-index: 3 !important;
        }
        */

/* SLDS MODAL OVERRIDES */
body:has(lightning-overlay-container .slds-backdrop.slds-backdrop_open) {
    /* prevents page scrolling when modal is open */
    overflow: hidden;
    overscroll-behavior-x: contain;
}

webruntime-app:has(~ lightning-overlay-container .slds-backdrop.slds-backdrop_open) {
    /* adding blur to the whole page when modal is open for visuals */
    filter: blur(2px);
    /* Adding outside box shadow to prevent blur from destroying outside page edges */
    box-shadow: 0 0 0 4px black;
}

.slds-modal_full .slds-modal__container {
    margin: 0;
    background-color: unset;
}

@media (min-width: 48em) {
    .slds-modal_full .slds-modal__container {
        width: 100%;
    }
}
/* SLDS MODAL OVERRIDES END */

/* force toast on top of nav */
.slds-notify_container {
    position: above;
    z-index: 9997;
}

.slds-nav-vertical__item.slds-is-active .slds-nav-vertical__action {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.slds-nav-vertical__item.slds-is-active:before,
.slds-nav-vertical__item:hover:before {
    background: rgba(223, 17, 34, 0.1) !important;
}

a:link:not(.slds-button, .slds-dropdown__item > a),
a:visited:not(.slds-button, .slds-dropdown__item > a) {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.commerce_product_details-carousel_carousel .experience-picture_picture-host {
    all: initial;
}

.show-more-button_center.commerce_my_account-myAccountAddressGrid_myAccountAddressGrid {
    margin-top: 30px !important;
}

.content.commerce_my_account-myAccountLayout_myAccountLayout {
    background: rgb(35, 31, 32, 0.02) !important;
}

.banner-container.b2c_lite_commerce-heroBannerUi_heroBannerUi {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.slds-bold {
    font-weight: bold;
}

.b2c_lite_commerce-commerceFooter_commerceFooter {
    background: rgb(26, 27, 30) !important;
}

.b2c_lite_commerce-linkList_linkList-host .heading.b2c_lite_commerce-linkList_linkList {
    font-weight: bold !important;
}

.lists-with-bullets ul li {
    margin-left: 2.1rem;
    list-style: bullets;
    list-style-type: initial;
    margin-top: 0.3rem;
}

.lists-with-bullets ul {
    list-style: bullets;
}

lightning-icon.round-slds-icon {
    border-radius: 100%;
    padding: 3px;
    background: #000;
}

/* OOB search bar overlaps acct icon weirdly fix */
.b2c_lite_commerce-commerceHeader_commerceHeader .header-search {
    padding-right: 50px !important;
}

@media only screen and (max-width: 1023px) {
    .b2c_lite_commerce-commerceHeader_commerceHeader .header-search {
        padding-right: 0 !important;
    }
}

.commerce_my_account-userProfileMenu_userProfileMenu .menu-button:hover {
    background: transparent !important;
    padding-left: 3px;
    padding-right: 3px;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* PDP Table Specs */
commerce_product_details-fields-table tr td:nth-child(1) {
    background-color: rgb(245, 245, 245);
    font-weight: bold;
}

commerce_product_details-fields-table tr td {
    padding: 15px !important;
}

/* logo size fix */
@media only screen and (max-width: 1023px) {
    .dxp_content_layout-siteLogo_siteLogo .dxp-content-layout-site-logo {
        margin-left: 15px;
    }
}

/* Home Page Product Line Feature */
.feature-product-spacing {
    min-height: 11.5rem;
}

.warranty-feature-product-spacer {
    min-height: 40px;
}

.why-us-height {
    min-height: 12rem;
}

@media only screen and (max-width: 1023px) {
    .feature-product-spacing {
        min-height: 0;
    }

    .warranty-feature-product-spacer {
        min-height: 0px;
    }

    .remove-mobile-min-height {
        min-height: 0;
    }
}

@media only screen and (min-width: 1320px) {
    .feature-product-spacing {
        min-height: 9.375rem !important;
    }
}

/* User profile menu fix */
.menu-button.commerce_my_account-userProfileMenu_userProfileMenu,
commerce_my_account-userProfileMenu_userProfileMenu {
    padding-right: 10px !important;
    padding-top: 2px;
}

.login-text.commerce_my_account-userProfileMenu_userProfileMenu,
.login-text {
    text-decoration: none !important;
}

.login-text.commerce_my_account-userProfileMenu_userProfileMenu {
    padding-top: 5px !important;
    padding-left: 2px;
}

.commerce_my_account-userProfileMenu_userProfileMenu > .slds-icon-utility-chevrondown {
    visibility: hidden !important;
}

.guest-login-max-width.commerce_my_account-userProfileMenu_userProfileMenu {
    margin-right: 10px !important;
}

/* Product Image */
b2b_buyer_product_images-gallery-image[b2b_buyer_product_images-gallery_gallery] {
    height: fit-content !important;
    margin-bottom: 20px;
    margin-top: 5px;
}

@media only screen and (max-width: 1023px) {
    width: fit-content !important;
    height: fit-content !important;
    margin-bottom: 0;
    margin-top: 0;
}

b2b_buyer_product_images-gallery-image[b2b_buyer_product_images-gallery_gallery] {
    border: 0;
}

/* Global Spinner Color Override */
.slds-spinner--brand .slds-spinner__dot-a:after,
.slds-spinner--brand .slds-spinner__dot-a:before,
.slds-spinner--brand .slds-spinner__dot-b:after,
.slds-spinner--brand .slds-spinner__dot-b:before,
.slds-spinner--brand.slds-spinner:after,
.slds-spinner--brand.slds-spinner:before,
.slds-spinner_brand .slds-spinner__dot-a:after,
.slds-spinner_brand .slds-spinner__dot-a:before,
.slds-spinner_brand .slds-spinner__dot-b:after,
.slds-spinner_brand .slds-spinner__dot-b:before,
.slds-spinner_brand.slds-spinner:after,
.slds-spinner_brand.slds-spinner:before {
    background-color: rgb(223, 17, 34) !important;
}

commerce_product_details-product-attachments li.slds-icon__container,
commerce_product_details-product-attachments li.slds-icon_container {
    margin-right: 20px;
}

.slds-accordion__section[commerce_unified_checkout-step_step]
    .slds-accordion__summary[commerce_unified_checkout-step_step]
    h2[commerce_unified_checkout-step_step] {
    font-weight: bold;
    text-transform: upper-case;
}

/* Checkout selected address */
/*.slds-visual-picker input:checked~label .slds-visual-picker__text, .slds-visual-picker input:checked~label .slds-visual-picker__text, .slds-visual-picker input:checked~label .slds-visual-picker__text:after, .slds-visual-picker:hover input:checked~label .slds-visual-picker__text, .slds-visual-picker:hover input:checked~label .slds-visual-picker__text:after {
            border-color: #44b674;
            box-shadow: #44b674 0px 0px 0px 1px inset;
        }

        .slds-visual-picker input:checked~label .slds-visual-picker__text:after {
            border-color: #44b674;
        }*/

.slds-visual-picker input:checked ~ label .slds-visual-picker__text {
    border-color: #44b674;
    box-shadow: #44b674 0px 0px 0px 1px inset;
}

.slds-visual-picker input:checked ~ label .slds-visual-picker__text:after {
    border-right-color: #44b674;
    border-top-color: #44b674;
}

.slds-visual-picker input:not(:disabled) ~ label:hover .slds-visual-picker__figure {
    -webkit-box-shadow: 0 0 0 1px #44b674 inset;
    box-shadow: 0 0 0 1px #44b674 inset;
    border-color: #44b674;
}

.commerce_my_account-productTitle_productTitle {
    font-weight: bold;
}

.slds-card,
.summary-section.commerce_unified_promotions-summary_summary {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

/* Contact Form Overrides */

.form-container[c-contactUsForm_contactUsForm] {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
}

h2[c-contactUsForm_contactUsForm] {
    display: none !important;
}

.form-control[c-contactUsForm_contactUsForm] {
    height: initial !important;
    font-size: 12px;
    box-shadow: none;
    margin-top: 0 !important;
    border: 1px solid #76716b !important;
    padding: 0 16px !important;
    height: 34px !important;
    background-color: #fff !important;
    display: block;
    width: 100%;
    margin-bottom: 15px;
    color: rgb(51, 51, 51) !important;
    border-radius: 5px !important;
}

.commerce_unified_checkout-orderConfirmation_orderConfirmation {
    border: 0 !important;
}

.order-confirmation-icon.commerce_unified_checkout-orderConfirmation_orderConfirmation {
    --slds-c-icon-color-background: #4bca81 !important;
}

/* Order Summary */
.commerce_my_account-order_order {
    background: #fff;
}

.item.commerce_cart-summary_summary {
    padding-bottom: 12px !important;
}

.b2c_lite_commerce-linkList_linkList-host .heading.b2c_lite_commerce-linkList_linkList {
    color: initial;
}

/** BEGIN Home page video banner with text and button overlay **/
.banner-video-container {
    position: relative;
    overflow: hidden;
}
.banner-video {
    width: 100%;
    height: auto;
}
.banner-video-copy {
    position: absolute;
    bottom: 45px;
    left: 50px;
    border: none;
    text-transform: capitalize;
}
.banner-video-text {
    font-weight: bold;
    font-size: 2.5em;
    color: white;
    text-shadow: 1px 1px 2px rgba(0, 0, 0);
}
.banner-video-sub-heading {
    font-weight: bold;
    font-size: 1.25em;
    color: white;
    text-shadow: 1px 1px 2px rgba(0, 0, 0);
}
.banner-video-button {
    display: inline-block;
    font-weight: bold;
    font-size: 1.25em;
    color: white;
}
/** change the value of data-component-id, e.g., htmlEditor-1133 in each environment by inspecting source**/
/* community_builder-html-editor[data-component-id="htmlEditor-1133"] {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
} */

@media screen and (max-width: 768px) {
    .banner-video-container {
        min-height: 200px;
    }
    .banner-video-text {
        font-size: 1.25em;
    }
    .banner-video-sub-heading {
        font-size: 0.8em;
    }
    .banner-video {
        width: 200%;
        position: absolute;
        left: calc(-50%);
    }
    .banner-video-copy {
        bottom: 40px;
        left: 5%;
    }
}

/** END Home page video banner **/

/* Removes margin at the end of the page */
community_builder-seo-assistant {
    margin: 0 !important;
}

/* SLDS-CHECKBOX OVERRIDES */
.slds-checkbox [type="checkbox"][disabled] + .slds-checkbox--faux,
.slds-checkbox [type="checkbox"][disabled] + .slds-checkbox__label .slds-checkbox--faux,
.slds-checkbox [type="checkbox"][disabled] + .slds-checkbox__label .slds-checkbox_faux,
.slds-checkbox [type="checkbox"][disabled] + .slds-checkbox_faux,
.slds-checkbox [type="checkbox"][disabled] ~ .slds-checkbox--faux,
.slds-checkbox [type="checkbox"][disabled] ~ .slds-checkbox_faux {
    border-color: var(--slds-g-color-border-base-1, #c9c9c9);
    background-color: var(--slds-g-color-neutral-base-95, #f3f3f3);
}

.slds-checkbox [type="checkbox"][disabled] + .slds-checkbox--faux:after,
.slds-checkbox [type="checkbox"][disabled] + .slds-checkbox__label .slds-checkbox--faux:after,
.slds-checkbox [type="checkbox"][disabled] + .slds-checkbox__label .slds-checkbox_faux:after,
.slds-checkbox [type="checkbox"][disabled] + .slds-checkbox_faux:after,
.slds-checkbox [type="checkbox"][disabled] ~ .slds-checkbox--faux:after,
.slds-checkbox [type="checkbox"][disabled] ~ .slds-checkbox_faux:after {
    border-color: var(--slds-g-color-neutral-base-60, #969492);
}