/* MN Header — transparent / scrolled / hover states (dark theme) */

.mn-header {
    background: transparent !important;
    transition: background .4s, box-shadow .4s;
}

.mn-header.mn-scrolled {
    background: rgba(10,10,10,.95) !important;
    box-shadow: 0 2px 10px rgba(0,0,0,.45);
}

@media (min-width: 769px) {
    .mn-header:hover {
        background: rgba(10,10,10,.95) !important;
        box-shadow: 0 2px 10px rgba(0,0,0,.45);
    }
}

/* Logo: white visible always (dark theme — dark logo never shown) */
.mn-logo-dark  { display: none  !important; }
.mn-logo-white { display: block !important; }

.mn-header.mn-scrolled .mn-logo-dark  { display: none  !important; }
.mn-header.mn-scrolled .mn-logo-white { display: block !important; }

@media (min-width: 769px) {
    .mn-header:hover .mn-logo-dark  { display: none  !important; }
    .mn-header:hover .mn-logo-white { display: block !important; }
}

/* Nav links: white in every state */
.mn-header .mn-nav a {
    color: rgba(255,255,255,.92) !important;
    text-decoration: none !important;
    transition: color .3s;
}
.mn-header .mn-nav a:hover {
    color: #C8A96E !important;
}

.mn-header.mn-scrolled .mn-nav a {
    color: #F5F5F5 !important;
}
.mn-header.mn-scrolled .mn-nav a:hover {
    color: #C8A96E !important;
}

@media (min-width: 769px) {
    .mn-header:hover .mn-nav a {
        color: #F5F5F5 !important;
    }
    .mn-header:hover .mn-nav a:hover {
        color: #C8A96E !important;
    }
}