/* Scrollbar presentation resets */
.scrollbar-none::-webkit-scrollbar {
    display: none;
}
.scrollbar-none {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* ==========================================
/* STANDARD MIX THEMES (Basic & Intermediate)
/* ========================================== */
.light-theme .category-btn {
    background-color: #f3f4f6;
    color: #4b5563;
    padding: 0.55rem 1.25rem;
    border-radius: 9999px;
    font-size: 0.825rem;
    font-weight: 500;
    transition: all 0.2s ease-in-out;
    border: 1px solid transparent;
}
.light-theme .category-btn.active {
    background-color: #1a1a1a;
    color: #ffffff;
}
.light-theme .menu-card {
    background-color: #ffffff;
    border: 1px solid #f3f4f6;
    box-shadow: 0 1px 3px rgba(0,0,0,0.02);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.light-theme .menu-card:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}
.light-theme .menu-card.unavailable {
    opacity: 0.55;
    background-color: #fcfcfb;
    border-style: dashed;
}
@keyframes flash-green {
    0% { background-color: rgba(16, 185, 129, 0.4); }
    100% { background-color: transparent; }
}
.light-theme .flash-updated {
    animation: flash-green 1s ease-out;
}

/* ==========================================
/* PREMIUM LOUNGE THEMES (Advanced Only)
/* ========================================== */
.dark-theme .category-btn {
    background-color: #111111;
    color: #888888;
    padding: 0.6rem 1.35rem;
    border-radius: 8px;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    transition: all 0.2s ease-in-out;
    border: 1px solid #222222;
}
.dark-theme .category-btn.active {
    background-color: #d4af37;
    color: #000000;
    border-color: #d4af37;
    box-shadow: 0 0 12px rgba(212, 175, 55, 0.25);
}
.dark-theme .menu-card {
    background-color: #0a0a0a;
    border: 1px solid #1a1a1a;
    transition: all 0.2s ease;
}
.dark-theme .menu-card:hover {
    border-color: rgba(212, 175, 55, 0.4);
}
.dark-theme .menu-card.unavailable {
    opacity: 0.35;
    background-color: #030303;
    border-style: dashed;
}
@keyframes flash-gold {
    0% { background-color: rgba(212, 175, 55, 0.35); }
    100% { background-color: #0a0a0a; }
}
.dark-theme .flash-updated {
    animation: flash-gold 1.2s ease-out;
}

/* Hardware Service Slide Animation Tracking */
@keyframes slideDown {
    0% { transform: translateY(-100%); }
    100% { transform: translateY(0); }
}
.animate-slide-down {
    animation: slideDown 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}