/* =====================================================
   NAV BAR — FINAL MICRO ALIGNMENT
   ===================================================== */

.main-nav {
    display: flex;
    justify-content: center;
    gap: 20px;
    padding: 18px 0;

    /* full-bleed width */
    width: 100vw;
    margin-left: calc(50% - 50vw);

    /* dark lodge green with edge fade */
    background:
        linear-gradient(to right,
            rgba(0,0,0,1) 0%,
            rgba(0,0,0,0.6) 6%,
            rgba(8,25,22,1) 12%,
            rgba(8,25,22,1) 88%,
            rgba(0,0,0,0.6) 94%,
            rgba(0,0,0,1) 100%
        ),
        radial-gradient(ellipse at center, rgba(255,255,255,0.03) 0%, rgba(0,0,0,0.0) 70%),
        linear-gradient(to bottom, #0b221f 0%, #081916 100%);

    border-top: 1px solid #d4b06a;

    position: relative;

    /* 🔧 micro upward correction */
    margin-top: -32px;
}


/* =====================================================
   SINGLE-PLANK WOOD BAND (UNCHANGED)
   ===================================================== */

.main-nav::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 6px;

    background:
        linear-gradient(to bottom,
            rgba(255,255,255,0.18) 0%,
            rgba(255,255,255,0.05) 20%,
            rgba(0,0,0,0.0) 40%
        ),
        linear-gradient(to right,
            #7a5526 0%,
            #6b4720 18%,
            #8a5e2a 32%,
            #5a3a18 55%,
            #3f2a12 78%,
            #6b4720 100%
        ),
        linear-gradient(to bottom,
            #8a5e2a 0%,
            #5a3a18 45%,
            #2b1b0c 100%
        );

    box-shadow: inset 0 -2px 3px rgba(0,0,0,0.6);
}


/* =====================================================
   NAV LINKS (UNCHANGED)
   ===================================================== */

.main-nav a {
    color: #c9a96a;
    text-decoration: none;
    font-size: 17px;
    position: relative;
    transition: color 0.25s ease, text-shadow 0.25s ease;
}

.main-nav a::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -6px;
    width: 120%;
    height: 8px;

    background: radial-gradient(
        ellipse at center,
        rgba(212,176,106,0.55) 0%,
        rgba(212,176,106,0.25) 40%,
        rgba(212,176,106,0.0) 80%
    );

    opacity: 0;
    transition: opacity 0.25s ease;
}

.main-nav a:hover {
    color: #e0c184;
}

.main-nav a:hover::after {
    opacity: 1;
}


/* =====================================================
   MOBILE ALIGNMENT
   ===================================================== */

@media (max-width: 768px) {

    .main-nav {
        gap: 12px;
        padding: 16px 0;

        /* 🔧 proportional micro-upward shift */
        margin-top: -28px;
    }

    .main-nav a {
        font-size: 15px;
    }
}

/* Ensure application menu is above all body layers */
.application-nav {
    position: relative;
    z-index: 9999;
}