/* =====================================================================
   Pacific Aero Partners — Theme CSS
   Custom styles that extend / complement Tailwind CDN classes.
   ===================================================================== */

html {
  scroll-behavior: smooth;
}

/* ── Hero background ── */
.hero-bg {
  background: linear-gradient(135deg, #0a1628 0%, #112850 50%, #0a1628 100%);
}

/* ── Gold gradient line ── */
.gold-line {
  background: linear-gradient(90deg, #b8860b, #d4a017, #b8860b);
}

/* ── Section alternating background ── */
.section-alt {
  background-color: #f8fafc;
}

/* ── Card hover lift ── */
.card-hover {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.card-hover:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.10);
}

/* ── Nav link underline animation ── */
.nav-link {
  position: relative;
}
.nav-link::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;
  background: #d4a017;
  transition: width 0.25s ease;
}
.nav-link:hover::after {
  width: 100%;
}

/* ── Stat card accent border ── */
.stat-card {
  border-top: 3px solid #d4a017;
}

/* ── Language toggle pill ── */
.lang-toggle {
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  padding: 2px;
  gap: 0;
  cursor: pointer;
  user-select: none;
}
.lang-toggle .lang-opt {
  padding: 3px 12px;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  transition: background 0.2s, color 0.2s;
  color: rgba(255, 255, 255, 0.5);
  white-space: nowrap;
}
.lang-toggle .lang-opt.active {
  background: #d4a017;
  color: #0a1628;
}

/* ── Language transition fade ── */
[data-i18n],
[data-i18n-html] {
  transition: opacity 0.18s ease;
}
.lang-transitioning [data-i18n],
.lang-transitioning [data-i18n-html] {
  opacity: 0;
}

/* ── News archive pagination ── */
.page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #64748b;
  text-decoration: none;
  transition: background 0.15s, color 0.15s;
  margin: 0 2px;
}
.page-numbers:hover,
.page-numbers.current {
  background: #0a1628;
  color: #ffffff;
}

/* ── WordPress Prose / Article content ── */
.prose img {
  border-radius: 1rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.prose h2 {
  margin-top: 2.5rem;
}
.prose blockquote {
  border-left-color: #d4a017;
  background: #f8fafc;
  padding: 1rem 1.5rem;
  border-radius: 0 0.75rem 0.75rem 0;
}

/* ── Scroll offset for fixed header (anchor links) ── */
[id] {
  scroll-margin-top: 80px;
}