@import url(ShoppingCartV3_SKEP250-CartItems.css);
@import url(ShoppingCartV3_SKEP250-Totals.css);

:root {
    /* CART CONTAINER */
    --shoppingcart-container--display: flex;
    --shoppingcart-container--flex-direction: column;
    --shoppingcart-container--gap: 16px;
    --shoppingcart-container--padding: 8px;
    --shoppingcart-container--max-width: 1500px;
    --shoppingcart-container--margin: 0 auto;
    --shoppingcart-container-column-products--width: 100%;
    --shoppingcart-container-column-totals--width: 100%;
    /* CART WRAPPER */
    --shoppingcart-wrapper--display: flex;
    --shoppingcart-wrapper--flex-direction: column;
    --shoppingcart-wrapper--gap: 16px;
    /* Ustalona wartość domyślna dla justify-content */
    --shoppingcart-wrapper--justify-content: flex-start;
    /* CART WRAPPER - COLUMN - PRODUCTS */
    --shoppingcart-wrapper-column-products--flex-grow: 1;
    /* CART WRAPPER - COLUMN - TOTALS */
    --shoppingcart-wrapper-column-totals--width: 100%;
}

#ShoppingCartV3_container.skep250 {
    display: var(--shoppingcart-container--display);
    flex-direction: var(--shoppingcart-container--flex-direction);
    gap: var(--shoppingcart-container--gap);
    padding: var(--shoppingcart-container--padding);
    max-width: var(--shoppingcart-container--max-width);
    margin: var(--shoppingcart-container--margin);
}

    #ShoppingCartV3_container.skep250 .shopping-cart-wrapper {
        display: var(--shoppingcart-wrapper--display);
        flex-direction: var(--shoppingcart-wrapper--flex-direction);
        justify-content: var(--shoppingcart-wrapper--justify-content);
        gap: var(--shoppingcart-wrapper--gap);
    }

/* >= 840px */
@media screen and (min-width: 840px) {
    :root {
        --shoppingcart-totals-wrapper--margin: 0 !important;
        --shoppingcart-wrapper--flex-direction: row;
        --shoppingcart-wrapper--justify-content: flex-end;
        --shoppingcart-wrapper--gap: 8px;
        --shoppingcart-wrapper-column-totals--width: 260px;
    }
}

/* >= 1080px */
@media screen and (min-width: 1080px) {
    :root {
        --shoppingcart-products-container--padding: 12px;
        --shoppingcart-totals-wrapper--margin: 40px 0 0 0 !important;
        --shoppingcart-totals-wrapper--border-radius: 12px;
    }
}

/* >= 1280px */
@media screen and (min-width: 1280px) {
    :root {
        --shoppingcart-wrapper-column-totals--width: 416px;
    }
}

/* >= 1500px */
@media screen and (min-width: 1500px) {
    :root {
        --shoppingcart-products-container--padding: 30px;
        --shoppingcart-wrapper--gap: 24px;
    }
}