/**
 * CART & CHECKOUT
 * Section 8 of main.css (lines 2062–2110)
 */

.cart-item-card {
	transition: all 0.2s ease;
}

.cart-item-card:hover {
	box-shadow: var(--shadow-card-hover);
}

.cart-summary-card {
	position: sticky;
	border: 2px solid var(--luxury-gold);
	top: 100px;
}

.cart-summary-card .card-header {
	background: var(--gradient-gold);
	border: none;
}

/* Quantity Input Group */
/* Bootstrap's input-group handles layout, styling, and z-index */
.qty-input-sm {
	max-width: 70px;
	font-weight: var(--weight-semi);
	font-size: var(--text-base);
}

.qty-input-wrapper {
	max-width: 150px;
}

/* Center text in quantity input when used with input-group */
.input-group .form-control.qty-input-sm {
	text-align: center;
	border: 2px solid var(--color-border-soft);
	background: var(--luxury-white);
}

.input-group .form-control.qty-input-sm:focus {
	border-color: var(--luxury-gold);
	background: var(--luxury-white);
}

/* ===========================================================================
   CHECKOUT PAGE — Migrated from templates/checkout/index.html.twig
   =========================================================================== */

.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
	color: var(--bs-primary);
	opacity: 0.8;
}

.payment-option {
	transition: all 0.2s ease;
	cursor: pointer;
}

.payment-option:hover {
	background-color: #f8f9fa;
}

.payment-option.selected {
	background-color: var(--color-surface-subtle);
	border-color: var(--bs-primary) !important;
}


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

/* Custom Scrollbar for Cart Items */
.custom-scrollbar::-webkit-scrollbar {
	width: 6px;
}

.custom-scrollbar::-webkit-scrollbar-track {
	background: #f1f1f1;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
	background: #ccc;
	border-radius: var(--radius-xs);
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
	background: #bbb;
}

/* ===========================================================================
   CHECKOUT — Saved address picker
   =========================================================================== */

.saved-address-card {
	transition: border-color .2s ease, background .2s ease;
	cursor: pointer;
	background: #fff;
}

.saved-address-card:hover {
	border-color: var(--luxury-gold) !important;
	background: rgba(197, 163, 90, .04);
}

.saved-address-card--selected {
	border-color: var(--luxury-gold) !important;
	background: rgba(197, 163, 90, .07);
	box-shadow: 0 0 0 2px rgba(197, 163, 90, .25);
}

.saved-address-card--new {
	border-style: dashed !important;
}