/**
 * WooCommerce Product Add-Ons - Conditional Fields Frontend Styles
 */

/* Hidden conditional fields */
.product-addon.wc-pao-conditional-hidden {
	display: none;
}

/* Smooth transitions when showing/hiding fields */
.product-addon {
	transition: opacity 0.2s ease-in-out;
}

/* Optional: Add a subtle indicator for fields that will appear conditionally */
.product-addon[data-conditional-parent] {
	position: relative;
}

/* Add a small visual cue that this field is conditional (optional) */
.product-addon[data-conditional-parent]::before {
	/* Uncomment if you want a visual indicator
	content: "🔗";
	position: absolute;
	top: 5px;
	right: 5px;
	font-size: 12px;
	opacity: 0.3;
	*/
}