/* CryptoLotto - desktop.css */
/* Styles for desktop screens and larger tablets */

@media (min-width: 769px) {
    /* Hide mobile-specific elements */
    .mobile-nav {
        display: none;
    }

    /* Show desktop-specific elements */
    .desktop-nav {
        display: block;
    }

    /* Desktop Navigation Styles */
    .desktop-nav ul {
        list-style: none;
        display: flex;
        align-items: center;
        gap: 30px; /* Space between nav items */
    }

    .desktop-nav a {
        color: var(--text-primary);
        font-weight: 500;
        position: relative;
        padding: 5px 0;
    }

    .desktop-nav a::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 2px;
        background-color: var(--accent-primary);
        transition: width 0.3s ease;
    }

    .desktop-nav a:hover::after,
    .desktop-nav a.active::after {
        width: 100%;
    }

    .desktop-nav .btn {
        margin-left: 15px;
    }
}