/**
 * Shared Contact CTA (canonical homepage design).
 */

.jawharet-home-contact-cta {
	background: var(--color-deep-navy, #142d3e);
	color: var(--color-white, #ffffff);
	padding-block: var(--space-12, 3rem);
	border-block: 1px solid rgba(255, 255, 255, 0.08);
	margin-block-end: 0;
}

.jawharet-home-contact-cta__inner {
	width: min(100%, 42rem);
	margin-inline: auto;
	padding-inline: var(--container-padding, 1rem);
	box-sizing: border-box;
	text-align: center;
}

.jawharet-home-contact-cta__header {
	margin-bottom: var(--space-6, 1.5rem);
}

.jawharet-home-contact-cta__eyebrow {
	margin: 0 0 var(--space-2, 0.5rem);
	font-size: var(--font-size-sm, 0.875rem);
	font-weight: var(--font-weight-semibold, 600);
	color: var(--color-teal, #1a9b8e);
	letter-spacing: 0.02em;
}

.jawharet-home-contact-cta__title {
	margin: 0;
	font-size: clamp(1.375rem, 3vw, 2rem);
	font-weight: var(--font-weight-bold, 700);
	line-height: 1.3;
	color: var(--color-white, #ffffff);
}

.jawharet-home-contact-cta__description {
	margin: var(--space-4, 1rem) 0 0;
	font-size: var(--font-size-base, 1rem);
	line-height: 1.65;
	color: rgba(255, 255, 255, 0.78);
	max-width: 36rem;
	margin-inline: auto;
}

.jawharet-home-contact-cta__actions {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: center;
	gap: var(--space-3, 0.75rem);
	max-width: 28rem;
	margin-inline: auto;
}

@media (min-width: 520px) {
	.jawharet-home-contact-cta__actions {
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		max-width: none;
	}

	.jawharet-home-contact-cta__btn {
		flex: 1 1 auto;
		min-width: 11rem;
		max-width: 16rem;
	}
}

.jawharet-home-contact-cta__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--space-2, 0.5rem);
	min-height: 3rem;
	padding: var(--space-3, 0.75rem) var(--space-5, 1.25rem);
	border-radius: var(--radius-lg, 1rem);
	font-size: var(--font-size-base, 1rem);
	font-weight: var(--font-weight-semibold, 600);
	text-decoration: none;
	border: 1px solid transparent;
	transition: background-color var(--transition-fast, 0.15s ease), color var(--transition-fast, 0.15s ease), border-color var(--transition-fast, 0.15s ease), transform var(--transition-fast, 0.15s ease);
}

@media (prefers-reduced-motion: reduce) {
	.jawharet-home-contact-cta__btn {
		transition: none;
	}
}

.jawharet-home-contact-cta__btn:focus-visible {
	outline: 2px solid var(--color-teal, #1a9b8e);
	outline-offset: 3px;
}

.jawharet-home-contact-cta__btn--whatsapp {
	background: var(--color-teal, #1a9b8e);
	color: var(--color-white, #ffffff);
	border-color: rgba(255, 255, 255, 0.12);
}

.jawharet-home-contact-cta__btn--whatsapp:hover,
.jawharet-home-contact-cta__btn--whatsapp:focus-visible {
	background: var(--color-teal-dark, #066670);
	color: var(--color-white, #ffffff);
}

.jawharet-home-contact-cta__btn--phone {
	background: transparent;
	color: var(--color-white, #ffffff);
	border-color: rgba(255, 255, 255, 0.35);
}

.jawharet-home-contact-cta__btn--phone:hover,
.jawharet-home-contact-cta__btn--phone:focus-visible {
	background: rgba(255, 255, 255, 0.08);
	border-color: var(--color-teal, #1a9b8e);
	color: var(--color-white, #ffffff);
}

.jawharet-home-contact-cta__icon {
	display: inline-flex;
	flex-shrink: 0;
	line-height: 0;
}

.jawharet-home-contact-cta__label {
	line-height: 1.25;
}

/* Flush transition to footer when CTA is the last block in main. */
.site-main > .jawharet-home-contact-cta:last-child {
	margin-block-end: 0;
}

/* About page: avoid double gap before full-width CTA band. */
.jawharet-about-services + .jawharet-home-contact-cta,
.jawharet-about-process + .jawharet-home-contact-cta,
.jawharet-about-why + .jawharet-home-contact-cta {
	margin-block-start: 0;
}

.jawharet-about-services + .jawharet-home-contact-cta {
	padding-block-start: calc(var(--space-12, 3rem) + var(--space-4, 1rem));
}

.site-main--blog-single > .jawharet-home-contact-cta,
.site-main--blog > .jawharet-home-contact-cta {
	margin-block-start: var(--space-12, 3rem);
}

.site-main--service > .jawharet-home-contact-cta {
	margin-block-start: var(--space-12, 3rem);
}

.jawharet-services-archive > .jawharet-home-contact-cta {
	margin-block-start: var(--space-12, 3rem);
}