/*
Theme Name: Minh Hue Net Clone
Theme URI: https://vi.minghui.org/news
Author: Antigravity
Author URI: https://google.com
Description: WordPress theme 1:1 clone of Minh Hue Net news page using Vanilla PHP and Tailwind CSS styling.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: minhhue-theme
*/

/* Reset & Design System Tokens */
:root {
  --color-primary: #003366;       /* Xanh Navy chủ đạo */
  --color-primary-hover: #002244;
  --color-secondary: #966e35;     /* Màu vàng đồng tôn kính */
  --color-accent: #e67e22;        /* Màu cam tin tức */
  --color-accent-hover: #d35400;
  --color-bg: #ffffff;            /* Nền trắng sáng sủa */
  --color-bg-alt: #f9f9fb;        /* Nền phụ xám nhẹ */
  --color-text: #1f2937;          /* Màu chữ tối dễ đọc (gray-800) */
  --color-text-muted: #4b5563;    /* Chữ phụ (gray-600) */
  --color-border: #e5e7eb;        /* Viền nhạt (gray-200) */
}

/* Dark Mode Tokens (chuẩn bị sẵn cho tương lai) */
.dark {
  --color-bg: #111827;
  --color-bg-alt: #1f2937;
  --color-text: #f9fafb;
  --color-text-muted: #9ca3af;
  --color-border: #374151;
}

/* Base resets & helper classes */
body {
  font-family: "Noto Serif Lao", Georgia, Cambria, "Times New Roman", Times, serif;
  background-color: var(--color-bg);
  color: var(--color-text);
  line-height: 1.625;
}

h1:not(.text-white), h2:not(.text-white), h3:not(.text-white), h4:not(.text-white), h5:not(.text-white), h6:not(.text-white) {
  font-family: "Noto Sans Lao", system-ui, -apple-system, sans-serif;
  color: var(--color-primary);
}

.mh-cosmos-bg {
  background-color: rgb(48, 113, 192);
  background-image: url("https://vi.minghui.org/news/wp-content/themes/minhhue_v2/assets/images/home/external/cosmos-left.webp"), url("https://vi.minghui.org/news/wp-content/themes/minhhue_v2/assets/images/home/external/cosmos-right.webp");
  background-position: 0% 50%, 100% 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: auto, auto;
}

.mh-cosmos-bg-mobile {
  background-color: rgb(48, 113, 192);
  background-image: url("https://vi.minghui.org/news/wp-content/themes/minhhue_v2/assets/images/home/external/cosmos-right.webp");
  background-position: 100% 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.font-sans-serif {
  font-family: "Noto Serif Lao", Georgia, serif;
}

.font-sans-modern {
  font-family: "Noto Sans Lao", system-ui, -apple-system, sans-serif;
}

/* Custom styles for components */
.mega-menu-body {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  background: white;
  z-index: 50;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  border-top: 3px solid var(--color-accent);
}

.mega-menu-tab:hover .mega-menu-body {
  display: block;
}

/* CSS hoa sen trang trí ở chân trang chủ */
.lotus-divider {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 2rem 0;
}

.lotus-divider::before,
.lotus-divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background-color: var(--color-border);
}

.lotus-divider img {
  width: 48px;
  height: 48px;
  margin: 0 1rem;
}