/**
 * DSBN small compatibility CSS.
 *
 * bootstrap.css/bootstrap.bundle.js have been fully removed from this theme.
 * This file used to be a much larger Bootstrap-utility compatibility shim,
 * kept alive to preserve the look of a handful of legacy dev pages (About,
 * System Leadership Team, Board of Trustees, Equity Action Plan) that still
 * had raw Bootstrap grid/card/modal markup baked into their post_content.
 * Those pages have since been rebuilt with v2 patterns (or are being
 * rebuilt), so that whole compatibility layer was removed (2026-07-15) —
 * see /memories/repo/dsbn-themes.md "Bootstrap removal" for the history.
 *
 * What's left here is NOT Bootstrap-compat — it's just the handful of
 * genuinely still-used pieces that happened to live in that file:
 *   - The theme's own customized Bootstrap-named color palette (--bs-*),
 *     which several PRE-EXISTING, still-live style.css rules read directly
 *     (`.text-dark-blue`, `.btn-dsbn`, `.close-dropdown`, `.lp-tabs-nav`,
 *     `.subpage-nav .subpage-toggle .submenu-indicator`, etc.) — these are
 *     real theme components, not legacy-page shims.
 *   - `.visually-hidden` — used by the homepage slideshow's prev/next
 *     controls (see class-dsbn-slideshow-render.php).
 *   - `.d-block`/`.w-100`/`.mt-2` — used by the slideshow's optional CTA
 *     button/image markup.
 *   - The emergency banner's `.alert`/`.bg-warning`/`.rounded-0`/`.mb-0` —
 *     markup injected from an external feed (js/emergency.js), not ours to
 *     control the class names of.
 *   - `.collapse:not(.show)` — the base show/hide mechanic still used by
 *     the `.subpage-nav` accordion (`[dsbn_landing_page_nav]` shortcode).
 */

:root {
	--bs-white: #fff;
	--bs-black: #000;
	--bs-primary: #004B98;
	--bs-secondary: #6c757d;
	--bs-info: #0056B8;
	--bs-warning: #FDC743;
	--bs-light: #EAE8E8;
	--bs-dark-blue: #1E355E;
	--bs-blue: #0056B8;
	--bs-body-bg: #fff;
	--bs-border-color: #dee2e6;
	--bs-border-radius: 0.375rem;
}

/* ---------- Screen-reader-only text (carousel prev/next controls) ---------- */
.visually-hidden {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* ---------- Homepage slideshow CTA/image helpers ---------- */
.d-block {
	display: block !important;
}

.w-100 {
	width: 100% !important;
}

.mt-2 {
	margin-top: 0.5rem !important;
}

.btn {
	display: inline-block;
	text-decoration: none;
	cursor: pointer;
}

/* ---------- Emergency banner (external feed markup, js/emergency.js) ---------- */
.alert {
	position: relative;
	padding: 1rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: var(--bs-border-radius);
}

.bg-warning {
	background-color: var(--bs-warning) !important;
}

.rounded-0 {
	border-radius: 0 !important;
}

.mb-0 {
	margin-bottom: 0 !important;
}

/* Content is raw HTML injected by an external system (js/emergency.js) —
   we don't control its markup, so alignment has to work via padding on
   this element itself rather than an inner wrapper div. This full-bleed
   amber bar is the right pattern for an urgent, unmissable notice, so
   left as-is (radius:0, edge-to-edge background); the parts actually
   worth fixing are: text sitting flush at a flat 1rem instead of lining
   up with the shell-width column every other section uses, inheriting
   the browser's default font instead of the site's, and no margin reset
   for whatever paragraph markup the feed sends (adds its own default
   margin on top of the banner's own padding). Deliberately not adding
   anything decorative beyond that — this only needs to be legible. */
#emergency_notification.alert {
	box-sizing: border-box;
	padding-block: 0.85rem;
	padding-inline: max(var(--dsbn-gutter), calc((100% - var(--dsbn-shell)) / 2));
	border: 0;
	font-family: var(--dsbn-font-body);
	font-size: 0.95rem;
	font-weight: var(--dsbn-fw-medium);
	line-height: var(--dsbn-lh-body);
	color: var(--dsbn-color-ink);
}

#emergency_notification.alert> :first-child {
	margin-top: 0;
}

#emergency_notification.alert> :last-child {
	margin-bottom: 0;
}

/* ---------- Collapse (subpage-nav accordion) ----------
   .subpage-nav-children keeps the .collapse/.show class names + the
   data-bs-toggle="collapse" attribute name (see functions.php
   dsbn_render_landing_page_nav_shortcode()) — only the JS driving the
   toggle changed (js/scripts.js). This is the base show/hide mechanic
   Bootstrap's Collapse CSS used to provide. */
.collapse:not(.show) {
	display: none;
}