/* Custom checkbox style */
input[type="checkbox"].custom-checkbox:checked + .checkbox-visual .dot {
    opacity: 1;
    transform: scale(1);
}
input[type="checkbox"].custom-checkbox + .checkbox-visual .dot {
    opacity: 0;
    transform: scale(0);
    transition: all 0.2s ease-in-out;
}

/* Toggle switch styling */
.toggle-switch {
     box-shadow: 0 0 10px rgba(59, 130, 246, 0.5);
}
.toggle-switch::after {
    content: '';
    position: absolute;
    top: 2px; /* Adjust based on height */
    left: 2px; /* Adjust based on height */
    width: 1rem; /* h-4 */
    height: 1rem; /* w-4 */
    background-color: white;
    border-radius: 9999px; /* rounded-full */
    transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
input:checked + .toggle-switch {
    background-color: #2563eb; /* bg-blue-600 */
}
input:checked + .toggle-switch::after {
    transform: translateX(1.25rem); /* Adjust based on width (w-10 -> approx 2.5rem, needs 1.25rem move) */
}

/* Range input thumb styling */
input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    background: #60a5fa; /* A blue color */
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0 0 8px rgba(96, 165, 250, 0.8);
}

input[type="range"]::-moz-range-thumb {
    width: 16px;
    height: 16px;
    background: #60a5fa;
    border-radius: 50%;
    cursor: pointer;
    border: none;
    box-shadow: 0 0 8px rgba(96, 165, 250, 0.8);
}