/*
Theme Name: HDVN Scout
Theme URI: https://hdvn.info
Author: Huong Dao Viet Nam & Antigravity
Author URI: https://hdvn.info
Description: Giao diện độc lập, siêu tốc độ cho HDVN.info lấy cảm hứng từ hệ thống thiết kế chính thức của World Scout (scout.org). Không sử dụng Page Builder, thuần Tailwind CSS và chuẩn hóa chuẩn SEO WordPress.
Version: 1.0.4
Text Domain: hdvn-scout
*/

/* Strict 0px Border Radius across all elements */
*, *::before, *::after {
  border-radius: 0 !important;
}

/* Base CSS & Reset */
:root {
  --color-scout-purple: #622599;
  --color-scout-purple-hover: #4e1c7d;
  --color-scout-space: #201335;
  --color-scout-space-dark: #140b24;
  --color-scout-tint: #f4f0f8;
  --color-scout-emerald: #00a887;
  --color-scout-border: #e6e6ea;
}

html {
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
  max-width: 100%;
}

body {
  font-family: 'Noto Sans', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: #201335;
  background-color: #ffffff;
  overflow-x: hidden;
  max-width: 100%;
}

/* World Scout Modern Geometric Typography */
h1, h2, h3, h4, h5, h6,
.font-heading,
.font-black,
.font-extrabold {
  font-family: 'Plus Jakarta Sans', 'Noto Sans', system-ui, -apple-system, sans-serif !important;
  letter-spacing: -0.02em;
}

/* Scout Sharp Button */
.btn-scout-primary {
  background-color: var(--color-scout-purple);
  color: #ffffff;
  border-radius: 0 !important;
  font-family: 'Plus Jakarta Sans', 'Noto Sans', sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  padding: 0.75rem 1.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  text-decoration: none;
  border: none;
  cursor: pointer;
}
.btn-scout-primary:hover {
  background-color: var(--color-scout-purple-hover);
  color: #ffffff;
}

.btn-scout-outline {
  border: 1.5px solid #ffffff;
  color: #ffffff;
  border-radius: 0 !important;
  font-family: 'Plus Jakarta Sans', 'Noto Sans', sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  padding: 0.7rem 1.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(8px);
  text-decoration: none;
  cursor: pointer;
}
.btn-scout-outline:hover {
  background-color: #ffffff;
  color: var(--color-scout-space);
}

.btn-scout-dark {
  background-color: var(--color-scout-space);
  color: #ffffff;
  border-radius: 0 !important;
  font-family: 'Plus Jakarta Sans', 'Noto Sans', sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  padding: 0.75rem 1.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  text-decoration: none;
  border: none;
  cursor: pointer;
}
.btn-scout-dark:hover {
  background-color: var(--color-scout-purple);
  color: #ffffff;
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #f1f1f5;
}
::-webkit-scrollbar-thumb {
  background: #b69cdb;
  border-radius: 0 !important;
}
::-webkit-scrollbar-thumb:hover {
  background: #622599;
}

/* Prose Styling for Article Content */
.entry-content {
  color: #333333;
  line-height: 1.8;
  font-size: 1.1rem;
}
.entry-content p {
  margin-bottom: 1.5rem;
}
.entry-content h2 {
  font-size: 1.85rem;
  font-weight: 800;
  color: #201335;
  margin-top: 2.5rem;
  margin-bottom: 1rem;
  line-height: 1.3;
}
.entry-content h3 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #201335;
  margin-top: 2rem;
  margin-bottom: 0.75rem;
}
.entry-content ul, .entry-content ol {
  margin-bottom: 1.5rem;
  padding-left: 1.5rem;
}
.entry-content ul {
  list-style-type: disc;
}
.entry-content ol {
  list-style-type: decimal;
}
.entry-content li {
  margin-bottom: 0.5rem;
}
.entry-content img {
  border-radius: 0 !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.06);
  margin: 2rem auto;
  max-width: 100%;
  height: auto;
}
.entry-content blockquote {
  border-left: 4px solid var(--color-scout-purple);
  background-color: var(--color-scout-tint);
  padding: 1.25rem 1.75rem;
  border-radius: 0 !important;
  font-style: italic;
  margin: 2rem 0;
  color: #4a3b63;
}
.entry-content a {
  color: var(--color-scout-purple);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.entry-content a:hover {
  color: var(--color-scout-purple-hover);
}

/* Carousel No-Scrollbar */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}