/*
 * TT SalesAutopilot Skin — a .sa-embed KONTÉNER stílusai.
 *
 * FONTOS KORLÁT: az űrlap egy CloudFront-loader által injektált IFRAME-ben
 * renderelődik → a szülő-oldal CSS-e NEM ér el az iframe belsejébe. A mezők,
 * gombok, tipográfia formázása KIZÁRÓLAG a SalesAutopilot adminban lehetséges
 * (design-tokenek a README-ben). Ez a fájl a keretet szépíti.
 *
 * A .mmform inline padding-bottom hackjéhez (iframe-magasság kontraktus) NEM
 * nyúlunk — azt embedenként a sablon-arg állítja.
 */

/* Fehér kártya az embed köré (a design .form-card / .signup-card vizuális nyelvén) */
.sa-embed {
	background: #fff;
	border-radius: 18px;
	box-shadow: 0 30px 70px rgba(28, 31, 56, .16);
	padding: clamp(18px, 3vw, 30px);
	max-width: 720px;
	margin-inline: auto;
	position: relative;
}

/* Betöltési shimmer a foglalt magasság mögött (CLS-védelem + "történik valami" jelzés) */
.sa-embed .mmform {
	background: linear-gradient(100deg, #f4f5f9 40%, #eceef5 50%, #f4f5f9 60%);
	background-size: 200% 100%;
	border-radius: 12px;
}
@media (prefers-reduced-motion: no-preference) {
	.sa-embed .mmform { animation: tt-sa-shimmer 1.6s linear infinite; }
}
@keyframes tt-sa-shimmer {
	from { background-position: 120% 0; }
	to   { background-position: -80% 0; }
}

/* Amint az iframe megjön, a shimmer mögé kerül */
.sa-embed .mmform iframe { position: relative; z-index: 1; background: #fff; }