.jeo-social-facade {
	align-items: center;
	background: var(--wp--preset--color--background, #fff);
	border: 1px solid var(--wp--preset--color--neutral-300, #d8dcdf);
	box-sizing: border-box;
	color: var(--wp--preset--color--foreground, #20262c);
	display: grid;
	font-family: var(--wp--preset--font-family--open-sans, "Open Sans", sans-serif);
	margin: 1.5rem auto;
	max-width: 100%;
	min-height: var(--jeo-social-facade-min-height, 320px);
	padding: clamp(18px, 4vw, 32px);
	width: min(100%, var(--jeo-social-facade-width, 500px));
}

.jeo-social-facade__stage {
	align-items: center;
	display: grid;
	min-height: 94px;
}

.jeo-social-facade__panel {
	align-items: center;
	display: grid;
	gap: 10px 14px;
	grid-template-columns: 40px minmax(0, 1fr);
	margin: 0 auto;
	max-width: 760px;
	width: 100%;
}

.jeo-social-facade__icon {
	align-items: center;
	background: #111;
	border-radius: 8px;
	color: #fff;
	display: inline-flex;
	font-size: 20px;
	font-weight: 700;
	height: 40px;
	justify-content: center;
	line-height: 1;
	width: 40px;
}

.jeo-social-facade__icon svg {
	fill: currentColor;
	height: 24px;
	width: 24px;
}

.jeo-social-facade__icon--instagram {
	background: #f00075;
}

.jeo-social-facade__icon--facebook {
	background: #0866ff;
}

.jeo-social-facade__copy strong {
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.35;
}

.jeo-social-facade__copy p {
	color: var(--wp--preset--color--neutral-700, #505961);
	font-size: 0.875rem;
	line-height: 1.5;
	margin: 3px 0 0;
}

.jeo-social-facade__button {
	background: var(--wp--preset--color--primary, #3f7018);
	border: 2px solid var(--wp--preset--color--primary, #3f7018);
	border-radius: 4px;
	color: #fff;
	cursor: pointer;
	font: inherit;
	font-size: 0.875rem;
	font-weight: 600;
	grid-column: 1 / -1;
	line-height: 1.3;
	min-height: 44px;
	padding: 9px 16px;
	width: 100%;
}

.jeo-social-facade__button:hover {
	filter: brightness(0.88);
}

.jeo-social-facade__button:focus-visible {
	background: var(--wp--preset--color--secondary, #f0ad2f);
	border-color: var(--wp--preset--color--secondary, #f0ad2f);
	color: #111;
}

.jeo-social-facade__button:focus-visible,
.jeo-social-facade__source:focus-visible {
	outline: 3px solid var(--wp--preset--color--secondary, #f0ad2f);
	outline-offset: 3px;
}

.jeo-social-facade[data-jeo-input="pointer"] .jeo-social-facade__button:focus:not(:focus-visible),
.jeo-social-facade[data-jeo-input="pointer"] .jeo-social-facade__source:focus:not(:focus-visible) {
	box-shadow: none !important;
	outline: 0 !important;
}

.jeo-social-facade__button:disabled {
	cursor: not-allowed;
	opacity: 0.7;
}

.jeo-social-facade__source {
	display: inline-block;
	font-size: 0.8125rem;
	margin-top: 5px;
}

.jeo-social-facade[data-jeo-state="loaded"] {
	background: transparent;
	border: 0;
	display: block;
	padding: 0;
}

.jeo-social-facade__stage iframe {
	display: block;
	margin-inline: auto !important;
	max-width: 100%;
}

@media (max-width: 560px) {
	.jeo-social-facade {
		width: 100%;
	}

}

@media (prefers-color-scheme: dark) {
	.jeo-social-facade {
		background: var(--wp--preset--color--foreground, #20262c);
		border-color: #59636c;
		color: var(--wp--preset--color--background, #fff);
	}

	.jeo-social-facade__copy p {
		color: #d9dee2;
	}
}

.jeo-dark-theme .jeo-social-facade,
.dark-theme .jeo-social-facade {
	background: var(--wp--preset--color--foreground, #20262c);
	border-color: #59636c;
	color: var(--wp--preset--color--background, #fff);
}

.jeo-dark-theme .jeo-social-facade__copy p,
.dark-theme .jeo-social-facade__copy p {
	color: #d9dee2;
}

@media print {
	.jeo-social-facade__panel,
	.jeo-social-facade__stage {
		display: none;
	}

	.jeo-social-facade {
		border: 0;
		min-height: 0;
		padding: 0;
	}
}