/**
 * File: bps-chrome.css
 * Path: assets/themer/bps-chrome.css
 * Version: 1.0.0
 * Last Modified: 2026-08-02
 *
 * Structural styles for the Themer chrome widgets (site_logo, footer_credit)
 * used in BPS-native header/footer builds (Astra chrome replacement roadmap,
 * M2). Closes the logged 09-header-footer-transform.md gap: the site_logo
 * widget rendered the customizer logo unbounded in height.
 *
 * Override per site/palette with the custom property:
 *   --bps-logo-max-h  (default 48px)
 */

.bps-themer-site-logo img {
	max-height: var(--bps-logo-max-h, 48px);
	width: auto;
	display: block;
}

/* Text fallback (no customizer logo set) — keep it vertically aligned with nav. */
.bps-themer-site-logo--text a {
	display: inline-block;
	font-weight: 600;
	text-decoration: none;
	line-height: var(--bps-logo-max-h, 48px);
}

/* ── Footer flat menu (M4 widget: footer-flat-menu) ──────────────────────────
   Structural only — colours/typography inherit from the surrounding section.
   Self-contained on purpose: the widget must not depend on the site skin's
   flex utility bundle being present. */
.bps-footer-menu {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--bps-footer-menu-gap, 28px);
}

.bps-footer-menu__link {
	text-decoration: none;
	color: inherit;
	white-space: nowrap;
}