/*
 * LionGolf – CSS nền: typography, truy cập (a11y), tiện ích dùng trong Elementor (Advanced → CSS Classes).
 */

body {
	font-family: var(--lg-font-body);
	font-size: var(--lg-fs-base);
	line-height: var(--lg-lh-body);
	color: var(--lg-color-charcoal);
	background: var(--lg-color-white);
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--lg-font-heading);
	color: var(--lg-color-ink);
	line-height: var(--lg-lh-tight);
	font-weight: 600;
	letter-spacing: -0.01em;
	margin: 0 0 var(--lg-space-4);
}
h1 { font-size: var(--lg-fs-h1); font-weight: 700; }
h2 { font-size: var(--lg-fs-h2); }
h3 { font-size: var(--lg-fs-h3); }
h4 { font-size: var(--lg-fs-h4); }

a { color: var(--lg-color-accent-dark); text-underline-offset: 0.2em; }
a:hover { color: var(--lg-color-ink); }

img { max-width: 100%; height: auto; }

/* ---------- Truy cập (WCAG 2.1 AA) ---------- */
:focus-visible { outline: 3px solid var(--lg-color-focus); outline-offset: 2px; }
.skip-link:focus, .screen-reader-shortcut:focus {
	position: fixed; top: 8px; left: 8px; z-index: 100000; padding: 12px 16px;
	background: var(--lg-color-ink); color: #fff; clip: auto; width: auto; height: auto;
}
/* Vùng chạm tối thiểu 44×44px cho link menu, nút */
.elementor-nav-menu a, .elementor-button, .lg-touch { min-height: 44px; display: inline-flex; align-items: center; }
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}

/* ---------- Tiện ích (gõ vào Elementor → Advanced → CSS Classes) ---------- */
.lg-eyebrow { font-size: var(--lg-fs-xs); font-weight: 600; letter-spacing: var(--lg-ls-caps); text-transform: uppercase; color: var(--lg-color-graphite); }
.lg-display { font-size: var(--lg-fs-display); line-height: 1.05; font-weight: 700; letter-spacing: -0.02em; }
.lg-lead { font-size: var(--lg-fs-lg); color: var(--lg-color-graphite); max-width: 60ch; }
.lg-section { padding-block: var(--lg-section-y); }
.lg-section--mist { background: var(--lg-color-mist); }
.lg-section--ink { background: var(--lg-color-ink); color: var(--lg-color-gold-light); }
.lg-section--ink h1, .lg-section--ink h2, .lg-section--ink h3 { color: #fff; }
.lg-card { background: #fff; border: 1px solid var(--lg-color-line); border-radius: var(--lg-radius-md); transition: box-shadow var(--lg-dur) var(--lg-ease); }
.lg-card:hover { box-shadow: var(--lg-shadow-1); }
.lg-card__media img { aspect-ratio: 1 / 1; object-fit: contain; background: var(--lg-color-mist); width: 100%; }
.lg-divider { width: 48px; height: 2px; background: var(--lg-brand-accent); border: 0; margin: var(--lg-space-4) 0; }

/* Brand Hub: chỉ màu nhấn thay đổi theo thương hiệu, khung giữ nguyên */
.lg-brand-hub .lg-divider, .lg-brand-accent-bg { background: var(--lg-brand-accent); }
.lg-brand-accent-border { border-color: var(--lg-brand-accent) !important; }

/* Nút Elementor theo style LionGolf (đặt CSS class "lg-btn-primary" hoặc "lg-btn-ghost" cho widget Button) */
.lg-btn-primary .elementor-button { background: var(--lg-color-ink); color: #fff; border-radius: var(--lg-radius-sm); padding: 14px 28px; font-weight: 600; letter-spacing: .02em; }
.lg-btn-primary .elementor-button:hover { background: var(--lg-color-charcoal); }
.lg-btn-ghost .elementor-button { background: transparent; color: var(--lg-color-ink); border: 1px solid var(--lg-color-ink); border-radius: var(--lg-radius-sm); padding: 13px 27px; font-weight: 600; }
.lg-btn-ghost .elementor-button:hover { background: var(--lg-color-ink); color: #fff; }

/* Header sticky: thu gọn khi cuộn (Elementor Pro Sticky thêm class elementor-sticky--effects) */
.lg-header.elementor-sticky--effects { box-shadow: var(--lg-shadow-1); background: rgba(255, 255, 255, .96); backdrop-filter: saturate(180%) blur(8px); }