/*
 * CMSB Theme System — Custom styles
 * Bootstrap 5 handles the base grid, spacing, and components.
 * Add site-specific overrides here.
 */

/* ── Resets ──────────────────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }
body { font-family: var(--font-base, system-ui, -apple-system, sans-serif); color: var(--color-text, #1a1a1a); background: var(--color-bg, #fff); }
img { max-width: 100%; height: auto; }
a { color: var(--color-primary, #1a73e8); }

/* ── Bootstrap variable overrides via CSS custom properties ──────────────── */
:root {
    --bs-primary:       var(--color-primary,   #1a73e8);
    --bs-link-color:    var(--color-primary,   #1a73e8);
    --bs-font-sans-serif: var(--font-base,     system-ui, sans-serif);
    --bs-body-font-size: var(--font-size-base, 1rem);
    --bs-body-color:    var(--color-text,      #1a1a1a);
    --bs-body-bg:       var(--color-bg,        #ffffff);
}

/* ── Section ──────────────────────────────────────────────────────────────── */
.cmsb-section { position: relative; }

/* ── NavMenu ──────────────────────────────────────────────────────────────── */
.cmsb-nav { display: flex; align-items: center; width: 100%; }

/* ── Posts card override ─────────────────────────────────────────────────── */
.cmsb-posts .card { height: 100%; }
.cmsb-posts .card-img-top { object-fit: cover; }

/* ── Element spacing wrapper ─────────────────────────────────────────────── */
.cmsb-spacing-wrap { display: contents; }

/* ── Icon element ─────────────────────────────────────────────────────────── */
.cmsb-icon { display: inline-flex; align-items: center; justify-content: center; }

/* ── HtmlRaw ─────────────────────────────────────────────────────────────── */
.cmsb-htmlraw { display: block; }