/* Cart item styles */
/* ============================= */
/* MAIN CART ITEM */
/* ============================= */



/* ============================= */
/* HEADER (TITLE + PRICE) */
/* ============================= */

.cart-item__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

/* LEFT SIDE TITLE */
.cart-item__description {
  font-size: 15px;
  font-weight: 600;
  color: #222;

  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;

  line-height: 1.4;
  max-width: 70%;
}

/* INDEX */
.cart-item__index {
  color: #888;
  font-size: 9px;
}

/* PRICE */
.cart-item__cost {
  font-size: 16px;
  font-weight: 700;
  color: #111;
}

/* ============================= */
/* BODY (IMAGE + BUTTONS) */
/* ============================= */

.cart-item__body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}



/* ============================= */
/* BUTTON GROUP */
/* ============================= */

.cart-item__buttons {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* BUTTON BASE */
.cart-item__button {
  border-radius: 10px !important;
  padding: 8px 12px !important;
  font-size: 13px !important;
  display: flex;
  align-items: center;
  gap: 6px;
}

/* PLUS */
.cart-item__plus {
  background: #e6f7fb !important;
  color: #00a7c7 !important;
  border: none !important;
}

/* MINUS */
.cart-item__minus {
  background: #f3f3f3 !important;
  color: #666 !important;
  border: none !important;
}

/* REMOVE */
.cart-item__remove {
  background: transparent !important;
  color: #d93025 !important;
  border: none !important;
}

.cart-item__remove:hover {
  text-decoration: underline;
}

/* ============================= */
/* OPTIONAL: ICON SIZE */
/* ============================= */

.cart-item__button_icon {
  font-size: 13px;
}

/* ============================= */
/* MOBILE */
/* ============================= */

@media (max-width: 768px) {
        .action-button__text {
        display: block !important;
    }
    .cart-item__buttons{
        flex-direction: row;
    }
  .cart-item__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }

  .cart-item__body {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .cart-item__image {
    width: 100%;
  }

  .cart-item__buttons {
    width: 100%;
    justify-content: space-between;
        height: 70px;
  }

  .cart-item__description {
    max-width: 100%;
  }
}