/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/* =========================================================================
   Nền dùng chung cho toàn bộ element TBTC.
   Chỉ đặt ở đây những gì mọi element đều cần. Mọi thứ khác nằm trong
   assets/css/elements/<slug>.css và chỉ nạp khi element được dùng.

   KHÔNG viết reset toàn cục (ul, a, img…) ở file này: nó sẽ đè lên giao diện
   của Flatsome và WooCommerce. Reset cần thiết phải scope trong từng element.
   ====================================================================== */

/* ---- Hiệu ứng fadeInUp dùng chung ------------------------------------- */

.tbtc-fade-up {
	opacity: 0;
	transform: translateY(30px);
}

.tbtc-fade-up.tbtc-animate {
	animation: tbtc-fade-up 0.6s var(--ease, ease-out) forwards;
}

@keyframes tbtc-fade-up {
	from { opacity: 0; transform: translateY(30px); }
	to   { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
	.tbtc-fade-up,
	.tbtc-fade-up.tbtc-animate {
		opacity: 1;
		transform: none;
		animation: none;
	}
}

/* ---- Chỉ trong UX Builder --------------------------------------------- */
/* Không được để element trong suốt trong iframe Builder — người dùng sẽ
   tưởng element bị lỗi. */

.is-ux-builder.tbtc-fade-up {
	opacity: 1;
	transform: none;
	animation: none;
}

/* Ô chưa nhập nội dung: vẫn thấy để click chọn. */
.is-ux-builder .tbtc-el-empty {
	font-style: italic;
	opacity: 0.6;
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}