.container {
    min-width: 375px;
}

/* Base Logo Styling */
.bsl-logo-link {
    width: 231px;
    height: 33px; 
    background: url('../images/BSL_logo_REVERSE.svg') no-repeat center center;
    background-size: contain;
    text-indent: -9999px;
    overflow: hidden;
    display: inline-block;
}

.announcement {
	margin-top: 10px !important;
}

/* --- MOBILE VIEW (< 900px) --- */
@media screen and (max-width: 899px) {
    .bsl-desktop-only-wrapper {
        display: none;
    }
    .site-toggles {
        text-align: right;
    }
    .site-toggles .bsl-logo-link.bsl-mobile-only {
        display: block; 
        clear: both;
        margin: 10px 0 0 auto; 
    }
	.bsl-logo-link {
		margin-top: 15px !important;
	}

}

/* --- DESKTOP VIEW (>= 900px) --- */
@media screen and (min-width: 900px) {
    .bsl-mobile-only {
        display: none;
    }

    .site-header__links {
        text-align: right; /* Aligns everything to the right edge */
        list-style: none;
        padding: 0;
        margin: 0;
    }

    /* 1. Main Nav Links: Keep them inline on the top row */
    .site-header__links li {
        display: inline-block;
        vertical-align: middle;
        margin-left: 15px;
    }

    /* 2. BSL Logo: Force it to start a new line */
    .bsl-desktop-only-wrapper {
        display: block !important; /* Drops it to a new line */
        clear: both;
        margin-top: 15px; /* Gap below the top links */
        margin-right: 0;
        margin-left: 0;
    }

    /* 3. Register Links: Force them to move UP next to the logo */
    .register-link {
        display: inline-block !important;
        vertical-align: middle;
        margin-top: -34px; /* Pulls it up to sit beside the BSL block */
        position: relative;
        z-index: 1;
    }
}