/* BraaiBox Reorder (Carousel) — v1.3.6 */

/* Container */
.bbx-reorder-wrap {
	max-width: var(--bbx-max, 1200px);
	margin: 0 auto;
	padding: 8px 16px 24px;
}

.bbx-reorder-title {
	margin: 8px 0 16px;
}

/* Order card */
.bbx-order-card {
	border: 1px solid #eaeaea;
	border-radius: 14px;
	padding: 10px 10px 14px;
	margin: 14px 0;
	background: #fff;
}

.bbx-order-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	margin-bottom: 6px;
}

.bbx-order-head small {
	opacity: .9;
}

/* Order ID link */
.bbx-order-head .bbx-order-id {
	color: inherit;
	text-decoration: none;
	transition: opacity .15s ease;
}

.bbx-order-head .bbx-order-id:hover {
	opacity: .75;
}

/* Total in header (compact) */
.bbx-order-total-compact {
	font-weight: 600;
}

/* Delivery line only */
.bbx-order-sub {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 16px;
	margin: 0 0 8px;
}

.bbx-order-sub small {
	opacity: .95;
}

/* Carousel (scroll-snap fallback) */
.bbx-carousel {
	display: flex;
	gap: 8px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
	padding-bottom: 6px;
}

.bbx-carousel::-webkit-scrollbar {
	height: 8px;
}

.bbx-carousel::-webkit-scrollbar-thumb {
	background: #ddd;
	border-radius: 999px;
}

/* Product cards — slightly smaller with fixed internals */
.bbx-card {
	min-width: 160px;
	max-width: 200px;
	scroll-snap-align: start;
	border: 1px solid #eee;
	border-radius: 12px;
	padding: 8px;
	background: #fff;
	display: grid;
	grid-template-rows: auto auto minmax(20px, auto) minmax(18px, auto) auto auto;
	gap: 6px;
}

/* Image: fixed square */
.bbx-card .thumb {
	width: 100%;
	aspect-ratio: 1/1;
	overflow: hidden;
	border-radius: 10px;
	background: #f8f8f8;
	display: block;
}

.bbx-card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* Title: allow up to 3 lines, align rows */
.bbx-card .title {
	font-weight: 600;
	line-height: 1.25;
	font-size: 14px;
	min-height: 3.75em;
	max-height: 3.75em;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

/* Price + meta with fixed min-heights for alignment */
.bbx-card .price {
	font-size: 14px;
	min-height: 20px;
	display: flex;
	align-items: flex-start;
}

.bbx-card .meta {
	font-size: 12px;
	opacity: .8;
	min-height: 18px;
	display: flex;
	align-items: flex-start;
}

/* Buttons */
.bbx-card .button {
	width: 100%;
	text-align: center;
}

/* Reorder entire order button (C94343) */
.bbx-order-actions .button, .bbx-order-actions .bbx-button-reorder {
	background: #c94343 !important;
	border-color: #c94343 !important;
	color: #fff !important;
	padding: 9px 12px !important;
	border-radius: 10px !important;
	display: inline-block !important;
	line-height: 1.2 !important;
	font-weight: 600;
}

.bbx-order-actions .button:hover, .bbx-order-actions .bbx-button-reorder:hover {
	filter: brightness(.95);
}

/* Add to cart button: #382F2D */
.bbx-card .button.add_to_cart_button, .bbx-card .button.ajax_add_to_cart, .bbx-card a.button.product_type_simple {
	background: #382f2d !important;
	border-color: #382f2d !important;
	color: #fff !important;
	padding: 9px 12px !important;
	border-radius: 10px !important;
	display: inline-block !important;
}

.bbx-card .button.add_to_cart_button:hover, .bbx-card .button.ajax_add_to_cart:hover, .bbx-card a.button.product_type_simple:hover {
	filter: brightness(.95);
}

/* Qty controls (tightened a bit) */
.bbx-qty {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-top: 2px;
	margin-bottom: 2px;
	width: 100%;
}

.bbx-qty .bbx-qty-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border: 1px solid #e3e3e3;
	border-radius: 8px;
	background: #fff;
	cursor: pointer;
	line-height: 1;
	font-size: 18px;
	padding: 0;
}

.bbx-qty input.qty {
	width: 56px;
	text-align: center;
	height: 30px;
	border: 1px solid #e3e3e3;
	border-radius: 8px;
	-moz-appearance: textfield;
}

.bbx-qty input.qty::-webkit-outer-spin-button, .bbx-qty input.qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Pagination */
.bbx-pagination {
	display: flex;
	gap: 6px;
	justify-content: center;
	margin-top: 14px;
}

.bbx-pagination a, .bbx-pagination span {
	padding: 6px 10px;
	border-radius: 8px;
	border: 1px solid #e5e5e5;
	text-decoration: none;
}

.bbx-pagination .current {
	background: #f6f6f6;
	border-color: #dcdcdc;
}

/* Tighter spacing on small screens */
@media (max-width: 640px) {
	.bbx-reorder-wrap {
		/* was 8px 16px 24px */
		padding: 8px 10px 10px;
	}
	
	.bbx-order-card {
		/* was 14px 0 */
		margin: 10px 0;
		border-radius: 10px;
	}
}

.bbx-reorder-login-message {
	text-align: center;
	margin-top: 40px;
}

.bbx-reorder-login-message .bbx-login-button {
	background-color: #c94343 !important;
	color: #fff !important;
	padding: 12px 30px;
	border-radius: 30px;
	font-weight: 600;
	text-decoration: none;
	display: inline-block;
	transition: background-color .2s ease;
}

.bbx-reorder-login-message .bbx-login-button:hover {
	background-color: #a53737 !important;
	color: #fff !important;
}

@media (max-width: 640px) {
	.bbx-order-head {
		flex-wrap: wrap;
		justify-content: flex-start;
		gap: 8px;
	}
	
	.bbx-order-actions {
		width: 100%;
	}
	
	.bbx-order-actions .bbx-button-reorder {
		width: 100%;
		text-align: center;
	}
}