/**
 * 1. DESIGN SYSTEM - CSS VARIABLES (CAM - VÀNG PASTEL)
 * Khởi tạo biến theo chuẩn hệ thống Flatsome để dễ dàng thay đổi toàn cục.
 * Tông màu thương hiệu mới: Cam ấm & Vàng Pastel nhã nhặn.
 */
:root {
	/*==================================================
		COLORS (SFLOW DESIGN SYSTEM)
	==================================================*/
	--sflow-color-primary: #FFC857;
	--sflow-color-primary-dark: #FF9F3D;
	--sflow-color-primary-light: #FFE7A3;

	--sflow-color-secondary: #9CD0FD;

	--sflow-color-success: #37C871;
	--sflow-color-warning: #FFC857;
	--sflow-color-danger: #FF6B6B;

	--sflow-color-text: #333F48;
	--sflow-color-text-soft: #6B7280;
	--sflow-color-text-light: #9CA3AF;

	--sflow-color-white: #FFFFFF;

	--sflow-color-bg: #FFFFFF;
	--sflow-color-bg-soft: #FFF8EC;
	--sflow-color-bg-light: #F7F8FA;

	--sflow-color-border: #E5E7EB;
	--sflow-color-border-light: #F2F2F2;
	--sflow-color-border-primary: rgba(255, 159, 61, 0.18);

	/*==================================================
		TYPOGRAPHY
	==================================================*/
	--sflow-font-title: "Plus Jakarta Sans", "Google Sans", sans-serif;
	--sflow-font-body: "Open Sans", sans-serif;

	--sflow-font-xs: 0.75rem;
	--sflow-font-sm: 0.875rem;
	--sflow-font-md: 1rem;
	--sflow-font-lg: 1.125rem;
	--sflow-font-xl: 1.5rem;
	--sflow-font-2xl: 2rem;
	--sflow-font-3xl: 2.75rem;
	--sflow-font-4xl: 3.5rem;

	/*==================================================
		SPACING
	==================================================*/
	--sflow-space-0: 0;
	--sflow-space-1: 4px;
	--sflow-space-2: 8px;
	--sflow-space-3: 12px;
	--sflow-space-4: 16px;
	--sflow-space-5: 20px;
	--sflow-space-6: 24px;
	--sflow-space-7: 32px;
	--sflow-space-8: 40px;
	--sflow-space-9: 48px;
	--sflow-space-10: 64px;
	--sflow-space-11: 80px;
	--sflow-space-12: 100px;

	/*==================================================
		RADIUS
	==================================================*/
	--sflow-radius-xs: 4px;
	--sflow-radius-sm: 8px;
	--sflow-radius-md: 10px;
	--sflow-radius-lg: 16px;
	--sflow-radius-xl: 24px;
	--sflow-radius-pill: 999px;

	/*==================================================
		SHADOW
	==================================================*/
	--sflow-shadow-xs: 0 2px 6px rgba(0, 0, 0, 0.05);
	--sflow-shadow-sm: 0 6px 16px rgba(51, 63, 72, 0.06);
	--sflow-shadow-md: 0 12px 28px rgba(51, 63, 72, 0.08);
	--sflow-shadow-lg: 0 20px 48px rgba(51, 63, 72, 0.10);
	--sflow-shadow-xl: 0 32px 80px rgba(51, 63, 72, 0.14);

	/*==================================================
		CONTAINER
	==================================================*/
	--sflow-container: 1400px;
	--sflow-transition: 0.25s ease;

	/*==================================================
		COMPATIBILITY & LEGACY FALLBACKS
	==================================================*/
	--sflow-primary: var(--sflow-color-primary-dark);
	--sflow-secondary: var(--sflow-color-primary);
	--sflow-accent: var(--sflow-color-primary-dark);
	--sflow-neutral: var(--sflow-color-text-soft);

	--sflow-bg-dark: var(--sflow-color-bg-soft);
	--sflow-bg-section: var(--sflow-color-bg);
	--sflow-bg-light: var(--sflow-color-bg);

	--sflow-text-main: var(--sflow-color-text);
	--sflow-text-dark: var(--sflow-color-text);
	--sflow-text-muted: var(--sflow-color-text-soft);

	--sflow-border-gold: var(--sflow-color-border-primary);
	--sflow-border-light: var(--sflow-color-border);
	--sflow-shadow-gold: var(--sflow-shadow-sm);

	/* Flatsome Grid compat */
	--border-color: var(--sflow-color-border);
	--gutter: 24px;
	--container-max: 96rem;
}

.entry-divider.is-divider.small {
	display: none !important;
}

/*==================================================
	5. BRAND THEMES OVERRIDES
==================================================*/
.theme-neural,
body.theme-neural,
.theme-neural .product-small,
body.theme-neural .product-small {
	--sflow-primary: #475569 !important;
	--sflow-primary-dark: #334155 !important;
	--sflow-accent: #475569 !important;
	--sflow-color-primary: #475569 !important;
	--sflow-color-primary-dark: #334155 !important;
	--brand-color-rgb: 71, 85, 105 !important;
	--theme-ribbon-bg: #f8fafc !important;
}

.theme-skinmtx,
body.theme-skinmtx,
.theme-skinmtx .product-small,
body.theme-skinmtx .product-small {
	--sflow-primary: #0a50a0 !important;
	--sflow-primary-dark: #073c78 !important;
	--sflow-accent: #0a50a0 !important;
	--sflow-color-primary: #0a50a0 !important;
	--sflow-color-primary-dark: #073c78 !important;
	--brand-color-rgb: 10, 80, 160 !important;
	--theme-ribbon-bg: #f0f7ff !important;
}

.theme-brand,
body.theme-brand,
.theme-brand .product-small,
body.theme-brand .product-small {
	--sflow-primary: #ff6a00 !important;
	--sflow-primary-dark: #e55f00 !important;
	--sflow-accent: #ff6a00 !important;
	--sflow-color-primary: #ff6a00 !important;
	--sflow-color-primary-dark: #e55f00 !important;
	--brand-color-rgb: 255, 106, 0 !important;
	--theme-ribbon-bg: #FFF7F0 !important;
}