/* ===============================
   HEADER & NAVIGATION
================================= */
nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #111;
    padding: 10px 20px 0px;
    position: sticky;
    top: 0;
    z-index: 999;
}

.nav-brand img {
    height: 50%;
    max-height: 40px;
}

.nav-links {
    display: flex;
    gap: 10px;
}

/* Default styles for all nav links */
.nav-links a {
    color: #fff;
    padding: 10px 20px 10px;
    border: 2px solid transparent;
    text-decoration: none;
}

/* Default hover effect for all nav links (except Contact) */
.nav-links a:hover {
    color: #000;
    background: linear-gradient(90deg, #f7e29c, #d4af37);
    border: 2px solid #111111;
    border-radius: 25px;
}

/* CONTACT NAV STYLING */
.nav-links .contact-link {
    background: linear-gradient(90deg,#f7e29c, #d4af37);
    border: 2px solid black;
    color: #000;
    font-weight: bold;
    border-radius: 25px;
}

/* CONTACT NAV HOVER */
.nav-links .contact-link:hover {
    background: linear-gradient(90deg, #4b4b4b, #000);
    color: #ffdb00; 
    border: 2px solid #ffdb00;
}