/**
 * American Mutual Insurance — Homepage styles (design standard).
 * Elementor sections use american-mutual-* classes · Cairo · RTL · mobile-first.
 */

.elementor-page .american-mutual-home-hero,
.elementor-page .american-mutual-services-section,
.elementor-page .american-mutual-why-section,
.elementor-page .american-mutual-compare-section,
.elementor-page .american-mutual-states-section,
.elementor-page .american-mutual-knowledge-section,
.elementor-page .american-mutual-testimonials-section,
.elementor-page .american-mutual-cta-banner {
	font-family: var(--american-mutual-font-primary, "Cairo", sans-serif);
}

/* -------------------------------------------------------------------------
   Hero
   ------------------------------------------------------------------------- */

.american-mutual-home-hero {
	min-height: clamp(28rem, 72vh, 44rem);
	display: flex;
	align-items: center;
	position: relative;
}

.american-mutual-home-hero .elementor-background-overlay {
	background-color: rgba(15, 36, 64, 0.75) !important;
}

.american-mutual-home-hero__content {
	max-width: 44rem;
}

.american-mutual-home-hero__title {
	color: #ffffff !important;
	font-size: clamp(1.875rem, 5vw, 3rem) !important;
	line-height: 1.3 !important;
	margin-block-end: 1rem !important;
}

.american-mutual-home-hero__subtitle p {
	color: rgba(255, 255, 255, 0.92) !important;
	font-size: clamp(1rem, 2.5vw, 1.125rem) !important;
	line-height: 1.8 !important;
	margin-block-end: 1.5rem !important;
}

.american-mutual-home-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}

.american-mutual-btn-ghost .elementor-button {
	background: transparent !important;
	border: 2px solid #ffffff !important;
	color: #ffffff !important;
}

.american-mutual-btn-ghost .elementor-button:hover {
	background: rgba(255, 255, 255, 0.12) !important;
}

/* -------------------------------------------------------------------------
   Section headings
   ------------------------------------------------------------------------- */

.american-mutual-section-heading {
	text-align: center;
	margin-block-end: 1rem;
}

.american-mutual-section-heading .elementor-heading-title {
	color: var(--american-mutual-color-primary, #1b3a5c) !important;
	font-size: clamp(1.75rem, 4vw, 2.25rem) !important;
}

.american-mutual-section-intro {
	margin-block-end: 2.5rem;
}

.american-mutual-section-intro .elementor-widget-text-editor p {
	color: var(--american-mutual-color-text-muted, #5a6272);
	max-width: 42rem;
	margin-inline: auto;
	line-height: 1.8;
}

/* -------------------------------------------------------------------------
   Service cards (3×3 grid)
   ------------------------------------------------------------------------- */

.american-mutual-services-grid .elementor-widget-icon-box {
	flex: 1 1 calc(33.333% - 1.5rem);
	min-width: min(100%, 17rem);
	max-width: 100%;
}

.american-mutual-service-card {
	height: 100%;
	background: #fff;
	border: 1px solid var(--american-mutual-color-border, #e2e6ed);
	border-radius: var(--american-mutual-radius-lg, 12px);
	padding: 1.75rem;
	box-shadow: var(--american-mutual-shadow, 0 2px 8px rgba(0, 0, 0, 0.06));
	transition:
		transform var(--american-mutual-transition, 0.2s ease),
		box-shadow var(--american-mutual-transition, 0.2s ease);
}

.american-mutual-service-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

.american-mutual-service-card .elementor-icon-box-icon {
	margin-block-end: 1rem;
}

.american-mutual-service-card .elementor-icon-box-title {
	font-size: 1.125rem !important;
	margin-block-end: 0.75rem !important;
}

.american-mutual-service-card .elementor-icon-box-description {
	line-height: 1.8;
	color: var(--american-mutual-color-text-muted, #5a6272);
	font-size: 0.9375rem;
}

.american-mutual-service-card__sublinks {
	margin-block-start: 0.75rem;
	padding-block-start: 0.75rem;
	border-block-start: 1px solid var(--american-mutual-color-border, #e2e6ed);
	font-size: 0.875rem;
}

.american-mutual-service-card__sublinks a {
	color: var(--american-mutual-color-primary-light, #2e5f8a) !important;
	font-weight: 600;
	text-decoration: none;
}

.american-mutual-service-card__sublinks a:hover {
	text-decoration: underline;
}

/* -------------------------------------------------------------------------
   Why choose us
   ------------------------------------------------------------------------- */

.american-mutual-why-section {
	background: var(--american-mutual-color-bg, #f4f6f9);
}

.american-mutual-feature-box {
	flex: 1 1 calc(50% - 1rem);
	min-width: min(100%, 16rem);
	background: #fff;
	border: 1px solid var(--american-mutual-color-border, #e2e6ed);
	border-radius: var(--american-mutual-radius-lg, 12px);
	padding: 1.5rem;
}

.american-mutual-feature-box .elementor-icon {
	color: var(--american-mutual-color-secondary, #c8922a);
}

/* -------------------------------------------------------------------------
   Compare & Knowledge (split rows)
   ------------------------------------------------------------------------- */

.american-mutual-compare-section .american-mutual-compare__content,
.american-mutual-knowledge-section .elementor-container > .e-con {
	flex: 1 1 50%;
	min-width: min(100%, 18rem);
}

.american-mutual-compare-section ul,
.american-mutual-knowledge-section ul {
	padding-inline-start: 1.25rem;
	margin-block: 1rem;
	line-height: 1.8;
	color: var(--american-mutual-color-text-muted, #5a6272);
}

.american-mutual-compare-card,
.american-mutual-knowledge-card {
	background: var(--american-mutual-color-bg, #f4f6f9);
	border-radius: var(--american-mutual-radius-lg, 12px);
	padding: 2rem;
}

.american-mutual-states__inner {
	text-align: center;
	max-width: 40rem;
	margin-inline: auto;
}

.american-mutual-btn-outline-dark .elementor-button {
	background: transparent !important;
	border: 2px solid #1b3a5c !important;
	color: #1b3a5c !important;
}

/* -------------------------------------------------------------------------
   Testimonials
   ------------------------------------------------------------------------- */

.american-mutual-testimonials .elementor-widget-testimonial {
	flex: 1 1 calc(33.333% - 1rem);
	min-width: min(100%, 18rem);
}

.american-mutual-testimonial-card {
	background: #fff;
	border: 1px solid var(--american-mutual-color-border, #e2e6ed);
	border-radius: var(--american-mutual-radius-lg, 12px);
	padding: 2rem;
	height: 100%;
	box-shadow: var(--american-mutual-shadow, 0 2px 8px rgba(0, 0, 0, 0.06));
}

.american-mutual-testimonial-card .elementor-testimonial-content {
	font-size: 1rem;
	line-height: 1.8;
	color: var(--american-mutual-color-text, #1a1a2e);
	font-style: normal;
	margin-block-end: 1.25rem;
}

.american-mutual-testimonial-card .elementor-testimonial-name {
	font-weight: 700;
	color: var(--american-mutual-color-primary, #1b3a5c);
}

.american-mutual-testimonial-card .elementor-testimonial-job {
	color: var(--american-mutual-color-text-muted, #5a6272);
	font-size: 0.875rem;
}

/* -------------------------------------------------------------------------
   Final CTA
   ------------------------------------------------------------------------- */

.american-mutual-cta-banner {
	background: var(--american-mutual-color-secondary, #c8922a);
	text-align: center;
}

.american-mutual-cta-banner .elementor-heading-title {
	color: #1a1a2e !important;
}

.american-mutual-cta-banner__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1rem;
}

.american-mutual-btn-cta-secondary .elementor-button {
	background: transparent !important;
	border: 2px solid #1a1a2e !important;
	color: #1a1a2e !important;
}

.american-mutual-btn-primary .elementor-button {
	background: var(--american-mutual-color-secondary, #c8922a) !important;
	color: #1a1a2e !important;
	font-weight: 600;
}

/* -------------------------------------------------------------------------
   Accessibility & responsive
   ------------------------------------------------------------------------- */

.american-mutual-home-hero :focus-visible,
.american-mutual-services-section :focus-visible,
.american-mutual-cta-banner :focus-visible {
	outline: 2px solid var(--american-mutual-color-secondary, #c8922a);
	outline-offset: 2px;
}

@media (max-width: 1024px) {
	.american-mutual-services-grid .elementor-widget-icon-box {
		flex: 1 1 calc(50% - 1rem);
	}

	.american-mutual-testimonials .elementor-widget-testimonial {
		flex: 1 1 calc(50% - 1rem);
	}
}

@media (max-width: 767px) {
	.american-mutual-home-hero {
		min-height: 24rem;
		text-align: center;
	}

	.american-mutual-home-hero__content {
		margin-inline: auto;
	}

	.american-mutual-home-hero__actions {
		justify-content: center;
	}

	.american-mutual-services-grid .elementor-widget-icon-box,
	.american-mutual-testimonials .elementor-widget-testimonial,
	.american-mutual-feature-box {
		flex: 1 1 100%;
	}

	.american-mutual-section-intro {
		margin-block-end: 1.5rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.american-mutual-service-card:hover {
		transform: none;
	}
}