/* Only page-title headers are themed. Unknown/default seasons keep the
   harbour header. Day/night remains exclusive to the front-page image. */
.bg-christmas .chat-community-page-header {
    background-color: #123958;
    background-image: linear-gradient(to right, #123958 0%, rgba(18,57,88,.85) 12%, rgba(18,57,88,0) 50%), url("../Seasons/Christmas/header-christmas-aurora-v2.png");
    background-position: right center, right center;
    background-size: min(100%, 300px) 100%, min(100%, 300px) 100%;
    background-repeat: no-repeat;
}
.bg-halloween .chat-community-page-header {
    background-color: #29172f;
    background-image: linear-gradient(to right, #29172f 0%, rgba(41,23,47,.85) 12%, rgba(41,23,47,0) 50%), url("../Seasons/Halloween/header-ghosts-wide-v2.png");
    background-position: right center, right center;
    background-size: min(100%, 300px) 100%, min(100%, 300px) auto;
    background-repeat: no-repeat;
}
@media (max-width: 650px) {
    .bg-christmas .chat-community-page-header { background-size: min(100%, 264px) 100%, min(100%, 264px) 100%; }
    .bg-halloween .chat-community-page-header { background-size: min(100%, 264px) 100%, min(100%, 264px) auto; }
}
.bg-easter .chat-community-page-header {
    background-image: url("../Seasons/Easter/eggs-corner-2.png"), linear-gradient(110deg, #f6e79f, #fff8db);
    background-position: right center, center;
    background-size: auto 100%, cover;
    background-repeat: no-repeat;
}
.bg-easter .chat-community-page-header h1 { color: #354924; text-shadow: none; }
.bg-valentine .chat-community-page-header {
    background-image: url("../Seasons/Valentine/hearts1small.png"), linear-gradient(110deg, #7d2447, #bb4665);
    background-position: right center, center;
    background-size: auto 100%, cover;
    background-repeat: no-repeat;
}