/********************
	Part - blockcart modal global
********************/
@media (max-width : 991px) {
    #blockcart-modal .modal-dialog {
        width : calc(100% - 20px)
    }
}

#blockcart-modal strong {
    font-weight : 600;
}

/********************
	Part - blockcart modal title
********************/
#blockcart-modal .modal-title i.material-icons {
    margin-right : .25em
}


/********************
	Part - blockcart modal body
********************/

#blockcart-modal .modal-body {
    display               : grid;
    grid-template-columns : 1fr 3fr;
    grid-gap              : 15px;
}

#blockcart-modal .modal-body__separator,
#blockcart-modal .modal-body__cart-content {
    grid-column : 1/-1;
}

#blockcart-modal .modal-body .modal-body__product-informations {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.modal-body__product-informations>.modal-body__info-value{
    justify-content: flex-start;
}

#blockcart-modal .modal-body__product-image {
    width : 100%;
}

#blockcart-modal .modal-body__separator {
    background : var(--color-grey-default);
    height     : 2px;
}

#blockcart-modal .modal-body__cart-content {
    font-size : var(--font-size-300);
}

#blockcart-modal .product-name {
    color     : var(--color-black-default);
    font-size : var(--font-size-500);
    margin    : 0 0 .5em;
}

#blockcart-modal .product-price {
    color       : var(--color-primary);
    font-size   : var(--font-size-300);
    font-weight : 600;
}

@media (max-width : 991px) {
    #blockcart-modal .product-image {
        width     : 100%;
        display   : block;
        max-width : 15.63rem;
        margin    : 0 auto .9375rem
    }

    #blockcart-modal .product-name {
        margin-top : .625rem
    }
}

/********************
	Part - blockcart modal btn
********************/
#blockcart-modal .cart-content-btn {
    font-size : var(--font-size-200);
    display   : flex;
}

@media (max-width : 767px) {
    #blockcart-modal .cart-content-btn {
        flex-direction : column;
    }
    #blockcart-modal .cart-content-btn > * + * {
        margin-top : .5em;
    }
}

@media (min-width : 768px) {
    #blockcart-modal .cart-content-btn {
        justify-content : flex-end;
    }

    #blockcart-modal .cart-content-btn > * + * {
        margin-left : .5em;
    }
}