/* <link rel="stylesheet" href="{ basePath }/sfsites/c/resource/ecommStyle/css/components/commerce-shopping-cart.css?{ versionKey }"/> */

/* EMPTY CART */

.ecomm-cart section.empty * {
    margin: 0 !important; 
    border: none !important;
}

.ecomm-cart section.empty commerce_cart-header {
    padding: 0 !important;
}

.ecomm-cart:not(:has(webruntimedesign-region-wrapper)):has(.empty) .columns-content > :not(:first-child)  {
    display: none;
}

.ecomm-cart:not(:has(webruntimedesign-region-wrapper)):has(.empty) .columns-content community_layout-column {
    width: 100%;
}

.ecomm-cart section.empty section[data-automation="cartBody"] {
    grid-gap: 1.5rem;
    align-items: center !important;
    padding: 2.5rem 0;
}

.ecomm-cart section.empty dxp_base-button {
    justify-content: center;
}

/* SHOPPING CART. HEADER */

.ecomm-cart section.items header commerce_cart-header {
    padding-bottom: 1.5rem !important;

    row-gap: 1rem;
    flex-wrap: wrap;
}

.ecomm-cart commerce_cart-header lightning-combobox.sort-menu label {
    visibility: hidden;
}

.ecomm-cart section.items .header-labels {
    align-items: center !important;
}

.ecomm-cart section.items .header-labels .label-count h3 {
    font-size: 2.25rem !important;
}

/* SHOPPING CART. CLEAR BUTTON */

.ecomm-cart section.items .clear-cart-section commerce-action-button button {
    padding: 0 !important;
    border: none !important;
    font-size: 1.125rem;
    line-height: 1.4;
    font-weight: 600;
    font-style: normal;
    text-decoration: none !important;
    color: var(--ecomm-color-primary-green, #238963) !important;
}

.ecomm-cart section.items .clear-cart-section commerce-action-button button:hover {
    text-decoration: underline !important;
    text-decoration-thickness: 2px !important;
    text-decoration-color: var(--ecomm-color-primary-green, #238963);
    text-underline-offset: 0.625rem;
}

.ecomm-cart section.items .clear-cart-section commerce-action-button button:active,
.ecomm-cart section.items .clear-cart-section commerce-action-button button:focus {
    box-shadow: none;
}

/* SHOPPING CART. SORT MENU */

.ecomm-cart .sort-menu {
    min-width: 20rem;
    max-width: 100%;
}

.ecomm-cart section.items div[part="combobox"] {
    min-width: 50%;
}

.ecomm-cart section.items div[part="combobox"] .slds-combobox__input {
    border: 1px solid var(--ecomm-color-divider, #CBD6DF);

    color: var(--ecomm-color-disabled, #9E9E9E);
    font-size: 1rem;
    font-weight: 400;
    height: 3rem;
    align-items: center;
    padding: 0 1.75rem 0 0.75rem;
}

.ecomm-cart section.items div[part="combobox"] lightning-icon.slds-input__icon.slds-icon-utility-down {
    right: 0.75rem;
}

/* SHOPPING CART. ITEM */

.ecomm-cart section.items commerce_cart-items ul.items li.li-layout {
    padding: 1.5rem 0 !important;
    border-top: 1px solid var(--ecomm-color-divider, #CBD6DF) !important;
    border-bottom: none !important;
}

.ecomm-cart section.items commerce_cart-items commerce_cart-item .container {
    grid-template-columns: 10.875rem 3fr min-content 1fr;
}

/* ITEM. PRODUCT IMAGE */

.ecomm-cart section.items commerce_cart-items commerce_cart-item .item-image {
    margin-right: 1.5rem !important;
}

.ecomm-cart section.items commerce_cart-items commerce_cart-item figure {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 9.375rem;
    height: 9.375rem;
    border-radius: 1.5rem;
    background-color: var(--ecomm-color-background, #F6F8F9);
}

.ecomm-cart section.items commerce_cart-items commerce_cart-item figure img[src$="default-product-image.svg"] {
    content: url("data:image/svg+xml,%3Csvg viewBox='0 0 150 143' xmlns='http://www.w3.org/2000/svg' fill='%23CBD6DF'%3E%3Cpath c-ecommProductImage_ecommProductImage='' d='M37.1027 59.5577H143.31C147.005 59.5577 150 62.553 150 66.2479V135.659C150 139.354 147.005 142.349 143.31 142.349H37.1027C33.4078 142.349 30.4124 139.354 30.4124 135.659V66.2479C30.4124 62.553 33.4078 59.5577 37.1027 59.5577ZM46.3017 127.296H135.783V103.058L124.856 78.792L99.9469 88.3917L80.6025 107.95L60.0355 82.1553L46.3017 114.492V127.296ZM69.0875 46.1773H24.5585C20.8636 46.1773 17.8683 49.1726 17.8683 52.8675V93.2844L0.40529 45.3052C-0.858441 41.8331 0.931774 37.994 4.40385 36.7303L104.206 0.40529C107.678 -0.858441 111.517 0.931774 112.781 4.40385L127.985 46.1773H112.118L110.51 41.7599L91.9423 22.6947L71.819 40.2347L69.0875 46.1773Z'%3E%3C/path%3E%3C/svg%3E");
    width: 2.5rem;
    height: 2.5rem;
}

/* ITEM. PRODUCT NAME */

.ecomm-cart section.items commerce_cart-items commerce_cart-item .item-name .description-name-label {
    font-size: 1.125rem !important;
    font-weight: 600 !important;
    line-height: 1.25rem !important;
    color: var(--ecomm-color-primary-green, #238963) !important;
}

.ecomm-cart section.items commerce_cart-items commerce_cart-item .item-name .description-name-label:hover {
    color: var(--ecomm-color-button-background-hover, #666666) !important;
    text-decoration: none;
}

/* ITEM. PRODUCT DETAILS */

.ecomm-cart section.items commerce_cart-items commerce_cart-item .item-details-pills-qty .product-sku,
.ecomm-cart section.items commerce_cart-items commerce_cart-item .item-details-pills-qty .product-fields {
    font-size: 1rem !important;
    font-weight: 500 !important;
    line-height: 140% !important;
    color: var(--ecomm-color-disabled, #9E9E9E) !important;
}

.ecomm-cart section.items commerce_cart-items commerce_cart-item .item-details-pills-qty .product-fields {
    order: 1;
    margin-top: 1rem;
}

.ecomm-cart section.items commerce_cart-items commerce_cart-item .item-details-pills-qty .product-sku {
    order: 2;
    margin-top: 0.5rem;
}

.ecomm-cart section.items commerce_cart-items commerce_cart-item .item-details-pills-qty commerce-quantity-selector {
    order: 3;
    margin-top: 0.75rem;
}

.ecomm-cart section.items commerce_cart-items commerce_cart-item .item-details-pills-qty .product-fields > lightning-formatted-rich-text.slds-rich-text-editor__output {
    content: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M18.1509 9.15088C17.9258 9.15109 17.7099 9.24061 17.5508 9.39979C17.3916 9.55898 17.3021 9.77481 17.3018 9.99993C17.3046 11.4675 16.8642 12.9018 16.0383 14.115C15.2124 15.3281 14.0395 16.2637 12.673 16.7992C11.3066 17.3348 9.81037 17.4453 8.38008 17.1164C6.9498 16.7875 5.65213 16.0345 4.6569 14.9559L6.36231 14.9563C6.58749 14.9563 6.80345 14.8668 6.96268 14.7076C7.12191 14.5484 7.21136 14.3324 7.21136 14.1072C7.21136 13.8821 7.12191 13.6661 6.96268 13.5069C6.80345 13.3476 6.58749 13.2582 6.36231 13.2582L3.16579 13.2575C3.05728 13.2267 2.94366 13.2181 2.83176 13.2324C2.71987 13.2466 2.61202 13.2834 2.51471 13.3405C2.49067 13.3544 2.47591 13.3779 2.45369 13.3938C2.33662 13.462 2.23781 13.5574 2.16572 13.6721C2.09363 13.7868 2.05041 13.9172 2.03977 14.0522L1.79467 17.8477C1.78072 18.073 1.8567 18.2945 2.00594 18.4638C2.15517 18.633 2.36547 18.7362 2.59066 18.7505L2.64274 18.7519C2.85829 18.7513 3.06561 18.669 3.22278 18.5215C3.37994 18.3739 3.47525 18.1723 3.48943 17.9572L3.59523 16.3171C4.84813 17.589 6.45114 18.4593 8.20023 18.8173C9.94931 19.1752 11.7654 19.0047 13.4172 18.3273C15.069 17.6499 16.482 16.4963 17.4761 15.0134C18.4703 13.5305 19.0008 11.7853 19 9.99993C18.9997 9.77481 18.9102 9.55898 18.751 9.39979C18.5919 9.24061 18.376 9.15109 18.1509 9.15088Z" fill="%23444541" stroke="%23444541"/><path d="M1.84906 10.849C2.07417 10.8488 2.29001 10.7593 2.4492 10.6001C2.60838 10.4409 2.6979 10.2251 2.69811 9.99999C2.69535 8.53239 3.13571 7.09816 3.96157 5.88498C4.78744 4.67181 5.96032 3.73623 7.32671 3.20069C8.6931 2.66514 10.1893 2.55459 11.6196 2.88349C13.0499 3.21239 14.3475 3.96543 15.3427 5.04405L13.6376 5.04363C13.4125 5.04363 13.1965 5.13309 13.0373 5.29232C12.878 5.45154 12.7886 5.6675 12.7886 5.89269C12.7886 6.11787 12.878 6.33383 13.0373 6.49306C13.1965 6.65229 13.4125 6.74174 13.6376 6.74174L16.8344 6.74242C16.9428 6.77326 17.0564 6.78181 17.1683 6.76755C17.2802 6.75329 17.388 6.71653 17.4852 6.65947C17.5093 6.64553 17.524 6.62199 17.5463 6.60607C17.6633 6.53796 17.7621 6.44249 17.8342 6.32783C17.9063 6.21317 17.9495 6.08274 17.9602 5.94772L18.2053 2.15218C18.2181 1.92839 18.142 1.70861 17.9934 1.54075C17.8448 1.3729 17.6359 1.2706 17.4122 1.25616C17.1885 1.24171 16.9682 1.3163 16.7993 1.46366C16.6304 1.61101 16.5266 1.81918 16.5105 2.04276L16.4047 3.68282C15.1518 2.41096 13.5488 1.54065 11.7997 1.18268C10.0506 0.82472 8.23459 0.995285 6.58276 1.67267C4.93092 2.35006 3.51799 3.50362 2.52382 4.98654C1.52966 6.46946 0.999208 8.21465 1 9.99999C1.00021 10.2251 1.08973 10.4409 1.24891 10.6001C1.4081 10.7593 1.62394 10.8488 1.84906 10.849Z" fill="%23238963" stroke="%23238963"/></svg>');
    width: 1.125rem;
    height: 1.125rem;
}

/* ITEM. DELETE BUTTON */

.ecomm-cart section.items commerce_cart-items commerce_cart-item .item-delete {
    text-decoration: none !important;
}

.ecomm-cart section.items commerce_cart-items commerce_cart-item commerce-action-button button {
    padding: 0 !important;
    font-size: 1rem !important;
    color: var(--ecomm-color-primary-green, #238963) !important;
    text-decoration: none !important;
}

.ecomm-cart section.items commerce_cart-items commerce_cart-item commerce-action-button button:hover,
.ecomm-cart section.items commerce_cart-items commerce_cart-item commerce-action-button button:focus {
    box-shadow: none;
    color: var(--ecomm-color-button-background-hover, #666666) !important;
}

/* ITEM. PRICES */

.ecomm-cart section.items commerce_cart-items commerce_cart-item .item_details_currency {
    flex-direction: column;
    align-items: flex-end;
}

.ecomm-cart section.items commerce_cart-items commerce_cart-item .item-unit-price .unitPrice {
    font-size: 1.125rem !important;
}

.ecomm-cart section.items commerce_cart-items commerce_cart-item .item-unit-price .unitPrice span {
    color: var(--ecomm-color-black, #1D1D1E) !important;
    font-size: 1.125rem !important;
    font-weight: 400 !important;
}

.ecomm-cart section.items commerce_cart-items commerce_cart-item .item_details_currency .actualPrice {
    font-size: 1.125rem !important;
}

.ecomm-cart section.items commerce_cart-items commerce_cart-item .item_details_currency .actualPrice span {
    color: var(--ecomm-color-black, #1D1D1E) !important;
    font-size: 1.125rem !important;
    font-weight: 600 !important;
}

.ecomm-cart section.items commerce_cart-items commerce_cart-item .item_details_currency .originalPrice {
    text-decoration: none;
    font-size: 1rem !important;
}

.ecomm-cart section.items commerce_cart-items commerce_cart-item .item_details_currency .originalPrice span {
    font-size: 1rem;
    font-weight: 400;
    text-decoration: line-through;
    color: var(--ecomm-color-disabled, #9E9E9E);
}

/* ITEM. PILL */

.ecomm-cart section.items commerce_cart-items commerce_cart-item .item_tags commerce-pill {
    margin-top: 1rem;
    display: block;
}

.ecomm-cart section.items commerce_cart-items commerce_cart-item commerce-pill div * {
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
}

.ecomm-cart section.items commerce_cart-items commerce_cart-item commerce-pill > div {
    border-color: var(--ecomm-color-primary-green, #238963) !important;
}

.ecomm-cart section.items commerce_cart-items commerce_cart-item commerce-pill * {
    color: var(--ecomm-color-primary-green, #238963) !important;
}

.ecomm-cart section.items commerce_cart-items commerce_cart-item commerce-pill.promotion_pill > div {
    border-color: var(--ecomm-color-primary-green, #238963) !important;
}

.ecomm-cart section.items commerce_cart-items commerce_cart-item commerce-pill.promotion_pill * {
    color: var(--ecomm-color-primary-green, #238963) !important;
}

/* ITEM. QUANTITY SELECTOR */

.ecomm-cart section.items commerce_cart-item commerce-quantity-selector-popover {
    width: 1.75rem;
}

.ecomm-cart section.items commerce_cart-item commerce-quantity-selector lightning-popup-source > div:first-child lightning-button-icon > button {
    transform: scale(1.5);
}

.ecomm-cart section.items commerce_cart-item commerce-quantity-selector lightning-popup-source > div:first-child lightning-button-icon .slds-button__icon {
    fill: var(--ecomm-color-primary-green);
}

/* ORDER SUMMARY */

.ecomm-cart .ecomm-summary * {
    margin: 0!important;
}

.ecomm-cart .ecomm-summary {
    display: block;
    padding: 2rem;
    border-radius: 1.25rem;
    background-color: var(--ecomm-color-background, #F6F8F9);
}

.ecomm-cart commerce_cart-summary header {
    padding-bottom: 1rem;
}

.ecomm-cart commerce_cart-summary header * {
    font-size: 2.25rem;
    font-weight: 500;
    color: var(--ecomm-color-black, #1D1D1E);
}

.ecomm-cart commerce_builder-cart-summary dl * {
    padding: 0 !important;
    font-size: 1.125rem !important;
    font-style: normal;
    font-weight: 400 !important;
    color: var(--ecomm-color-black-90, #444541);
}

.ecomm-cart commerce_builder-cart-summary dl div:not(:first-of-type),
.ecomm-cart commerce_builder-cart-summary dl div:not(:last-of-type) {
    margin-top: 1rem !important;
}

.ecomm-cart commerce_builder-cart-summary dl div:last-of-type {
    margin-top: 0rem !important;
}

.ecomm-cart commerce_builder-cart-summary dl > div.tax-included-label p {
    margin-top: 0.75rem;
}

.ecomm-cart commerce_builder-cart-summary dl {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--ecomm-color-divider, #CBD6DF);
}

.ecomm-cart commerce_builder-cart-summary dl div.total-price * {
    font-size: 1.5rem !important;
    font-weight: 600 !important;
}

/* PROMOTIONS */

.ecomm-cart .ecomm-summary .ecomm-cart-promotions-container {
    margin-top: 1rem !important;
    margin-bottom: 1.5rem !important;
}

.ecomm-cart .ecomm-summary .ecomm-cart-promotions-container commerce_cart-apply-coupon a.slds-button {
    color: var(--ecomm-color-primary-green, #238963);
}


.ecomm-cart .ecomm-summary .ecomm-cart-promotions-container commerce_cart-apply-coupon a.slds-button:focus,
.ecomm-cart .ecomm-summary .ecomm-cart-promotions-container commerce_cart-apply-coupon a.slds-button:active {
    box-shadow: none !important;
    border: none !important;
    color: var(--ecomm-color-button-background-hover, #666666);
}

.ecomm-cart .ecomm-summary .coupon-input-form {
    align-items: end;
}

.ecomm-cart .ecomm-summary .coupon-input-form span {
    height: 3rem !important;
}

.ecomm-cart .ecomm-summary .coupon-input-form input {
    border-radius: 0.25rem;
    border-color: var(--ecomm-color-divider, #CBD6DF);

    font-size: 1rem;
    color: var(--ecomm-color-black, #1D1D1E) !important;
}

.ecomm-cart .ecomm-summary .coupon-input-form input::placeholder {
    color: var(--ecomm-color-disabled, #9E9E9E);
}

.ecomm-cart .ecomm-summary .coupon-input-form input::-ms-input-placeholder {
    color: var(--ecomm-color-disabled, #9E9E9E);
}

.ecomm-cart .ecomm-summary .coupon-input-form commerce_cart-apply-coupon-button button {
    height: 100% !important;
}

.ecomm-cart .ecomm-summary .promotion-container {
    background-color: var(--ecomm-color-background, #F6F8F9);
    border: none !important;
}

.ecomm-cart .ecomm-summary .promotion-container commerce-pill div {
    display: flex;
    padding: 0 !important;
    margin: 0 !important;
    
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 140%;
    color: var(--ecomm-color-black-90, #444541) !important;
}

.ecomm-cart .ecomm-summary .promotion-container commerce-promotion-details-popover {
    display: none;
}

.ecomm-cart .ecomm-summary div[data-slot-name="promotionsDisclaimer"] {
    padding: 0.75rem 0 !important;
}

.ecomm-cart .ecomm-summary commerce-cart-applied-promotion .promotion-information {
    width: 100%;
}

.ecomm-cart .ecomm-summary commerce-cart-applied-promotion .promotion-information commerce-pill {
    width: 100%;
    margin-top: 1.5rem !important;
}

.ecomm-cart .ecomm-summary commerce-cart-applied-promotion .promotion-information commerce-pill lightning-primitive-icon {
    color: var(--ecomm-color-black-90, #444541);
}

/* CHECHOUT BUTTON */

.ecomm-cart .ecomm-summary commerce_cart-checkout-button commerce-action-button button {
    font-size: 1.125rem !important;
}

/* ADAPTATIONS */

@media(max-width: 1023.98px) {

    /* LAYOUT */

    .ecomm-cart > .columns-content community_layout-column {
        width: 100%;
    }

    /* SHOPPING CART. HEADER */

    .ecomm-cart commerce_cart-header {
        grid-gap: 1.5rem !important;
    }

    .ecomm-cart .header-labels {
        margin: 0 !important;
    }

    /* SHOPPING CART. SORT MENU */

    .ecomm-cart .sort-menu {
        width: 100%;
    }

    .ecomm-cart section.items div[part="combobox"] {
        width: 100%;
    }

    /* SHOPPING CART. ITEMS */

    .ecomm-cart section.items commerce_cart-items ul {
        padding: 0 !important;
    }

    /* SHOPPING CART. ITEM */

    .ecomm-cart section.items commerce_cart-items commerce_cart-item .container {
        grid-template-columns: 10.875rem 1fr !important;
        grid-template-areas:
        "image name"
        "image unit"
        "image prices"
        "image details-pills-qty"
        "image delete";
        grid-row-gap: 0.5rem;
    }

    /* SHOPPING CART. DETAILS */

    .ecomm-cart section.items commerce_cart-items commerce_cart-item div.item .item_details {
        grid-gap: 1rem;
    }

    .ecomm-cart section.items commerce_cart-items commerce_cart-item div.item .item_details .item_details_description {
        margin: 0 !important;
    }

    /* SHOPPING CART. PRICES */

    .ecomm-cart section.items commerce_cart-items commerce_cart-item .item-prices {
        justify-self: start !important;
    }

    .ecomm-cart section.items commerce_cart-items commerce_cart-item .item_details_currency {
        flex-direction: row-reverse;
        align-items: center;
    }

    .ecomm-cart section.items commerce_cart-items commerce_cart-item .item_details_currency .actualPrice {
        margin-left: 0 !important;
        margin-right: 1rem !important;
    }

}

@media(max-width: 767.98px) {

    /* SHOPPING CART. HEADER */

    .ecomm-cart section.items .header-labels .label-count h3 {
        font-size: 1.5rem !important;
    }

    .ecomm-cart commerce_cart-header .clear-cart-section {
        justify-content: flex-end;
        margin: 0 !important;
    }

    /* SHOPPING CART. ITEM */

    .ecomm-cart section.items commerce_cart-items commerce_cart-item .container {
        grid-template-columns: 9rem 1fr !important;
    }
    
    /* ITEM. PRODUCT IMAGE */
    
    .ecomm-cart section.items commerce_cart-items commerce_cart-item .item-image {
        margin-right: 1.5rem !important;
    }
    
    .ecomm-cart section.items commerce_cart-items commerce_cart-item figure {
        width: 7.5rem;
        height: 7.5rem;
    }

}

@media(max-width: 376.98px) {

    /* ORDER SUMMARY */

    .ecomm-cart .ecomm-summary {
        padding: 2rem 1.5rem !important;
    }

    .ecomm-cart .ecomm-summary commerce_cart-checkout-button commerce-action-button button {
        padding: 0.875rem 3rem !important;
    }
}