/* Location Areas We Serve — mirrors the Expanded HTML block's expand/collapse styling,
   scoped to this block so it is self-contained (no dependency on other blocks). */

/* Space between the Cities and Counties sections. */

.c-location-areas-we-serve {
  margin-top: -3.5rem;
}

.c-location-areas-we-serve .areas-section + .areas-section {
	/*margin-top: 2rem;*/
}

.c-location-areas-we-serve .expand-content {
	font-weight: 500;
}

.c-location-areas-we-serve .expand-content .btn-arrow {
	background: #c9e5f4;
	border: none;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.c-location-areas-we-serve .expand-content .btn-arrow:before {
	left: 12px;
	top: 9px;
}

.c-location-areas-we-serve .expand-content:hover .btn-arrow,
.c-location-areas-we-serve .expand-content:focus-visible .btn-arrow {
	background: #112b3d;
	/* Keep the arrow rotated on hover (override the global .btn-link-arrow:hover translateX). */
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

/* Keep the open-state rotation on hover too. */
.c-location-areas-we-serve .expand-content[aria-expanded="true"]:hover .btn-arrow,
.c-location-areas-we-serve .expand-content[aria-expanded="true"]:focus-visible .btn-arrow {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.c-location-areas-we-serve .expand-content:hover .btn-arrow:before,
.c-location-areas-we-serve .expand-content:focus-visible .btn-arrow:before {
	border-top-color: #c9e5f4;
	border-right-color: #c9e5f4;
}

.c-location-areas-we-serve .expand-content[aria-expanded="true"] .btn-arrow {
	background: #112b3d;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.c-location-areas-we-serve .expand-content[aria-expanded="true"] .btn-arrow:before {
	border-top-color: #c9e5f4;
	border-right-color: #c9e5f4;
}

/* Light-blue background variant keeps the arrow readable (matches Expanded HTML) */
.c-location-areas-we-serve .primary-bg-color[class*="bg-lt-blue"] .expand-content .btn-arrow,
.c-location-areas-we-serve .primary-bg-color[class*="bg-ltr-blue"] .expand-content .btn-arrow {
	background: #fff;
}

/* Collapsible container */
.c-location-areas-we-serve .hidden-content-container {
	overflow: hidden;
	padding-top: 1.5rem;
}

/* Area list — matches the Expanded HTML list treatment */
.c-location-areas-we-serve .hidden-content-container ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

.c-location-areas-we-serve .hidden-content-container ul[class^="cols"] li,
.c-location-areas-we-serve .hidden-content-container ol[class^="cols"] li {
	letter-spacing: 1px;
	text-transform: uppercase;
	padding-left: 0;
	line-height: 1.5;
}

.c-location-areas-we-serve .hidden-content-container ul[class^="cols"] li p,
.c-location-areas-we-serve .hidden-content-container ol[class^="cols"] li p {
	line-height: 1.2;
	margin-top: 0;
	margin-bottom: 0.5rem;
}