/* Default transparent header */
.main-header {
    position: fixed; /* Sticks to top */
    top: 0;
    left: 0;
    width: 100%;
    height: 4.5rem;
    background: transparent;
    transition: background 0.3s ease-in-out, padding 0.3s ease-in-out;
    z-index: 9999; /* Keeps header above all content */
}

/* Background changes when scrolled */
.main-header.scrolled {
    background: rgba(44, 1, 108, 0.90); /* New background color */
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: 0px 6px 30px -4px rgba(0, 0, 0, 0.05);
}

/* Initial logo size */
.menu-logo-swap img {
    height: 2rem !important;
    transition: all 0.3s ease-in-out !important;
}

/* Swap logo on scroll */
.menu-logo-swap img.scrolled {
    height: 1.95rem !important;
}