/* Transitions */
.step-screen {
    /* Base state handled by Tailwind classes (hidden/block, opacity logic in JS) */
}

/* Hide Scrollbar for Chrome, Safari and Opera */
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}

/* Hide Scrollbar for IE, Edge and Firefox */
.scrollbar-hide {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

/* Order Bump Selected State - Classes applied dynamically via JS, 
   but we define specific overrides if Tailwind isn't enough */
.bump-card.selected {
    border-color: #10b981;
    /* emerald-500 */
    background-color: #ecfdf5;
    /* emerald-50 (light mode friendly) */
}

.bump-card.selected .bump-check-visual {
    background-color: #10b981;
    border-color: #10b981;
}

.bump-card.selected .bump-check-visual i {
    color: white !important;
    /* Force icon white */
    text-color: transparent;
    /* Reset from HTML if needed, though class swap is better */
}

/* Reset icon color by default to transparent (already in HTML classes) */