/* Responsive, mobile-first. Breakpoints:
   Mobile  < 768px      : 1 column, full-width buttons, hamburger menu
   Tablet  768–1199px   : 2-column grids, hamburger menu
   Desktop >= 1200px    : 3-column grids, horizontal menu, content max 1280px */
/* ---------- WordPress admin bar ---------- */
@media (min-width: 783px) {
	.admin-bar .baa-header { top: 32px; }
}

/* ---------- Tablet 768px+ ---------- */
@media (min-width: 768px) {
	.baa-brand__tagline { display: block; }

	.baa-btn-row { flex-direction: row; flex-wrap: wrap; }
	.baa-btn-row .baa-btn,
	.baa-member__intro .baa-btn { width: auto; }

	.baa-grid--cards { grid-template-columns: repeat(2, 1fr); }
	.baa-corners { grid-template-columns: repeat(2, 1fr); }
	.baa-activity-grid { grid-template-columns: repeat(2, 1fr); }

	.baa-footer__grid { grid-template-columns: repeat(2, 1fr); }
	.baa-footer__about { grid-column: 1 / -1; }
}

/* ---------- Desktop 1200px+ ---------- */
@media (min-width: 1200px) {
	.baa-grid--cards { grid-template-columns: repeat(3, 1fr); }

	.baa-hero__grid { grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); }

	/* Support corners: 3 x 2 on desktop. */
	.baa-corners { grid-template-columns: repeat(3, 1fr); }

	.baa-split { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); }

	.baa-member { grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); align-items: center; }
	.baa-member__list-wrap { padding-inline-start: clamp(1.5rem, 3vw, 2.5rem); border-inline-start: 1px solid var(--baa-line); }

	.baa-updates { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: start; }

	.baa-footer__grid { grid-template-columns: 1.5fr 1fr 1.2fr; gap: 3rem; }
	.baa-footer__about { grid-column: auto; }
}

/* ---------- Horizontal navigation 1200px+ ---------- */
@media (min-width: 1200px) {
	.baa-nav-toggle { display: none; }

	.baa-nav,
	.no-js .baa-nav {
		display: block;
		position: static;
		width: auto;
		max-height: none;
		overflow: visible;
		padding: 0;
		background: transparent;
		border: 0;
		box-shadow: none;
	}
	.baa-menu { display: flex; align-items: center; gap: .15rem; }
	.baa-menu a {
		position: relative;
		padding: .5rem .7rem;
		border-bottom: 0;
		border-radius: 8px;
		font-size: .96875rem;
		white-space: nowrap;
	}
	.baa-menu a:hover { background: var(--baa-green-50); color: var(--baa-green); }
	.baa-menu .current-menu-item > a,
	.baa-menu a[aria-current="page"] { background: var(--baa-green-50); }
	.baa-menu .current-menu-item > a::after,
	.baa-menu a[aria-current="page"]::after {
		content: "";
		position: absolute;
		inset-inline: .7rem;
		bottom: .2rem;
		height: 2px;
		background: var(--baa-gold);
		border-radius: 2px;
	}
}

/* ---------- Large screens 1280px+: nothing stretches past the container ---------- */
@media (min-width: 1280px) {
	.baa-header__inner { gap: 2rem; }
}