/* Messenger links under GetCourse forms (prototype-inspired) */
.form-messengers {
	display: grid;
	gap: 10px;
	margin-top: 16px;
	margin-bottom: 24px;
	width: 100%;
}

/* Hero panel: pull messengers up into GC empty bottom padding */
.hero-right {
	overflow: visible !important;
	height: auto !important;
}

/*
 * GC sets .hero-form { height: Npx } to match iframe (includes ~75px empty
 * padding inside .lt-block-wrapper). margin-bottom on iframe can't shrink
 * that fixed box — pull messengers up over the empty bottom instead.
 */
.hero-right .hero-form {
	margin-bottom: 0 !important;
}

.hero-right .hero-form iframe {
	position: relative;
	z-index: 1;
}

.hero-right .form-messengers {
	position: relative;
	z-index: 2;
	margin-top: -85px;
	margin-bottom: 28px;
	padding-top: 0;
	background: transparent;
}

/* Welcome / exit popup: match form width, sit under managers text */
.welcome .form-messengers {
	width: 508px;
	max-width: 100%;
	margin: 12px auto 0;
}

/*
 * GC widget often sets overflow:hidden + fixed height on the form parent,
 * which clips messengers. Force the box to grow and keep socials visible.
 */
.cta-form,
.top-lead-right,
.bottom-form-right,
.bottom-form,
.lead-form-wrapper {
	overflow: visible !important;
	height: auto !important;
	max-height: none !important;
}

/* Room under forms inside white cards (was padding-bottom: 0) */
.cta-wrapper,
.bottom-form-inner {
	padding-bottom: 28px !important;
}

.top-lead-wrapper {
	padding-bottom: 36px !important;
}

/*
 * GC iframes leave empty bottom padding. Pull messengers into that gap
 * so they fit inside the card without growing it awkwardly.
 */
.cta-form > iframe,
.top-lead-right > iframe,
.bottom-form > iframe {
	margin-bottom: -64px !important;
	position: relative;
	z-index: 1;
}

.cta-form .form-messengers,
.top-lead-right .form-messengers,
.bottom-form-right .form-messengers {
	position: relative;
	z-index: 2;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 8px;
	background: #fff;
}

/* Blog / archive lead-form: no pull-up (was overlapping submit) */
.lead-form {
	padding-bottom: 40px !important;
}

.lead-form-wrapper iframe {
	position: relative !important;
	z-index: 1 !important;
	margin-bottom: -48px !important;
}

.lead-form-wrapper .form-messengers {
	position: relative;
	z-index: 2;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	width: 100%;
	max-width: 520px;
	background: transparent;
}

.form-messengers__label {
	display: flex;
	align-items: center;
	gap: 10px;
	font: 600 11px "Open Sans", sans-serif;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #8a8798;
	white-space: nowrap;
}

.form-messengers__label::before,
.form-messengers__label::after {
	content: "";
	flex: 1;
	height: 1px;
	background: rgba(103, 70, 244, 0.2);
}

.form-messengers__row {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 8px;
}

.form-messengers__link {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	width: 100%;
	min-width: 0;
	box-sizing: border-box;
	white-space: nowrap;
	background: #fff;
	border: 1.5px solid #eceaf5;
	border-radius: 999px;
	padding: 9px 10px;
	font: 600 14px "Open Sans", sans-serif;
	color: #1a1a1a;
	text-decoration: none;
	transition: border-color 0.2s ease;
}

.form-messengers__link:hover {
	border-color: #6746f4;
	color: #1a1a1a;
}

.form-messengers__icon {
	flex: none;
	width: 20px;
	height: 20px;
	object-fit: contain;
	border-radius: 50%;
}

/* Dark / colored form panels */
.popup-overlay .form-messengers__label,
.welcome .form-messengers__label,
.lead-form .form-messengers__label {
	color: #6b6680;
}

.popup-overlay .form-messengers__link,
.welcome .form-messengers__link {
	border-color: #fff;
}

@media (max-width: 480px) {
	.form-messengers__row {
		gap: 5px;
	}

	.form-messengers__link {
		font-size: 12px;
		padding: 8px 6px;
		gap: 4px;
		letter-spacing: -0.01em;
	}

	.form-messengers__icon {
		width: 16px;
		height: 16px;
	}

	.welcome .form-messengers {
		width: 100%;
		margin-bottom: 8px;
	}
}