.site-header {
    background: linear-gradient(to right, #ff6699, #ff9933) !important;
}

/* Main top header bar in Cassiopeia */
header.header {
    background: linear-gradient(to right, #ff6699, #ff9933) !important;
}

/* The inner container that often has its own background */
.container-header {
    background: transparent !important;
    box-shadow: none !important; /* optional: removes default shadow */
}

.banner,
.mod-banner,
.mod-custom.banner {
    background: linear-gradient(to right, #ff6699, #ff9933) !important;
}

}

.btn-primary {
    background-color: #000 !important;
    border-color: #000 !important;
    color: #fff !important;
}
.btn-primary:hover {
    background-color: #333 !important;
    border-color: #333 !important;
}

/* Make the whole header a flex container and center its content */
header.header {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0.5rem 0 !important;  /* optional: adjust vertical spacing */
}

/* If Cassiopeia is still reserving space for a menu area, hide it */
header.header .container-nav,
header.header .container-header-nav {
    display: none !important;
}

/* Make sure the logo itself can be centered */
header.header img,
header.header .navbar-brand,
header.header .brand-logo {
    margin: 0 auto !important;
    display: block !important;
}