/********************
	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
}


#blockcart-modal .modal-content {
  border-radius: 20px;
  overflow: hidden;
}

#blockcart-modal .modal-header {
  background: #fff;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
}

#blockcart-modal .modal-title {
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.42px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}

/********************
	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__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);
    color: #010101;
}

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

#blockcart-modal .product-price {
    color       : #010101;
    font-size   : var(--font-size-300);
    font-weight : 600;
    width: fit-content;
    background: var(--color-blue-ciel);
    padding: 3px 5px;
    border-radius: 3px;
}


.modal-body__product-informations .modal-body__info-value {
  margin-top: 0.5em;
  color: #010101;
}

@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;
}


.modal__close {
  cursor: pointer;
  width: 40px;
  min-width: 40px;
  height: 40px;
  border: 1px solid #B5B5B5;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s ease;
}

#blockcart-modal  .close {
  opacity: 1;
}

#blockcart-modal .btn {
  border-radius: 5px;
}

#blockcart-modal .btn-primary {
  color: var(--color-blue-ciel);
  background: #010101;
  border: 1px solid #010101;
  transition: 0.3s ease;
}

#blockcart-modal .btn-primary:hover {
  color: #010101 !important;
  background: var(--color-blue-ciel);
  border: 1px solid var(--color-blue-ciel);
}

#blockcart-modal .btn-secondary:hover {
  background: #F5F5F5;
}

@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;
    }
}