/* style.css */
html {
    scroll-behavior: smooth;
    -webkit-tap-highlight-color: transparent;
}

.hide-scrollbar::-webkit-scrollbar {
    display: none;
}
.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Slot Animations */
.slot-available {
    background-color: #dcfce7; /* green-100 */
    color: #166534; /* green-800 */
    border: 1px solid #bbf7d0; /* green-200 */
    transition: all 0.2s ease;
}
.slot-available:hover {
    background-color: #22c55e;
    color: white;
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(34, 197, 94, 0.3);
    cursor: pointer;
}

.slot-booked {
    background-color: #fee2e2; /* red-100 */
    color: #991b1b; /* red-800 */
    border: 1px solid #fecaca; /* red-200 */
    opacity: 0.6;
    cursor: not-allowed;
    background-image: repeating-linear-gradient(
        45deg,
        transparent,
        transparent 10px,
        rgba(255, 255, 255, 0.5) 10px,
        rgba(255, 255, 255, 0.5) 20px
    );
}

.date-btn {
    transition: all 0.2s ease;
}
.date-btn.active {
    background-color: #0f172a;
    color: white;
    border-color: #0f172a;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.15);
}

.filter-btn {
    transition: all 0.2s ease;
}
.filter-btn.active {
    background-color: #22c55e;
    color: white;
    border-color: #22c55e;
}