/* =====================================================================
START FINAL OVERRIDES — WebStore (v2025-08-27)
- Keep this file LAST in (after all legacy CSS)
- Bump the cache buster on the when editing (?v=2025-08-27-1)
- Assumes Google Fonts link:
https://fonts.googleapis.com/css2?family=Montserrat:wght@600&family=Source+Sans+Pro:wght@400;600&display=swap
===================================================================== */
/* =====================================================================
FINAL OVERRIDES — WebStore (clean merge)
Keep this file LAST in . Bump ?v= when you edit.
===================================================================== */
/* ---------- Full-bleed layout + sane container ---------- */
#HeaderBand, #NavBand, #ContentBand, #FooterBand { width: 100% !important; }
#MainContainer, #Container { width: 100% !important; max-width: none !important; }
#Container, .Container, .inner {
margin: 0 auto;
max-width: 1200px;
width: 100%;
padding-left: 16px;
padding-right: 16px;
box-sizing: border-box;
}
/* Images default responsive */
img { max-width: 100%; height: auto; }
/* Legacy logos/images in banner stay fluid */
#WebStoreBanner img,
#WebStoreBanner #WebStoreLogo,
#UILogo, #campus {
max-width: 100% !important;
height: auto !important;
width: auto !important;
overflow: hidden;
}
/* Kill legacy floats */
[id*="LeftContainer"], [class*="LeftContainer"],
[id*="RightContainer"], [class*="RightContainer"] { float: none !important; }
/* Simple grid helpers (kept from your backup) */
.ws-row { display: grid; grid-template-columns: 1fr; gap: 16px; }
@media (min-width: 992px) {
.ws-row-2 { grid-template-columns: 2fr 1fr; }
.ws-row-3 { grid-template-columns: 1fr 1fr 1fr; }
}
/* ---------- Utility kit you had ---------- */
.min-h-140 { min-height: 140px; }
.min-h-200 { min-height: 200px; }
.h-160 { height: 160px; }
.ms-2-5em { margin-inline-start: 2.5em; } /* LTR:left / RTL:right */
.me-2em { margin-inline-end: 2em; }
.mb-4em { margin-bottom: 4em; }
.ps-3em { padding-inline-start: 3em; }
.pe-1em { padding-inline-end: 1em; }
.fs-135 { font-size: 1.35em; }
.lh-2em { line-height: 2em; }
.float-none{ float: none !important; }
.w-160 { width: 160px; }
.max-w-100 { max-width: 100%; }
/* ---------- Modern banner (blue header) ---------- */
/* Your new banner markup uses .ws-banner + .ws-logo */
.ws-banner { background: #13294B !important; color: #fff; }
.ws-logo {
font-family: "Montserrat", "Source Sans Pro", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
font-weight: 600 !important;
letter-spacing: .2px;
font-size: clamp(1.6rem, 3.2vw, 2.6rem); /* ensure logo isn’t tiny */
line-height: 1.1;
white-space: nowrap;
}
/* Campus links (readable) */
.ws-banner .campus-links .nav-link {
color: #fff !important;
font-size: 1.1rem !important;
line-height: 1.35;
padding: 0 .5rem !important;
opacity: .9;
}
.ws-banner .campus-links .nav-link:hover,
.ws-banner .campus-links .nav-link:focus { opacity: 1; text-decoration: underline; }
/* Right block spacing (campus + shop) */
#HeaderBand .ws-banner .ms-auto { gap: .75rem !important; }
/* Shop buttons on dark header */
#HeaderBand .ws-banner #cmdPersonalUse.btn,
#HeaderBand .ws-banner #cmdDepartmentalUse.btn,
#HeaderBand .ws-banner #cmdPersonalUse,
#HeaderBand .ws-banner #cmdDepartmentalUse {
font-weight: 700;
padding: .375rem .75rem;
line-height: 1.25;
border-width: 2px;
}
#HeaderBand .ws-banner .btn-light { color: #13294B; }
#HeaderBand .ws-banner .btn-outline-light { color: #fff; border-color: #fff; }
#HeaderBand .ws-banner .btn-outline-light:hover { background: #fff; color: #13294B; }
/* Keep carousel below header */
#heroCarousel { position: relative; z-index: 1; }
/* ---------- Navbar (white bar) ---------- */
#MenubarRegion { position: relative; z-index: 25; }
#MenubarRegion,
#MenubarRegion .navbar,
#MenubarRegion .navbar > .container-fluid { padding-left: 0; padding-right: 0; }
/* If you use inline bg on