/**
 * Shared bottom CTA. Same layout as the Delamere Difference .at-bottom-cta.
 * Loaded wherever the legacy "help o" block is replaced, including pages
 * that do not enqueue addiction-treatment.css.
 */

.at-bottom-cta { background: #ffffff; width: 100%; min-height: 400px; }
.at-bottom-cta__container { display: grid; grid-template-columns: 50% 50%; max-width: 1400px; margin: 0 auto; gap: 0; }
.at-bottom-cta__image-wrapper { width: 100%; height: 100%; overflow: hidden; }
.at-bottom-cta__image { width: 100%; height: 100%; min-height: 400px; object-fit: cover; display: block; }
.at-bottom-cta__content { padding: 60px 50px; display: flex; flex-direction: column; justify-content: center; background: #ffffff; }
.at-bottom-cta__heading { font-family: 'Montserrat', sans-serif; font-size: 32px; font-weight: 600; color: #45483b; margin: 0 0 24px; line-height: 1.2; }
.at-bottom-cta__text { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 400; color: #5c6154; line-height: 1.6; margin: 0 0 16px; }
.at-bottom-cta__attributes { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 400; color: #5c6154; line-height: 1.6; margin: 0 0 32px; }
.at-bottom-cta__contact { display: flex; flex-direction: column; gap: 16px; }
.at-bottom-cta__contact a[href^="tel:"], .at-bottom-cta__link { font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 700; color: #45483b; text-decoration: underline; text-underline-offset: 3px; }
.at-bottom-cta__contact a { display: inline-flex; align-items: center; min-height: 48px; padding: 6px 0; }
.at-bottom-cta__contact a[href^="tel:"]:hover, .at-bottom-cta__link:hover { color: #3d4235; }

/* site styles paint a[class*="cta"][href*="/contact"] as a yellow pill. */
.at-bottom-cta a.at-bottom-cta__link,
.at-bottom-cta a.at-bottom-cta__link:hover,
.at-bottom-cta a.at-bottom-cta__link:focus,
.at-bottom-cta a.at-bottom-cta__link:active {
	background-color: transparent !important;
	border-radius: 0;
	padding: 6px 0;
}

@media (max-width: 768px) {
	.at-bottom-cta { min-height: 0; }
	.at-bottom-cta__container { grid-template-columns: 1fr; }
	.at-bottom-cta__image { min-height: 260px; }
	.at-bottom-cta__content { padding: 36px 20px; }
	.at-bottom-cta__heading { text-align: center; }
	.at-bottom-cta__text, .at-bottom-cta__attributes { font-size: 16px; }
}

@media (max-width: 480px) {
	.at-bottom-cta__content { padding: 28px 16px; }
}