/* ====================================
   JetFanTech B2B Foreign Trade Theme
   Overrides the ne-* theme classes
   ==================================== */

:root {
  --bt-primary: #0a2a4a;
  --bt-primary-light: #1a4a7a;
  --bt-accent: #c9a84c;
  --bt-accent-hover: #dbb85c;
  --bt-accent-soft: rgba(201, 168, 76, 0.12);
  --bt-text: #2d3748;
  --bt-text-muted: #718096;
  --bt-text-light: #a0aec0;
  --bt-border: #e2e8f0;
  --bt-bg-soft: #f7fafc;
  --bt-bg-card: #ffffff;
  --bt-shadow: 0 4px 20px rgba(0,0,0,0.06);
  --bt-radius: 10px;
}

/* Reset body font - remove Chinese fonts */
.ne-body {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  background: #fcfcfd !important;
  color: var(--bt-text) !important;
}

/* HEADER: Dark navy corporate */
.ne-header {
  background: var(--bt-primary) !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 50 !important;
}

.ne-globalbar {
  background: rgba(0,0,0,0.2) !important;
  color: rgba(255,255,255,0.5) !important;
  font-size: 11px !important;
}

.ne-header-row {
  display: flex !important;
  align-items: center !important;
  min-height: 64px !important;
  gap: 0 !important;
}

/* Brand */
.ne-brand {
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  min-width: 180px !important;
  width: 180px !important;
  flex: 0 0 180px !important;
  gap: 8px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  padding-right: 16px !important;
}

.ne-brand-mark {
  background: var(--bt-accent) !important;
  color: var(--bt-primary) !important;
  width: 34px !important;
  height: 28px !important;
  font-size: 14px !important;
  border-radius: 4px !important;
}

/* Top navigation */
.ne-topnav {
  display: flex !important;
  align-items: center !important;
  gap: 2px !important;
  flex: 1 1 auto !important;
  justify-content: flex-end !important;
  overflow: hidden !important;
  min-width: 0 !important;
}

.ne-topnav a {
  color: rgba(255,255,255,0.85) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 8px 14px !important;
  border-radius: 6px !important;
  transition: all 0.2s !important;
  white-space: nowrap !important;
  flex: 0 0 auto !important;
}

.ne-topnav a:hover {
  color: #fff !important;
  background: rgba(255,255,255,0.1) !important;
}

.ne-topnav a.is-active {
  color: #fff !important;
  background: rgba(201,168,76,0.25) !important;
}

/* Search - completely hidden */
.ne-search {
  display: none !important;
}

/* Mobile menu button */
.ne-mobile-menu {
  color: rgba(255,255,255,0.7) !important;
}

/* Mobile nav */
.ne-channel-rail a.ne-channel {
  color: rgba(255,255,255,0.7) !important;
  font-size: 13px !important;
  padding: 8px 12px !important;
}

.ne-channel-rail a.ne-channel.is-active {
  color: var(--bt-accent) !important;
  background: rgba(201,168,76,0.1) !important;
}

/* Layout */
.ne-layout {
  display: grid !important;
  grid-template-columns: 1fr 340px !important;
  gap: 32px !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 28px 20px !important;
}

@media (max-width: 900px) {
  .ne-layout {
    grid-template-columns: 1fr !important;
  }
}

/* HOME LEAD SECTION */
.ne-home-lead {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 20px !important;
  background: var(--bt-bg-card) !important;
  border: 1px solid var(--bt-border) !important;
  border-radius: var(--bt-radius) !important;
  overflow: hidden !important;
  margin-bottom: 24px !important;
}

.ne-home-lead-main {
  padding: 28px !important;
}

.ne-page-kicker {
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  color: var(--bt-accent) !important;
  margin-bottom: 8px !important;
}

.ne-home-lead h1 {
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  margin-bottom: 10px !important;
}

.ne-home-lead h1 a {
  color: var(--bt-primary) !important;
}

.ne-home-lead h1 a:hover {
  color: var(--bt-primary-light) !important;
}

.ne-home-lead p {
  font-size: 13px !important;
  color: var(--bt-text-muted) !important;
  line-height: 1.6 !important;
  margin-bottom: 14px !important;
}

.ne-card-action {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--bt-accent) !important;
}

.ne-card-action:hover {
  color: var(--bt-accent-hover) !important;
}

.ne-home-headlines {
  background: var(--bt-bg-soft) !important;
  padding: 20px !important;
}

.ne-mini-title {
  font-size: 10px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  color: var(--bt-text-muted) !important;
  margin-bottom: 12px !important;
}

.ne-home-headlines a {
  display: block !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--bt-text) !important;
  padding: 8px 0 !important;
  border-bottom: 1px solid var(--bt-border) !important;
  line-height: 1.4 !important;
}

.ne-home-headlines a:last-child {
  border-bottom: none !important;
}

.ne-home-headlines a:hover {
  color: var(--bt-primary) !important;
}

/* Section titles */
.ne-section-title {
  margin-bottom: 16px !important;
}

.ne-title-row {
  font-size: 15px !important;
  font-weight: 800 !important;
  color: var(--bt-primary) !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}

/* ARTICLE CARDS */
.ne-feed-card {
  margin-bottom: 24px !important;
}

.ne-article-card {
  display: grid !important;
  grid-template-columns: 1fr 80px !important;
  gap: 16px !important;
  padding: 20px !important;
  background: var(--bt-bg-card) !important;
  border: 1px solid var(--bt-border) !important;
  border-radius: var(--bt-radius) !important;
  margin-bottom: 12px !important;
  transition: box-shadow 0.2s, transform 0.2s !important;
}

.ne-article-card:hover {
  box-shadow: var(--bt-shadow) !important;
  transform: translateY(-2px) !important;
}

.ne-card-meta {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 8px !important;
  flex-wrap: wrap !important;
}

.ne-pill {
  display: inline-block !important;
  background: var(--bt-accent-soft) !important;
  color: var(--bt-accent) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  padding: 3px 10px !important;
  border-radius: 4px !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
}

.ne-pill:hover {
  background: rgba(201,168,76,0.2) !important;
}

.ne-card-meta time {
  font-size: 11px !important;
  color: var(--bt-text-light) !important;
}

.ne-article-title {
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  margin-bottom: 6px !important;
}

.ne-article-title a {
  color: var(--bt-primary) !important;
}

.ne-article-title a:hover {
  color: var(--bt-primary-light) !important;
}

.ne-article-summary {
  font-size: 13px !important;
  color: var(--bt-text-muted) !important;
  line-height: 1.5 !important;
  margin-bottom: 8px !important;
}

/* Thumbnail badge */
.ne-thumb {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 80px !important;
  height: 80px !important;
  background: var(--bt-accent-soft) !important;
  border-radius: 8px !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  color: var(--bt-accent) !important;
  text-decoration: none !important;
  flex-shrink: 0 !important;
}

/* SIDEBAR */
.ne-sidebar {
  /* already positioned by grid */
}

.ne-panel {
  background: var(--bt-bg-card) !important;
  border: 1px solid var(--bt-border) !important;
  border-radius: var(--bt-radius) !important;
  padding: 20px !important;
  margin-bottom: 16px !important;
}

.ne-feed-panel-title {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--bt-primary) !important;
  margin-bottom: 8px !important;
  line-height: 1.3 !important;
}

.ne-feed-panel-desc {
  font-size: 12px !important;
  color: var(--bt-text-muted) !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

.ne-hot-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

.ne-hot-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  padding: 8px 0 !important;
  border-bottom: 1px solid var(--bt-border) !important;
  font-size: 13px !important;
  color: var(--bt-text) !important;
  line-height: 1.4 !important;
}

.ne-hot-item:last-child {
  border-bottom: none !important;
}

.ne-hot-item:hover {
  color: var(--bt-primary) !important;
}

.ne-hot-index {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 22px !important;
  height: 22px !important;
  background: var(--bt-accent-soft) !important;
  color: var(--bt-accent) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  border-radius: 4px !important;
  flex-shrink: 0 !important;
}

/* PAGE HEADERS (category, search) */
.ne-page-head {
  margin-bottom: 24px !important;
}

.ne-page-title {
  font-size: 24px !important;
  font-weight: 800 !important;
  color: var(--bt-primary) !important;
  line-height: 1.2 !important;
}

.ne-page-desc {
  font-size: 13px !important;
  color: var(--bt-text-muted) !important;
  margin-top: 6px !important;
}

.ne-category-head {
  background: var(--bt-bg-card) !important;
  border: 1px solid var(--bt-border) !important;
  border-radius: var(--bt-radius) !important;
  padding: 24px !important;
}

.ne-category-tabs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin-top: 14px !important;
}

.ne-category-tabs a {
  display: inline-block !important;
  padding: 5px 14px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--bt-text-muted) !important;
  border: 1px solid var(--bt-border) !important;
  border-radius: 20px !important;
}

.ne-category-tabs a.is-active {
  background: var(--bt-accent-soft) !important;
  color: var(--bt-accent) !important;
  border-color: var(--bt-accent) !important;
}

/* FOOTER - matches header */
.ne-footer {
  background: var(--bt-primary) !important;
  border-top: 1px solid rgba(255,255,255,0.06) !important;
  margin-top: 40px !important;
}

.ne-footer-inner {
  text-align: center !important;
  padding: 32px 20px !important;
  color: rgba(255,255,255,0.4) !important;
  font-size: 12px !important;
}

/* PAGINATION */
nav[aria-label="Pagination"] {
  margin-top: 24px !important;
}

nav[aria-label="Pagination"] .inline-flex.items-center {
  border-color: var(--bt-border) !important;
  color: var(--bt-text) !important;
  font-size: 13px !important;
}

nav[aria-label="Pagination"] .bg-gray-200 {
  background: var(--bt-accent-soft) !important;
  color: var(--bt-accent) !important;
  border-color: var(--bt-accent) !important;
}

/* ARTICLE DETAIL PAGE */
article.prose {
  max-width: 780px !important;
  margin: 0 auto !important;
  padding: 32px !important;
  background: var(--bt-bg-card) !important;
  border: 1px solid var(--bt-border) !important;
  border-radius: var(--bt-radius) !important;
}

article.prose h1 {
  font-size: 28px !important;
  font-weight: 800 !important;
  color: var(--bt-primary) !important;
  line-height: 1.2 !important;
}

article.prose h2 {
  font-size: 20px !important;
  color: var(--bt-primary) !important;
  border-bottom: 2px solid var(--bt-accent-soft) !important;
  padding-bottom: 6px !important;
}

article.prose a {
  color: var(--bt-primary-light) !important;
}

article.prose blockquote {
  border-left: 3px solid var(--bt-accent) !important;
  background: var(--bt-bg-soft) !important;
  padding: 12px 16px !important;
  border-radius: 0 6px 6px 0 !important;
}

article.prose table th {
  background: var(--bt-primary) !important;
  color: #fff !important;
  font-size: 13px !important;
  padding: 10px 14px !important;
}

article.prose table td {
  padding: 8px 14px !important;
  font-size: 13px !important;
  border-color: var(--bt-border) !important;
}

/* CERTIFICATION BADGES in article */
.cert-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: var(--bt-accent-soft);
  color: var(--bt-accent);
  font-size: 11px;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 4px;
}

/* RESPONSIVE */
@media (max-width: 900px) {
  .ne-home-lead {
    grid-template-columns: 1fr !important;
  }
  
  .ne-article-card {
    grid-template-columns: 1fr !important;
  }
  
  .ne-thumb {
    display: none !important;
  }
  
  .ne-layout {
    grid-template-columns: 1fr !important;
    padding: 16px 12px !important;
  }

  .ne-topnav {
    display: none !important;
  }

  .ne-search {
    display: none !important;
  }

  .ne-mobile-menu {
    display: flex !important;
  }
}

@media (min-width: 901px) {
  .ne-mobile-menu {
    display: none !important;
  }
}