.cart-item {
    @apply bg-gray-900 border border-gray-800 rounded-lg p-4 md:p-6 flex flex-col md:flex-row gap-4 items-start md:items-center transition-all duration-200 hover:border-gray-700;
}
.cart-item-image {
    @apply w-20 h-20 md:w-24 md:h-24 object-cover rounded-lg bg-gray-800;
}
.item-details {
    @apply flex-1;
}
.item-name {
    @apply text-lg font-bold text-white mb-1;
}
.item-price {
    @apply text-sm text-gray-400;
}
.item-controls {
    @apply flex flex-col md:flex-row items-start md:items-center gap-4 w-full md:w-auto;
}
.quantity-controls {
    @apply flex items-center gap-3 bg-gray-800 rounded-lg p-2;
}
.quantity-btn {
    @apply w-8 h-8 flex items-center justify-center bg-gray-700 hover:bg-[#7D86FF] text-white rounded transition-colors duration-200 font-bold;
}
.quantity {
    @apply text-white font-semibold min-w-[2rem] text-center;
}
.item-total {
    @apply text-xl font-bold text-[#7D86FF] min-w-[5rem] text-right;
}
.remove-btn {
    @apply text-red-500 hover:text-red-400 transition-colors duration-200 text-lg cursor-pointer;
}
/* Quantity input styling */
.quantity-input {
    width: 50px;
    text-align: center;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(125, 134, 255, 0.3);
    color: #fff;
    padding: 0.25rem;
    border-radius: 4px;
    font-size: 0.9rem;
}

.quantity-input:focus {
    outline: none;
    border-color: #7D86FF;
}

/* Remove spinner arrows in Chrome/Safari */
.quantity-input::-webkit-inner-spin-button,
.quantity-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Remove spinner arrows in Firefox */
.quantity-input[type=number] {
    -moz-appearance: textfield;
}
/* Keep normal cursor during add-to-cart animation */
.cart-icon-btn:disabled {
    cursor: pointer; /* or cursor: default; */
    opacity: 1; /* Prevent button from looking faded */
}
/* Shipping rate options styling */
.shipping-option {
  margin: 10px 0;
  padding: 12px;
  border: 1px solid #374151;
  border-radius: 8px;
  transition: all 0.2s ease;
  background-color: #1f2937;
}

.shipping-option:hover {
  background-color: #374151;
}

.shipping-option.default-option {
  background-color: #1e3a5f;
  border: 2px solid #7D86FF;
}

.shipping-option input[type="radio"] {
  margin-right: 10px;
}

.shipping-option label {
  cursor: pointer;
  display: block;
  width: 100%;
  color: #fff;
}

.shipping-option small {
  display: block;
  color: #9ca3af;
  margin-top: 4px;
  font-size: 0.9em;
}

.badge {
  background-color: #7D86FF;
  color: white;
  padding: 2px 8px;
  border-radius: 3px;
  font-size: 0.8em;
  margin-left: 8px;
  font-weight: normal;
}

#default-shipping-info {
  margin-top: 15px;
  padding: 10px;
  background-color: #1e3a5f;
  border-left: 4px solid #7D86FF;
  border-radius: 4px;
}