/**
 * Service-in-city pages, W7 (2026-10-26): /service-areas/jeffersonville-in/<service>/, built by
 * inc/service-city-sections.php. The page IS the approved Layout 01 service page (service-layout.css,
 * unchanged); this file only adds what the service-in-city frames add, inside the page group
 * "sc sc--<service>" (.sc), so nothing reaches the service pages or any other page.
 *
 * References: House Washing 673:4219 / 806:31743 / 806:32210 / 806:32643; Driveway & Patio 673:4724 /
 * 806:33050 / 806:33507 / 806:33930; Window Cleaning 673:5276 / 806:34325 / 806:34782 / 806:35205.
 * Mobile first: the base rules are the 390 frames, then tablet (768–1099) and desktop (≥ 1100).
 */

/* The page's own service in the sidebar list: the current item, styled as on its service page (the
   link goes to that service page, so it is aria-current="true", not "page"). */
.sc .sl-svcnav__list a[aria-current="true"] {
	border-color: var(--navy);
	background: var(--navy);
	font-weight: 600;
	color: #fff;
}

.sc .sl-svcnav__list a[aria-current="true"]::after {
	background: var(--teal);
}

/* Approved heading line breaks (spans), on desktop and phones; tablets keep one line. */
@media (max-width: 767px), (min-width: 1100px) {
	.sc .sc-line {
		display: block;
	}
}

/* Link row under "Also in Jeffersonville" (R / Arrow Link × 2): the full service page and the city
   page. Phones: one link per row, the arrow at the right; tablet and desktop: one row. */
.sc .sc-links {
	display: flex;
	flex-direction: column;
	margin-top: 1.25rem;
}

.sc .sc-links .is-style-arrow-link {
	margin: 0;
}

.sc .sc-links .is-style-arrow-link a {
	display: flex;
	justify-content: space-between;
	gap: 0.5rem;
	width: 100%;
	min-height: 2.75rem;
	font: 600 var(--hydro-small) / 1.5 var(--sans);
	color: var(--ocean);
	text-decoration: none;
}

.sc .sc-links .is-style-arrow-link a::after {
	width: 1.125rem;
	height: 1.125rem;
}

.sc .sc-links .is-style-arrow-link a:hover {
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

@media (min-width: 768px) {
	.sc .sc-links {
		flex-direction: row;
		flex-wrap: wrap;
		column-gap: 1.5rem;
	}

	.sc .sc-links .is-style-arrow-link a {
		display: inline-flex;
		justify-content: flex-start;
		width: auto;
	}
}

@media (min-width: 1100px) {
	.sc .sc-links {
		column-gap: 2.5rem;
		margin-top: 1.0625rem;
	}

	.sc .sc-links .is-style-arrow-link a {
		font-size: 0.9375rem;
	}
}