/**
 * TDF Editor — Universal style system helpers
 */

[class*="tdf-"] a,
[class*="tdf-"] button,
[class*="tdf-"] .tdf-button,
[class*="tdf-"] .tdf-card,
[class*="tdf-"] .tdf-el-title,
[class*="tdf-"] .tdf-el-description,
[class*="tdf-"] img {
	transition: color 0.3s ease, background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease, opacity 0.3s ease;
}

.tdf-stagger-child {
	opacity: 0;
}

.tdf-stagger-child.tdf-is-visible {
	animation-fill-mode: forwards;
}

.tdf-hover--float { transition: transform 0.4s ease; }
.tdf-hover--float:hover { transform: translateY(-12px); }

.tdf-hover--border-glow { transition: box-shadow 0.35s ease, border-color 0.35s ease; }
.tdf-hover--border-glow:hover { box-shadow: 0 0 0 2px rgba(42, 74, 104, 0.35), 0 12px 32px rgba(42, 74, 104, 0.15); }

.tdf-hover--zoom { transition: transform 0.35s ease; overflow: hidden; }
.tdf-hover--zoom:hover { transform: scale(1.06); }

.tdf-hover--skew { transition: transform 0.35s ease; }
.tdf-hover--skew:hover { transform: skewY(-2deg) scale(1.02); }

.tdf-look-hint {
	padding: 10px 12px;
	background: #f0f6fc;
	border-left: 3px solid #2a4a68;
	border-radius: 4px;
	font-size: 12px;
	line-height: 1.5;
}