/* Browse Page Styles */

/* Slot button - fully booked state */
.btn-slot-full {
    @apply bg-slate-400 border-slate-400 text-white opacity-60 cursor-not-allowed;
}

.dark .btn-slot-full {
    @apply bg-slate-600 border-slate-600 text-slate-400;
}

/* Experience card enhancements */
.experience-card {
    @apply bg-white dark:bg-slate-800 rounded-2xl overflow-hidden transition-all duration-300;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}

.experience-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
}

/* Filter sidebar */
.filter-sidebar {
    @apply bg-white dark:bg-slate-800 rounded-2xl overflow-hidden;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}

/* Map container */
.map-container {
    @apply rounded-2xl overflow-hidden;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}

/* Load more button animation */
#browse-load-more {
    @apply transition-all duration-300;
}

#browse-load-more:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}

/* Mobile filter toggle */
@media (max-width: 768px) {
    .filter-sidebar {
        @apply fixed inset-x-0 bottom-0 z-40 rounded-t-3xl rounded-b-none max-h-[80vh] overflow-y-auto;
        transform: translateY(100%);
        transition: transform 0.3s ease;
    }

    .filter-sidebar.show {
        transform: translateY(0);
    }

    .filter-backdrop {
        @apply fixed inset-0 bg-black/50 z-30 hidden;
    }

    .filter-backdrop.show {
        @apply block;
    }
}