/* Custom styles not covered by Tailwind */

.radio-group input[type="radio"]:disabled,
.radio-group label:has(input[type="radio"]:disabled) {
    cursor: not-allowed;
    opacity: 0.5;
}

/* Carousel dot indicators */
.carousel-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: var(--color-gray-400);
    cursor: pointer;
    transition: background-color 0.3s;
}

.carousel-dot.active {
    background-color: var(--color-blue-500);
}

.carousel-dot:hover {
    background-color: var(--color-blue-600);
}