/* Mobile Optimizations for GTF Cloud */

@media (max-width: 768px) {
    /* Hide desktop sidebar */
    .sidebar { display: none !important; }

    /* Hamburger Button Styles */
    .hamburger-btn {
        position: fixed;
        top: 25px;
        right: 85px; /* Positioned to the left of the User Bar */
        z-index: 1002;
        background: var(--glass-bg);
        border: 1px solid var(--glass-border);
        padding: 10px;
        border-radius: 10px;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .hamburger-btn span {
        width: 20px;
        height: 2px;
        background: white;
        display: block;
    }

    /* Mobile Dropdown Menu */
    .mobile-dropdown {
        position: fixed;
        top: 80px;
        right: 25px;
        width: 200px;
        background: rgba(15, 15, 15, 0.95);
        backdrop-filter: blur(20px);
        border: 1px solid var(--glass-border);
        border-radius: 20px;
        display: none; /* Hidden by default */
        flex-direction: column;
        padding: 10px;
        z-index: 1001;
        box-shadow: 0 10px 30px rgba(0,0,0,0.5);
    }

    .mobile-dropdown.active {
        display: flex;
    }

    .mobile-dropdown .nav-item {
        padding: 15px;
        border-radius: 10px;
        color: white;
        text-decoration: none;
        font-size: 0.8rem;
        font-weight: 700;
        text-transform: uppercase;
    }
}