/**
 * Frontend styles for WC Checkbox Addons as Line Items.
 * Minimal styling that adapts to the theme.
 */

/* Main section - uses theme spacing and colors */
.wc-cal-addons-section {
	margin: 1.5em 0;
	padding: 1em;
}

/* Title styling - inherits from theme */
.wc-cal-addons-title {
	margin-top: 0;
	margin-bottom: 1em;
	font-size: 1.1em;
	font-weight: 600;
}

/* List - minimal reset */
.wc-cal-addons-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Individual addon item */
.wc-cal-addon-item {
	margin: 0.75em 0;
}

/* Label - flex layout for checkbox alignment */
.wc-cal-addon-item label {
	display: flex;
	align-items: flex-start;
	cursor: pointer;
	margin: 0;
}

/* Checkbox styling - uses theme checkbox styles */
.wc-cal-addon-item input[type="checkbox"] {
	margin-right: 0.75em;
	margin-top: 0.2em;
	flex-shrink: 0;
}

/* Addon label text */
.wc-cal-addon-label {
	flex: 1;
	line-height: 1.5;
}

/* Price display within label */
.wc-cal-addon-label .woocommerce-Price-amount {
	font-weight: 600;
}

/* Description text - subtle styling */
.wc-cal-addon-description {
	margin: 0.5em 0 0 2em;
	font-size: 0.9em;
	opacity: 0.8;
	line-height: 1.5;
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.wc-cal-addons-section {
		padding: 0.75em;
	}
	
	.wc-cal-addon-description {
		margin-left: 1.5em;
	}
}

/* Integration with common WooCommerce/theme classes */
.woocommerce .wc-cal-addons-section {
	/* Inherit WooCommerce product page styling */
}

/* High contrast mode support */
@media (prefers-contrast: high) {
	.wc-cal-addon-description {
		opacity: 1;
	}
}