/* --- CAROUSEL MENU STYLES --- */

.admin-carousel {
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Firefox */
    margin-bottom: 2rem;
}
.admin-carousel::-webkit-scrollbar {
    display: none; /* Chrome, Safari */
}

.carousel-track {
    display: flex;
    gap: 1rem;
    padding-bottom: 1rem; /* Space for scrollbar if visible */
}

.carousel-slide {
    flex: 0 0 280px; /* Fixed width for each slide */
    scroll-snap-align: start;
    border-radius: 20px;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
}

.slide-title {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 1rem;
}

.slide-buttons {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

/* Color Schemes */
.slide-content { background-color: #441aa3; }
.slide-content .slide-title { color: #64d4e6; }

.slide-analytics { background-color: #26524a; }
.slide-analytics .slide-title { color: #b3f975; }

.slide-management { background-color: #ea5c32; }
.slide-management .slide-title { color: #f7de5a; }

.slide-settings { background-color: #df3037; }
.slide-settings .slide-title { color: #f0b6f9; }

.slide-diagnostics { background-color: #5856d6; }
.slide-diagnostics .slide-title { color: #d1d1f9; }

/* Buttons inside carousel */
.carousel-slide .control-btn {
    text-decoration: none;
    color: white;
    background: rgba(255, 255, 255, 0.15);
    padding: 0.8rem 1.2rem;
    border-radius: 12px;
    font-size: 0.9rem;
    font-weight: 600;
    text-align: left;
    transition: background-color 0.2s, transform 0.2s;
}
.carousel-slide .control-btn:hover {
    background: rgba(255, 255, 255, 0.25);
    transform: translateX(2px);
}
.carousel-slide .control-btn.disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}