/**
 * Frontend CSS for choice-based conditional logic.
 *
 * Styles for disabled choices.
 *
 * @package Valko_WPForms_Choice_Conditional
 */

/* Disabled choice styling */
.wpforms-form .valko-choice-disabled {
	opacity: 0.5;
	cursor: not-allowed !important;
}

.wpforms-form .valko-choice-disabled label {
	cursor: not-allowed !important;
	color: #9ca3af !important;
}

.wpforms-form .valko-choice-disabled input[type="checkbox"],
.wpforms-form .valko-choice-disabled input[type="radio"] {
	cursor: not-allowed !important;
}

/* Disabled input styling */
.wpforms-form input[type="checkbox"]:disabled,
.wpforms-form input[type="radio"]:disabled {
	cursor: not-allowed !important;
	opacity: 0.5;
}

/* Tooltip styling for disabled inputs */
.wpforms-form input[type="checkbox"]:disabled[title],
.wpforms-form input[type="radio"]:disabled[title] {
	position: relative;
}

/* Better tooltip appearance */
.wpforms-form .valko-choice-disabled [title] {
	cursor: help !important;
}