/* main.css */

body {
    margin: 0;
    padding: 0;
    /* Flexbox setup to push footer down */
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    box-sizing: border-box;
    /* Using the light gray background from the ErrorHandler */
    background-color: #f3f4f6;
    color: #1f2937;
    font-family: system-ui, -apple-system, sans-serif;
}

/* Ensure the main container grows to fill space, pushing footer down */
main, .main-content {
    flex: 1;
}

footer {
    width: 100%;
    margin-top: auto;
    background-color: #ffffff;
    border-top: 1px solid #e5e7eb;
    padding: 1.5rem 0;
    color: #6b7280;
}

/* Shared Transition for all Navbar links and dropdown items */
.navbar-nav .nav-link, 
.dropdown-item {
    text-transform: uppercase;
    transition: color 0.3s ease, background-color 0.3s ease;
    letter-spacing: 0.05em;
    font-weight: 600;
}

/* Main Navbar Links Style */
.navbar-nav .nav-link {
    font-size: 0.85rem;
    color: #4b5563 !important;
}

/* Dropdown Items Style (Smaller size) */
.dropdown-item {
    font-size: 0.75rem; /* Smaller than main links */
    color: #6b7280;     /* Slightly more muted gray */
    padding: 0.5rem 1.25rem;
}

/* Hover States (Darker Blue) */
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active,
.dropdown-item:hover,
.dropdown-item:active {
    color: #1e40af !important; /* Darker Blue */
    background-color: #f3f4f6; /* Light gray background for dropdown hover */
}