/*
Theme Name: Voxel Child - WineFairy Enhanced
Theme URI: https://getvoxel.io/
Description: Enhanced Voxel child theme with max addon limit and automated guest count synchronization for wine bookings
Author: WineFairy
Author URI: https://winefairy.com/
Template: voxel
Version: 2.0.0
Text Domain: voxel-child

Features:
- Max addon selection limit for custom-multiselect addons
- Automatic Wine Menu quantity sync with guest count (read-only)
- Automatic Addon quantity sync with guest count (editable)
- Real-time quantity updates on people count changes
- Auto-sync for newly selected items
- Optimized performance with minimal delays

Changelog:

= 2.0.0 (March 11, 2026) =
* Added: Automated guest count synchronization for Wine Menu and Addons
* Added: Wine Menu quantities display as "x5" format (read-only)
* Added: Addon quantities show full stepper (editable after auto-sync)
* Added: Real-time sync when guest count changes
* Added: Auto-sync for newly selected wines/addons
* Added: Optimized polling (100ms) for instant updates
* Improved: Performance optimization with debug logging disabled
* Enhanced: Smooth UX with minimal delays (50-200ms)

= 1.0.0 (January 23, 2026) =
* Initial release
* Added: Max addon selection limit functionality
* Added: Custom template override for multiselect addons
* Added: Dynamic limit configuration from WordPress admin
*/

/* Guest Count Sync: Wine Menu quantity display (x5 format) */
.wine-quantity-display {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 50px;
	position: relative;
}

/* Hide the input but keep it in DOM for Vue reactivity */
.wine-qty-hidden {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

.wine-qty-text {
	font-size: 18px;
	/* font-weight: 600; */
	color: #343C54;
	padding: 8px 12px;
	/* background-color: #f5f5f5;
	border-radius: 4px;
	border: 1px solid #e0e0e0; */
}