/**
 * Services archive + single (rendered via canvas overrides).
 */

#yhdr-services-archive .page-header h1 { text-transform: uppercase; }

.services--archive .services__list { display: flex; flex-direction: column; gap: 44px; padding: var(--yhdr-space-md) 0 var(--yhdr-space-xl); }

.service-row { display: flex; flex-wrap: wrap; align-items: center; gap: 34px; }
.service-row--reverse { flex-direction: row-reverse; }
.service-row__media { flex: 1 1 380px; min-width: 300px; }
.service-row__media img,
.service-row__placeholder {
	width: 100%;
	height: 280px;
	object-fit: cover;
	border-radius: var(--yhdr-radius-lg);
	box-shadow: 0 14px 36px rgba(30, 58, 102, 0.14);
	display: block;
}
.service-row__body { flex: 1 1 420px; min-width: 300px; }
.service-row__tag { margin-bottom: var(--yhdr-space-xs); }
.service-row__title { text-transform: uppercase; }
.service-row__excerpt { color: var(--yhdr-body-text); margin-bottom: var(--yhdr-space-sm); }

.services-cta { text-align: center; }
.services-cta .container { max-width: 800px; background: var(--yhdr-gradient-cta); border-radius: var(--yhdr-radius-lg); padding: var(--yhdr-space-xl) var(--yhdr-space-lg); }
.services-cta h2 { color: var(--yhdr-white); }
.services-cta p { color: var(--yhdr-light-blue-text-2); }
.services-cta__actions { display: flex; justify-content: center; flex-wrap: wrap; gap: var(--yhdr-space-sm); margin-top: var(--yhdr-space-md); }

.single-service__content { display: grid; grid-template-columns: 1fr 1fr; gap: var(--yhdr-space-lg); align-items: start; margin-top: var(--yhdr-space-lg); }
.single-service__media img { width: 100%; border-radius: var(--yhdr-radius-lg); }

@media (max-width: 960px) {
	.service-row,
	.service-row--reverse { flex-direction: column; }
	.single-service__content { grid-template-columns: 1fr; }
}