/* --- CLEAN & VISIBLE HEADER --- */
header {
    background: #ffffff !important; /* White background for the bar */
    border-bottom: 2px solid #eeeeee !important; /* Subtle line to separate it */
    padding: 15px 5%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10000 !important; /* High number to stay on top */
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.logo {
    font-family: 'Playfair Display', serif;
    font-size: 1.4rem;
    font-weight: bold;
    color: #333333 !important; /* Dark Gray/Black Logo */
    text-decoration: none;
}

nav {
    display: flex !important;
    gap: 25px;
}

.nav-link {
    text-decoration: none !important;
    color: #000000 !important; /* FORCED BLACK TEXT */
    font-size: 0.9rem;
    font-weight: 700; /* Bold to make it extra visible */
    text-transform: uppercase;
    transition: 0.3s;
    padding: 5px 0;
    opacity: 1 !important; /* No transparency */
    visibility: visible !important;
}

/* Hover and Active states - turns Pink */
.nav-link:hover, 
.nav-link.active {
    color: #f2c1da !important; 
    border-bottom: 2px solid #f2c1da;
}