/* --- 1. Header and Navigation Module Styling (Wide Screen) --- */

.page-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 2rem;
    border-bottom: 1px solid var(--secondary-color);
    max-width: var(--max-content-width);
    margin: 0 auto;
    position: relative; /* Ensure dropdowns are positioned correctly */
}
.logo-area {
    display: flex;
    align-items: center;
}
.logo-link {
    display: block;
    width: 82px; /* Your specified logo size */
    height: 72px;
    margin-right: 0.5em;
    text-decoration: none;
}
.logo-link img { 
    width:inherit;   
    display: block;
}
.page-title {
    font-size: 1rem;
    font-weight: normal;
    text-transform: uppercase;
}

/* Reusable Nav Module Styling */
.nav-links {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}

.nav-links > li {
    position: relative;
    margin-left: 20px;
}

.nav-links a {
    text-decoration: none;
    color: var(--primary-color);
    padding: 0.5rem 0;
    display: block;
    transition: color 0.3s;
    text-transform: lowercase;
     /* NEW: Add transparent border to reserve space for potential hover effect. */
    /* This ensures the padding/margin calculation is fixed regardless of state. */
    border-bottom: 2px solid transparent;
}

.nav-links a:hover, .active-link {
    color: var(--accent-color);
     /* NEW: Change the transparent border color on hover */
    border-bottom: 2px solid var(--accent-color);
}

/* Dropdown/Submenu for 'projects' */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: white;
    min-width: 160px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    z-index: 100;
    padding-top: 5px;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown-content a {
    padding: 8px 16px;
    white-space: nowrap;
}

/* Collapsible Nav (Hidden elements for wide screen) */
.nav-toggle-input {
    display: none; 
}

.nav-toggle-label {
    display: none; /* Hide icon on wide screens */
}