/* Custom styles can be added here if needed */
/* Currently using Tailwind CSS via CDN for all styling */

/* Mobile sticky bar safe-area padding */
.safe-bottom {
    padding: 16px;
    padding-bottom: max(16px, env(safe-area-inset-bottom));
}

/* Subtle pulse animation for Continue button */
@keyframes subtlePulse {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    }
    50% {
        transform: scale(1.025);
        box-shadow: 0 12px 18px -3px rgba(27, 149, 194, 0.25), 0 6px 8px -2px rgba(27, 149, 194, 0.15);
    }
}

.pulse-attention {
    animation: subtlePulse 400ms ease-in-out;
}

/* Hide scrollbar for mobile carousel */
.scrollbar-hide {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}
.scrollbar-hide::-webkit-scrollbar {
    display: none;  /* Chrome, Safari, Opera */
}