/* --- HAMBURGER MENU (IMAGE VERSION) --- */

/* 1. Default: Hidden on Desktop */
.hamburger {
    display: none;
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
    z-index: 1001; /* Above the menu */
}

/* 3. Mobile Logic (Max-width 800px) */
@media (max-width: 800px) {
    
    /* Show button */
    .hamburger {
        display: block;
        margin-left: 20px;
    }
    
    /* 2. Image Styling */
    .hamburger img {
        width: 35px;  
        height: auto;
        display: block;
    }

    /* Menu Container (Hidden by default) */
    .nav-links {
        display: none; /* Forced hidden */
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background-color: rgba(26, 28, 58, 0.98);
        backdrop-filter: blur(15px);
        border-bottom: 1px solid rgba(255,255,255,0.1);
        flex-direction: column;
        align-items: center;
        padding: 30px 0;
        gap: 20px;
        z-index: 1000;
    }

    /* Active State (Shown by JS) */
    .nav-links.active {
        display: flex !important;
    }

    /* Reset link visibility */
    .nav-links a, 
    .nav-links a:not(.btn-small) {
        display: block;
        margin: 0;
        font-size: 1.2rem;
    }
}