/**
 * Libro de Reclamaciones - Minimal CSS for loader
 */

/* Loader animation */
.loader {
	width: 24px;
	height: 24px;
	border: 3px solid rgba(0, 0, 0, 0.3);
	border-top-color: #000;
	border-radius: 50%;
	animation: spin 0.8s linear infinite;
}

@keyframes spin {
	to {
		transform: rotate(360deg);
	}
}

/* Checkbox styling fix */
.libro-reclamaciones-form input[type='checkbox']:checked + label > div:first-child {
	background-color: white;
	border-color: white;
}

.libro-reclamaciones-form input[type='checkbox']:checked + label > div:first-child svg {
	opacity: 1;
}

/* Radio styling fix */
.libro-reclamaciones-form input[type='radio']:checked + label > div:first-child {
	border-color: white;
}

.libro-reclamaciones-form input[type='radio']:checked + label > div:first-child > div {
	opacity: 1;
}

.libro-reclamaciones-form input[type='radio']:checked + label > span {
	color: white;
}

/* Validation styles */
input.is-invalid,
select.is-invalid,
textarea.is-invalid,
.libro-reclamaciones-form .\!border-red-500 {
	border-color: #ef4444 !important;
	border-width: 1px !important;
}

.libro-reclamaciones-form .\!border-red-500:focus {
	border-color: #dc2626 !important;
	box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1) !important;
}

/* Checkbox validation - target the div inside the label */
.libro-reclamaciones-form input[type='checkbox'] + label > div.\!border-red-500 {
	border-color: #ef4444 !important;
	border-width: 2px !important;
}