/* địa chỉ lưu file: assets/css/style.css */

:root {
--bg-primary: #0B0C10;
--bg-surface: #14161D;
--bg-card: #1F2833;
--gold-primary: #C5A028;
--gold-hover: #B8860B;
--text-main: #F8F9FA;
--text-muted: #9CA3AF;
--border-gold: rgba(197, 160, 40, 0.2);
}

body {
font-family: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
background-color: #ffffff;
color: #1e293b;
margin: 0;
padding: 0;
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
transition: filter 0.25s ease;
}

/* Warm Eye-Care / High-Contrast Reading Mode (toggled via Sun button) */
body.eye-care-mode {
filter: sepia(0.12) contrast(1.03) brightness(0.98);
}

/* Calligraphic / High-contrast Script Font matching "Vì người dân Phục vụ", "Phát huy sức mạnh", "Tân Lạc" */
.font-calligraphy {
font-family: 'Playfair Display', Georgia, serif;
font-style: italic;
font-weight: 700;
letter-spacing: -0.01em;
}

.font-calligraphy-brush {
font-family: 'Merienda', 'Playfair Display', cursive;
font-style: italic;
font-weight: 800;
}

/* Italic Serif Motto Font matching "Đoàn kết - Dân chủ - Đồng thuận - Phát triển" */
.font-serif-italic {
font-family: 'Playfair Display', Georgia, serif;
font-style: italic;
font-weight: 700;
}

/* Bold Condensed Sans Font matching "ĐẠI ĐOÀN KẾT TOÀN DÂN TỘC" */
.font-condensed-bold {
font-family: 'Roboto Condensed', 'Roboto', sans-serif;
font-weight: 800;
letter-spacing: -0.01em;
}

/* Top Header Scenic Background matching banner.jpg */
.header-banner {
background: linear-gradient(90deg, #dff1ff 0%, #eef8ff 24%, #25a8ff 68%, #0e84f6 100%);
position: relative;
}

/* Navigation Bar Gradient */
.main-nav {
background: linear-gradient(90deg, #004e9a 0%, #005bb5 50%, #004e9a 100%);
box-shadow: 0 2px 6px rgba(0, 54, 112, 0.2);
}

/* Hero Banner Gold Gradient */
.hero-banner-bg {
background: radial-gradient(circle at 68% 45%, #fffdf2 0%, #fff3b8 38%, #fde073 78%, #f9c835 100%);
}

/* Text Stroke Shadows for Scenic Banners */
.text-white-glow {
text-shadow:
-1.5px -1.5px 0 #fff,

1.5px -1.5px 0 #fff,
-1.5px  1.5px 0 #fff,
1.5px  1.5px 0 #fff,
0px 2px 6px rgba(255,255,255,0.9);
}

.hero-red-title {
color: #d81920;
text-shadow: 0 2px 0 #ffffff, 0 3px 6px rgba(180, 20, 20, 0.18);
}

/* Hide scrollbar utility for horizontal navigation menu */
.no-scrollbar::-webkit-scrollbar {
display: none;
}
.no-scrollbar {
-ms-overflow-style: none;
scrollbar-width: none;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
::-webkit-scrollbar-track {
background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
background: #94a3b8;
border-radius: 4px;
}

/* Luxury Dark Mode Utilities (Dành riêng cho Phân hệ Quản trị Admin) */
body.luxury-admin-body {
background-color: var(--bg-primary);
color: var(--text-main);
font-family: 'Lexend', 'Roboto', sans-serif;
}

.luxury-card {
background-color: var(--bg-surface);
border: 1px solid var(--border-gold);
box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.7);
transition: all 0.3s ease;
}

.luxury-card:hover {
border-color: rgba(197, 160, 40, 0.45);
}

/* Administrative Print Optimization (Only active when printing) */
@media print {
nav.main-nav,
#interactiveModalBackdrop,
#navDropdownPopover,
#floatingToast {
display: none !important;
}
body {
zoom: 100% !important;
filter: none !important;
}
}