:root {
    --side-cart-width: 300px;
}

/* Side cart */

#sideCart {
    height: 100vh;
    width: var(--side-cart-width);
    position: fixed;
    z-index: 5;
    right: calc(var(--side-cart-width) * -1);
    top: 0;
    overflow-x: hidden;
    transition: all 0.5s ease;
    background-color: var(--white);
}

.ccm-toolbar-visible #sideCart {
    top: 48px;
    height: calc(100vh - 48px);
}

#sideCart.open {
    right: 0;
    -webkit-box-shadow: -5px 0px 10px 0px rgba(30, 30, 30, 0.3);
    -moz-box-shadow: -5px 0px 10px 0px rgba(30, 30, 30, 0.3);
    box-shadow: -5px 0px 10px 0px rgba(30, 30, 30, 0.3);
}

.product-card-cart {
    border-bottom: 1px solid var(--dark);
    padding-bottom: 1rem;
}

.product-card-cart .product-image img {
    aspect-ratio: 1/1;
    max-width: 100%;
    object-fit: contain;
}

#sideCart ::-webkit-scrollbar {
    width: 7px;
}

#sideCart ::-webkit-scrollbar-thumb {
    background: var(--color-secondary);
}

/* Product card */

.product-card {
    background-color: var(--white);
    border-radius: var(--border-radius);
    overflow: hidden;
}

.product-card a {
    width: 100%;
    display: inline-block;
    text-decoration: none;
    color: var(--dark);
}

.product-card a:hover .btn-secondary,
.product-card a:focus .btn-secondary,
.product-card a:active .btn-secondary {
    background-color: var(--color-primary);
}

.product-card .add-to-cart-button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width: 100%;
}

.product-card .bg-img {
    aspect-ratio: 16 / 9;
}

.product-card .category,
.product-card .pricing {
    color: #444444;
}

.product-card .saldo {
    font-size: 0.75rem;
}

.possible-to-order-color {
    border-radius: 50%;
    height: 10px;
    width: 10px;
    display: inline-block;
}

.page-template-webshop-product-template .possible-to-order-color {
    height: 20px;
    width: 20px;
}

.bootbox.modal.fade.bootbox-confirm.show {
    background-color: rgb(25 22 22 / 70%);
}

/* Make product pages hero smaller */

.page-template-webshop-product-template #heroCarouselIndicators .carousel-item {
    height: auto;
    min-height: 150px;
}

.page-template-webshop-product-template #heroCarouselIndicators .carousel-item h1 {
    padding-top: 3rem;
    padding-bottom: 3rem;
    margin-bottom: 0;
}

/* Product image selection */

#productImageViewArea {
    aspect-ratio: 5/4;
}

.view-this-image {
    aspect-ratio: 1/1;
    width: 100%;
    background-color: var(--white);
    border: none;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: var(--border-radius);
    position: relative;
}

.view-this-image .parent-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: var(--dark);
    border-radius: var(--border-radius);
}

.view-this-image.active .parent-overlay {
    display: none;
}

/* Electromen Import required formatting */

#productInfoContent table.table {
    width: 100%!important;
}

/* Mobile */

@media (max-width: 991px) {
    #sideCart {
        max-width: 95vw;
    }

    .product-card .h3 {
        font-size: 1.3rem;
    }

    .product-card .h6 {
        font-size: 1rem;
    }

    .page-template-webshop-product-template .possible-to-order-color {
        height: 10px;
        width: 10px;
    }
}