/* Mobile Menu Styles for richardsamueldavis.com */

.menu-btn {
    display: none;
    background: none;
    border: none;
    color: white;
    font-size: 1.75rem;
    cursor: pointer;
    padding: 0.5rem;
    line-height: 1;
    -webkit-tap-highlight-color: transparent;
}

@media (max-width: 768px) {
    .menu-btn {
        display: block;
        z-index: 1001;
    }
    
    .nav-links {
        position: fixed;
        top: 0;
        right: -100%;
        width: 280px;
        height: 100vh;
        background: var(--green-dark, #1e3d1a);
        flex-direction: column;
        padding: 5rem 2rem 2rem;
        gap: 1.5rem;
        transition: right 0.3s ease;
        box-shadow: -4px 0 20px rgba(0,0,0,0.3);
        z-index: 1000;
    }
    
    .nav-links.active {
        right: 0;
    }
    
    .nav-links li {
        width: 100%;
        text-align: left;
    }
    
    .nav-links a {
        display: block;
        padding: 0.75rem 0;
        font-size: 1.1rem;
        border-bottom: 1px solid rgba(255,255,255,0.1);
    }
    
    .menu-btn.active {
        position: fixed;
        right: 2rem;
        top: 1rem;
        z-index: 1002;
    }
    
    /* Prevent body scroll when menu is open */
    body.menu-open {
        overflow: hidden;
    }
}

/* Improve touch targets */
a, button {
    -webkit-tap-highlight-color: rgba(0,0,0,0.1);
}