/* Home About Bahareh — project-1 about-bahareh.module.css */

.cb-home-about.cb-widget-section {
	padding: var(--space-24) 0;
	background:
		radial-gradient(ellipse at 10% 90%, rgba(184, 92, 122, 0.10), transparent 55%),
		linear-gradient(
			180deg,
			var(--color-bg) 0%,
			color-mix(in srgb, var(--color-bg) 70%, var(--color-beige) 30%) 12%,
			color-mix(in srgb, var(--color-bg) 35%, var(--color-beige) 65%) 28%,
			var(--color-beige) 45%,
			var(--color-beige) 55%,
			color-mix(in srgb, var(--color-bg) 35%, var(--color-beige) 65%) 72%,
			color-mix(in srgb, var(--color-bg) 70%, var(--color-beige) 30%) 88%,
			var(--color-bg) 100%
		);
	overflow: hidden;
	isolation: isolate;
	position: relative;
}

.cb-home-about__blob {
	position: absolute;
	border-radius: 50%;
	filter: blur(80px);
	z-index: 0;
	opacity: 0.65;
	pointer-events: none;
}

.cb-home-about__blob--a {
	width: 420px;
	height: 420px;
	background: rgba(243, 184, 155, 0.55);
	top: -120px;
	inset-inline-start: -120px;
}

.cb-home-about__blob--b {
	width: 360px;
	height: 360px;
	background: rgba(184, 92, 122, 0.18);
	bottom: -100px;
	inset-inline-end: -100px;
}

.cb-home-about__inner {
	position: relative;
	z-index: 1;
	max-width: var(--container-max);
	margin-inline: auto;
	padding-inline: var(--space-6);
	display: grid;
	grid-template-columns: 0.95fr 1fr;
	gap: var(--space-16);
	align-items: center;
}

.cb-home-about__portrait {
	position: relative;
	width: 100%;
	max-width: 480px;
	margin-inline: auto;
	aspect-ratio: 4 / 5;
	border-radius: var(--radius-xl);
	overflow: hidden;
	box-shadow: var(--shadow-lg);
}

.cb-home-about__portrait img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* Opt-in only — enabled from Elementor (default off). */
.elementor-element.cb-about-portrait-hover-yes .cb-home-about__portrait img {
	transition: transform 0.5s ease;
}

.elementor-element.cb-about-portrait-hover-yes .cb-home-about__portrait:hover img {
	transform: scale(1.03);
}

@media (prefers-reduced-motion: reduce) {
	.elementor-element.cb-about-portrait-hover-yes .cb-home-about__portrait img,
	.elementor-element.cb-about-portrait-hover-yes .cb-home-about__portrait:hover img {
		transition: none;
		transform: none;
	}
}

.cb-home-about__curve {
	position: absolute;
	inset: -2px;
	border-radius: inherit;
	background: linear-gradient(180deg, transparent 50%, rgba(31, 20, 24, 0.55) 100%);
	pointer-events: none;
	z-index: 1;
}

.cb-home-about__badge {
	position: absolute;
	bottom: var(--space-6);
	inset-inline-start: var(--space-6);
	background: rgba(255, 248, 242, 0.92);
	backdrop-filter: blur(12px);
	border-radius: var(--radius-pill);
	padding: 0.6rem 1.1rem;
	display: inline-flex;
	align-items: center;
	gap: var(--space-2);
	color: var(--color-primary);
	z-index: 2;
	box-shadow: var(--shadow-md);
}

.cb-home-about__badge strong {
	display: block;
	color: var(--color-text);
	font-weight: 700;
	font-size: var(--text-sm);
}

.cb-home-about__badge em {
	display: block;
	font-style: normal;
	font-size: var(--text-xs);
	color: var(--color-text-muted);
}

.cb-home-about__signature {
	position: absolute;
	top: var(--space-6);
	inset-inline-end: var(--space-6);
	font-family: var(--family-display);
	font-size: var(--text-3xl);
	font-weight: 900;
	color: var(--color-cream);
	text-shadow: 0 4px 16px rgba(31, 20, 24, 0.5);
	z-index: 2;
	letter-spacing: -0.02em;
}

.cb-home-about__story {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--space-6);
	width: 100%;
}

.cb-home-about__values {
	align-items: flex-start;
}

.cb-home-about__values {
	list-style: none;
	padding: 0;
	margin: var(--space-4) 0 0;
	display: flex;
	flex-direction: column;
	gap: var(--space-4);
}

.cb-home-about__values li {
	display: flex;
	align-items: center;
	gap: var(--space-3);
	color: var(--color-text);
	font-size: var(--text-base);
	line-height: 1.7;
}

.cb-home-about__dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--gradient-rose);
	flex-shrink: 0;
	box-shadow: 0 0 0 4px rgba(184, 92, 122, 0.1);
}

.cb-home-about__cta {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-3);
	margin-top: var(--space-4);
}

/* Let Elementor per-breakpoint selectors win over section-title--start|center. */
.elementor-widget-cb_home_about_bahareh .cb-section-title--start,
.elementor-widget-cb_home_about_bahareh .cb-section-title--center {
	text-align: inherit;
	align-items: inherit;
	margin-inline: unset;
}

@media (max-width: 980px) {
	.cb-home-about__inner {
		grid-template-columns: 1fr;
	}

	.cb-home-about__blob--a {
		width: 280px;
		height: 280px;
		top: -80px;
		inset-inline-start: -80px;
	}

	.cb-home-about__blob--b {
		width: 240px;
		height: 240px;
		bottom: -60px;
		inset-inline-end: -60px;
	}
}

@media (max-width: 767px) {
	.cb-home-about__inner {
		padding-inline: 15px;
	}
}