/* =========================================================
   YCM Community widget — structural layout only.
   Colors/typography/spacing driven by Elementor Style controls.
   ========================================================= */

.ycm-community {
	background-color: #fff;
	padding: 40px 24px 0;
}

.ycm-community__panel {
	max-width: 1240px;
	margin: 0 auto;
	border-radius: 40px;
	padding: 64px 32px 72px;
	background: linear-gradient(180deg, #e7edfc 0%, #f5f8ff 40%, #ffffff 78%);
	text-align: center;
	overflow: hidden;
	box-sizing: border-box;
}

/* --- Badge --- */
.ycm-community__badge {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background-color: #ffe5a4;
	border-radius: 999px;
	padding: 5px 22px 5px 8px;
	margin-bottom: 24px;
}

.ycm-community__avatars {
	display: block;
	height: 34px;
	width: auto;
}

.ycm-community__badge-text {
	font-size: 15px;
	font-weight: 600;
	color: #3a2e0a;
	white-space: nowrap;
}

/* --- Heading --- */
.ycm-community__heading {
	font-size: 52px;
	line-height: 1.1;
	font-weight: 800;
	color: #111;
	margin: 0 auto 20px;
	max-width: 900px;
}

/* --- Description --- */
.ycm-community__desc {
	font-size: 17px;
	line-height: 1.6;
	color: #374151;
	margin: 0 auto;
	max-width: 760px;
}

/* --- Globe --- */
.ycm-community__globe {
	max-width: 560px;
	margin: 32px auto 0;
}

.ycm-community__globe img {
	display: block;
	width: 100%;
	height: auto;
}

/* --- Responsive --- */
@media (max-width: 1024px) {
	.ycm-community__heading {
		font-size: 42px;
	}
}

@media (max-width: 767px) {
	.ycm-community {
		padding: 24px 12px 0;
	}
	.ycm-community__panel {
		border-radius: 28px;
		padding: 44px 20px 52px;
	}
	.ycm-community__heading {
		font-size: 30px;
	}
	.ycm-community__badge-text {
		font-size: 13px;
	}
	.ycm-community__globe {
		max-width: 100%;
	}
}

/* ---- Typography: title + content use Roboto ---- */
.ycm-community__badge-text,
.ycm-community__heading,
.ycm-community__desc {
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
}
