/* Body Back-Up Clinic Locations — scoped under .bbu-cl
   Font sizes are intentionally NOT set on headings/body so text inherits the
   theme's typography. Only small accent labels use relative em units. */
.bbu-cl {
	--cl-navy: #0b406a;
	--cl-red: #cc1235;
	--cl-cream: #f9f7f4;
	--cl-line: #e7e3dd;
	--cl-text: #3b4453;
	--cl-muted: #66707d;
	--cl-radius: 16px;
	--cl-shadow: 0 10px 30px rgba(20, 30, 55, .08), 0 2px 8px rgba(20, 30, 55, .05);
	color: var(--cl-text);
}
.bbu-cl *,
.bbu-cl *::before,
.bbu-cl *::after {
	box-sizing: border-box;
}
.bbu-cl__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--cl-red);
}
.bbu-cl__icon svg {
	width: 100%;
	height: 100%;
	display: block;
}
.bbu-cl__icon img {
	max-width: 100%;
	height: auto;
	display: block;
}
/* HERO */
.bbu-cl__hero {
	display: grid;
	grid-template-columns: 1.3fr 1fr;
	border-radius: var(--cl-radius);
	overflow: hidden;
	box-shadow: var(--cl-shadow);
}
.bbu-cl__hero-body {
	background: linear-gradient(120deg, #1a2744, #243352);
	color: #fff;
	padding: 38px 36px;
}
.bbu-cl__eyebrow {
	font-size: .72em;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: #E88AA0;
	margin-bottom: 10px;
}
.bbu-cl__title {
	line-height: 1.2;
	margin: 0 0 10px;
	color: #fff;
}
.bbu-cl__addr {
	color: #c4cbd8;
	margin-bottom: 18px;
	line-height: 1.5;
}
.bbu-cl__hero-ctas {
	display: flex;
	gap: 9px;
	flex-wrap: wrap;
	margin-bottom: 20px;
}
.bbu-cl__btn {
	font-weight: 600;
	padding: 11px 20px;
	border-radius: 8px;
	text-decoration: none;
	display: inline-block;
}
.bbu-cl__btn--red {
	background: var(--cl-red);
	color: #fff;
}
.bbu-cl__btn--ghost {
	border: 1px solid rgba(255, 255, 255, .3);
	color: #fff;
}
.bbu-cl__hero-contact {
	display: flex;
	flex-direction: column;
	gap: 7px;
	padding-top: 16px;
	border-top: 1px solid rgba(255, 255, 255, .12);
}
.bbu-cl__hero-contact div {
	color: #dbe2ee;
	display: flex;
	align-items: center;
	gap: 8px;
}
.bbu-cl__hero-contact a {
	color: #dbe2ee;
	text-decoration: none;
}
.bbu-cl__hero-contact a:hover {
	text-decoration: underline;
}
.bbu-cl__ci {
	color: var(--cl-red);
}
.bbu-cl__hero-photo {
	background-size: cover;
	background-position: center;
	min-height: 100%;
}
/* TRANSPORT STRIP */
.bbu-cl__transport {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	background: var(--cl-cream);
	border-left: 1px solid var(--cl-line);
	border-right: 1px solid var(--cl-line);
}
.bbu-cl__tstop {
	padding: 18px 20px;
	text-align: center;
	border-right: 1px solid var(--cl-line);
	border-bottom: 1px solid var(--cl-line);
}
.bbu-cl__tstop:last-child {
	border-right: 0;
}
.bbu-cl__tmodes {
	display: flex;
	gap: 5px;
	justify-content: center;
	align-items: center;
	margin-bottom: 7px;
	min-height: 22px;
}
.bbu-cl__tmode {
	width: 22px;
	height: 22px;
}
.bbu-cl__tstop strong {
	display: block;
	color: var(--cl-navy);
}
.bbu-cl__tstop em {
	font-size: .85em;
	color: var(--cl-muted);
	font-style: normal;
}
/* MAP */
.bbu-cl__map {
	position: relative;
	height: 300px;
	background: #dde3ea;
	border-bottom: 1px solid var(--cl-line);
}
.bbu-cl__map iframe {
	width: 100%;
	height: 100%;
	border: 0;
	display: block;
}
.bbu-cl__jsmap {
	width: 100%;
	height: 100%;
}
.bbu-cl__map-cta {
	position: absolute;
	bottom: 14px;
	right: 14px;
	background: #fff;
	border-radius: 8px;
	padding: 9px 16px;
	font-size: .85em;
	font-weight: 600;
	color: var(--cl-navy);
	box-shadow: var(--cl-shadow);
	text-decoration: none;
}
/* SECTIONS */
.bbu-cl__sec {
	padding: 50px 36px;
	border-bottom: 1px solid var(--cl-line);
}
.bbu-cl__sec--alt {
	background: var(--cl-cream);
}
.bbu-cl__sec h2 {
	color: var(--cl-navy);
	margin: 0 0 30px;
	font-size: 2em;
}
/* DIRECTIONS */
.bbu-cl__directions {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 18px;
}
.bbu-cl__dir {
	display: flex;
	gap: 12px;
	align-items: flex-start;
}
.bbu-cl__dir-icon {
	width: 38px;
	height: 38px;
	border-radius: 9px;
	background: #fff;
	border: 1px solid var(--cl-line);
	padding: 8px;
	flex-shrink: 0;
}
.bbu-cl__dir-body strong {
	color: var(--cl-navy);
	display: block;
	margin-bottom: 3px;
}
.bbu-cl__dir-body p {
	font-size: .9em;
	color: var(--cl-muted);
	margin: 0;
	line-height: 1.55;
}
/* PRACTITIONERS */
.bbu-cl__prac-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}
.bbu-cl__prac {
	display: flex;
	gap: 16px;
	background: #fff;
	border: 1px solid var(--cl-line);
	border-radius: var(--cl-radius);
	padding: 18px;
	box-shadow: var(--cl-shadow);
	align-items: center;
}
.bbu-cl__prac img {
	width: 74px;
	height: 88px;
	object-fit: cover;
	border-radius: 12px;
	flex-shrink: 0;
	background: var(--cl-cream);
}
.bbu-cl__prac-role {
	font-size: .7em;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--cl-red);
	margin-bottom: 3px;
}
.bbu-cl__prac h4 {
	color: var(--cl-navy);
	margin: 0 0 2px;
}
.bbu-cl__prac-cred {
	font-size: .8em;
	color: var(--cl-muted);
	margin-bottom: 8px;
}
.bbu-cl__prac a {
	font-size: .85em;
	font-weight: 600;
	color: var(--cl-navy);
	text-decoration: none;
}
.bbu-cl__prac a:hover {
	color: var(--cl-red);
}
/* FEATURES */
.bbu-cl__features {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
}
.bbu-cl__feature {
	background: #fff;
	border: 1px solid var(--cl-line);
	border-radius: 12px;
	padding: 16px;
}
.bbu-cl__feat-icon {
	width: 26px;
	height: 26px;
	margin-bottom: 8px;
}
.bbu-cl__feature strong {
	color: var(--cl-navy);
	display: block;
	margin-bottom: 5px;
}
.bbu-cl__feature p {
	font-size: .85em;
	color: var(--cl-muted);
	margin: 0;
	line-height: 1.5;
}
/* HOURS */
.bbu-cl__hours {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
}
.bbu-cl__day {
	background: #fff;
	border: 1px solid var(--cl-line);
	border-radius: 10px;
	padding: 12px;
	text-align: center;
}
.bbu-cl__day strong {
	color: var(--cl-navy);
	display: block;
}
.bbu-cl__day span {
	font-size: .8em;
	color: var(--cl-muted);
}
.bbu-cl__hours-note {
	font-size: .9em;
	color: var(--cl-muted);
	margin-top: 12px;
}
.bbu-cl__hours-note p {
	margin: 0 0 6px;
}
/* ACCORDIONS */
.bbu-cl__accordions {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.bbu-cl__acc {
	border: 1px solid var(--cl-line);
	border-radius: 10px;
	background: #fff;
	overflow: hidden;
}
.bbu-cl__acc-h {
	width: 100%;
	text-align: left;
	appearance: none;
	border: 0;
	background: transparent;
	padding: 13px 16px;
	font-weight: 600;
	color: var(--cl-navy);
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	cursor: pointer;
	font-family: inherit;
	font-size: inherit;
}
.bbu-cl__acc-chev {
	font-size: .75em;
	color: var(--cl-muted);
	transition: transform .2s ease;
}
.bbu-cl__acc-h[aria-expanded="true"] .bbu-cl__acc-chev {
	transform: rotate(180deg);
}
.bbu-cl__acc-body {
	padding: 0 16px 16px;
	line-height: 1.65;
}
.bbu-cl__acc-body p {
	margin: 0 0 10px;
}
.bbu-cl__acc-h:focus-visible {
	outline: 2px solid var(--cl-navy);
	outline-offset: -2px;
}
/* RESPONSIVE */
@media(max-width:720px) {
	.bbu-cl__hero,
	.bbu-cl__directions,
	.bbu-cl__prac-grid {
		grid-template-columns: 1fr;
	}
	.bbu-cl__hero-photo {
		min-height: 180px;
	}
	.bbu-cl__transport,
	.bbu-cl__features,
	.bbu-cl__hours {
		grid-template-columns: 1fr;
	}
	.bbu-cl__sec,
	.bbu-cl__hero-body {
		padding: 22px;
	}
}
@media(prefers-reduced-motion:reduce) {
	.bbu-cl__acc-chev {
		transition: none;
	}
}