/* ===================================
   VAMNET LIGHT PREMIUM THEME
=================================== */

:root{
  --vn-bg: #f6f8ff;
  --vn-surface: #ffffff;
  --vn-surface-2: #f1f5ff;
  --vn-text: #0f172a;
  --vn-muted: #475569;
  --vn-border: rgba(15,23,42,.10);

  --vn-primary: #2563eb;
  --vn-primary-2:#7c3aed;
  --vn-accent: #f59e0b;
  --vn-success:#10b981;

  --vn-radius: 22px;
  --vn-radius-sm: 16px;
  --vn-shadow: 0 18px 55px rgba(15,23,42,.10);
  --vn-shadow-sm: 0 10px 25px rgba(15,23,42,.08);
}

*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  margin:0;
  font-family: "IRANYekan","Vazirmatn",system-ui,-apple-system,"Segoe UI",sans-serif;
  direction: rtl;
  text-align: right;
  color: var(--vn-text);
  background:
    radial-gradient(circle at 10% 5%, rgba(37,99,235,.10), transparent 45%),
    radial-gradient(circle at 90% 15%, rgba(124,58,237,.10), transparent 45%),
    radial-gradient(circle at 50% 100%, rgba(245,158,11,.08), transparent 40%),
    var(--vn-bg);
}

a{ color:inherit; text-decoration:none; }
.vn-container{ max-width:1180px; margin:0 auto; padding:0 20px; }

/* sections */
.vn-section{ padding:64px 0; }
.vn-section-soft{ background: rgba(255,255,255,.55); border-top:1px solid rgba(15,23,42,.06); border-bottom:1px solid rgba(15,23,42,.06); }
.vn-section-header h2{ margin:0 0 10px; font-size:1.55rem; letter-spacing:-.2px; }
.vn-section-header p{ margin:0; color:var(--vn-muted); line-height:1.9; }

/* hero */
.vn-hero{ padding: 44px 0 12px; }
.vn-hero-inner{
  display:grid;
  grid-template-columns: minmax(0,1.3fr) minmax(0,1fr);
  gap:24px;
  align-items:center;
}
.vn-badge{
  display:inline-flex; align-items:center; gap:10px;
  padding:10px 12px;
  background: rgba(37,99,235,.08);
  border:1px solid rgba(37,99,235,.15);
  border-radius:999px;
  font-weight:800;
}
.vn-badge-dot{
  width:10px; height:10px; border-radius:50%;
  background: var(--vn-success);
  box-shadow: 0 0 0 5px rgba(16,185,129,.15);
}
.vn-hero-title{ margin:14px 0 10px; font-size:2.05rem; line-height:1.6; letter-spacing:-.5px; }
.vn-hero-title span{ display:block; margin-top:8px; font-size:1.05rem; color:var(--vn-muted); font-weight:700; }
.vn-hero-subtitle{ margin:0 0 18px; color:var(--vn-muted); line-height:2; }

.vn-hero-actions{ display:flex; flex-wrap:wrap; gap:10px; }

.vn-btn-primary, .vn-btn-secondary, .vn-btn-ghost{
  display:inline-flex; align-items:center; justify-content:center;
  padding:12px 16px;
  border-radius:14px;
  font-weight:900;
  transition:.18s ease;
}
.vn-btn-primary{
  color:#fff;
  background: linear-gradient(135deg, var(--vn-primary), var(--vn-primary-2));
  box-shadow: var(--vn-shadow-sm);
}
.vn-btn-primary:hover{ transform: translateY(-1px); filter:brightness(1.03); }

.vn-btn-secondary{
  background: rgba(245,158,11,.18);
  border:1px solid rgba(245,158,11,.35);
  color: var(--vn-text);
}
.vn-btn-secondary:hover{ transform: translateY(-1px); background: rgba(245,158,11,.22); }

.vn-btn-ghost{
  background:#fff;
  border:1px solid var(--vn-border);
  color: var(--vn-text);
}
.vn-btn-ghost:hover{ transform: translateY(-1px); box-shadow: var(--vn-shadow-sm); }

.vn-btn-full{ width:100%; }

.vn-hero-stats{
  margin-top:16px;
  display:grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap:12px;
}
.vn-hero-stats > div{
  background: var(--vn-surface);
  border:1px solid var(--vn-border);
  border-radius: var(--vn-radius-sm);
  padding:12px;
  box-shadow: 0 10px 25px rgba(15,23,42,.06);
}
.vn-hero-stats strong{ display:block; font-size:1.05rem; }
.vn-hero-stats span{ color:var(--vn-muted); font-size:.92rem; }

/* hero cards */
.vn-hero-visual{ position:relative; }
.vn-hero-card{
  background: var(--vn-surface);
  border:1px solid var(--vn-border);
  border-radius: var(--vn-radius);
  padding:16px;
  box-shadow: var(--vn-shadow);
  transform-style: preserve-3d;
}
.vn-hero-card-header{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:12px; color:var(--vn-muted); font-weight:800; }
.vn-chip{
  padding:6px 10px;
  border-radius:999px;
  background: rgba(124,58,237,.10);
  border:1px solid rgba(124,58,237,.18);
  font-weight:900;
  color: var(--vn-text);
}
.vn-hero-card-row{
  display:flex; align-items:center; justify-content:space-between;
  padding:10px 0;
  border-bottom:1px dashed rgba(15,23,42,.12);
}
.vn-hero-card-row:last-child{ border-bottom:0; }
.vn-hero-card-row span{ color:var(--vn-muted); }
.vn-hero-card-row strong{ color: var(--vn-text); }
.vn-hero-card-footer{ margin-top:12px; }

.vn-hero-floating-card{
  margin-top:14px;
  background: rgba(37,99,235,.08);
  border:1px solid rgba(37,99,235,.16);
  border-radius: var(--vn-radius);
  padding:12px 14px;
}
.vn-hero-floating-card span{ color:var(--vn-muted); font-weight:800; }
.vn-hero-floating-card strong{ display:block; margin-top:6px; }

/* grid/cards */
.vn-grid-3{ display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:16px; }
.vn-card{
  background: var(--vn-surface);
  border:1px solid var(--vn-border);
  border-radius: var(--vn-radius);
  padding:18px 16px;
  box-shadow: var(--vn-shadow-sm);
  transition:.2s ease;
}
.vn-card:hover{ transform: translateY(-4px); box-shadow: var(--vn-shadow); }
.vn-card-tag{
  display:inline-flex;
  padding:6px 10px;
  border-radius:999px;
  background: rgba(245,158,11,.18);
  border:1px solid rgba(245,158,11,.35);
  font-weight:900;
  font-size:.85rem;
  margin-bottom:10px;
}
.vn-card-icon{ font-size:1.35rem; margin-bottom:10px; }
.vn-card h3{ margin:6px 0 8px; }
.vn-card p{ margin:0 0 12px; color:var(--vn-muted); line-height:1.9; }
.vn-card-list{ margin:0; padding:0 18px 0 0; color:var(--vn-muted); }
.vn-card-list li{ margin:6px 0; }
.vn-card-cta{
  margin-top:12px;
  display:inline-flex;
  padding:11px 14px;
  border-radius:14px;
  font-weight:900;
  color:#fff;
  background: linear-gradient(135deg, var(--vn-primary), var(--vn-primary-2));
  box-shadow: var(--vn-shadow-sm);
  border:0;
  cursor:pointer;
}
.vn-card-cta:hover{ transform: translateY(-1px); }

/* Image banner (no text) */
.vn-image-banner{
  height: 320px;
  border-radius: var(--vn-radius);
  background-size: cover;
  background-position: center;
  border:1px solid var(--vn-border);
  box-shadow: var(--vn-shadow);
}
@media(max-width:768px){
  .vn-image-banner{ height: 220px; }
}

/* calculator */
.vn-calculator{
  background: var(--vn-surface);
  border:1px solid var(--vn-border);
  border-radius: var(--vn-radius);
  padding:18px;
  box-shadow: var(--vn-shadow);
  display:grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap:16px;
}
.vn-calculator-form, .vn-calculator-result{ background: rgba(15,23,42,.03); border:1px solid rgba(15,23,42,.08); border-radius: var(--vn-radius-sm); padding:14px; }
.vn-form-group{ display:flex; flex-direction:column; gap:6px; margin-bottom:12px; }
.vn-form-row{ display:grid; grid-template-columns: 1fr 1fr; gap:12px; }
label{ font-weight:800; color: var(--vn-text); }
input, select, textarea{
  padding:12px 12px;
  border-radius:12px;
  border:1px solid rgba(15,23,42,.12);
  outline:none;
  background:#fff;
  color: var(--vn-text);
}
input:focus, select:focus, textarea:focus{
  border-color: rgba(37,99,235,.40);
  box-shadow: 0 0 0 4px rgba(37,99,235,.12);
}
.vn-calculator-values{ display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:12px; }
.vn-calculator-values > div{
  background:#fff;
  border:1px solid rgba(15,23,42,.10);
  border-radius:14px;
  padding:12px;
}
.vn-calculator-placeholder{ color: var(--vn-muted); line-height:1.9; }
.vn-calculator-note{ color: var(--vn-muted); line-height:1.9; }
.hidden{ display:none !important; }

/* steps */
.vn-steps{ display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:16px; }
.vn-step{
  background: var(--vn-surface);
  border:1px solid var(--vn-border);
  border-radius: var(--vn-radius);
  padding:18px 16px;
  box-shadow: var(--vn-shadow-sm);
}
.vn-step-number{
  width:40px; height:40px; border-radius:14px;
  display:grid; place-items:center;
  background: linear-gradient(135deg, rgba(37,99,235,.15), rgba(124,58,237,.12));
  border:1px solid rgba(37,99,235,.20);
  font-weight:900;
  margin-bottom:10px;
}

/* why */
.vn-why-grid{ display:grid; grid-template-columns: minmax(0,1.2fr) minmax(0,.8fr); gap:16px; align-items:start; }
.vn-benefits{ margin:12px 0 0; padding:0 18px 0 0; color: var(--vn-muted); }
.vn-benefits li{ margin:8px 0; }

.vn-stat-card{
  background: var(--vn-surface);
  border:1px solid var(--vn-border);
  border-radius: var(--vn-radius);
  padding:18px 16px;
  box-shadow: var(--vn-shadow);
}
.vn-stat-row{ display:flex; justify-content:space-between; padding:10px 0; border-bottom:1px dashed rgba(15,23,42,.12); }
.vn-stat-row:last-child{ border-bottom:0; }
.vn-stat-note{ color: var(--vn-muted); line-height:1.9; margin-top:10px; }

/* FAQ */
.vn-faq{ display:grid; gap:12px; }
.vn-faq-item{
  background: var(--vn-surface);
  border:1px solid var(--vn-border);
  border-radius: var(--vn-radius);
  box-shadow: var(--vn-shadow-sm);
  overflow:hidden;
}
.vn-faq-question{
  width:100%;
  background:transparent;
  border:0;
  padding:14px 14px;
  font-weight:900;
  display:flex;
  justify-content:space-between;
  align-items:center;
  cursor:pointer;
}
.vn-faq-icon{ font-weight:900; }
.vn-faq-answer{
  max-height:0;
  overflow:hidden;
  transition:max-height .25s ease;
  padding:0 14px;
}
.vn-faq-item.is-open .vn-faq-answer{ padding:0 14px 14px; }
.vn-faq-answer p{ margin:10px 0 0; color: var(--vn-muted); line-height:1.9; }

/* contact */
.vn-section-contact{ background: rgba(255,255,255,.55); border-top:1px solid rgba(15,23,42,.06); }
.vn-contact-grid{ display:grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap:16px; align-items:start; }
.vn-contact-highlight{
  margin-top:10px;
  padding:10px 12px;
  background:#fff;
  border:1px solid rgba(15,23,42,.10);
  border-radius:14px;
  display:flex;
  justify-content:space-between;
  gap:12px;
}
.vn-contact-form{
  background: var(--vn-surface);
  border:1px solid var(--vn-border);
  border-radius: var(--vn-radius);
  padding:18px;
  box-shadow: var(--vn-shadow);
}
.vn-form-note{ color: var(--vn-muted); line-height:1.9; margin-top:10px; }

/* reveal animation */
.reveal-on-scroll{ opacity:0; transform: translateY(14px); transition: .55s ease; }
.reveal-on-scroll.is-visible{ opacity:1; transform: translateY(0); }

/* responsive */
@media (max-width: 980px){
  .vn-hero-inner{ grid-template-columns:1fr; }
  .vn-grid-3{ grid-template-columns:1fr; }
  .vn-hero-stats{ grid-template-columns:1fr; }
  .vn-steps{ grid-template-columns:1fr; }
  .vn-why-grid{ grid-template-columns:1fr; }
  .vn-contact-grid{ grid-template-columns:1fr; }
  .vn-calculator{ grid-template-columns:1fr; }
  .vn-form-row{ grid-template-columns:1fr; }
}
/* WP Menu */
.vn-menu, .vn-menu-mobile{ list-style:none; margin:0; padding:0; }
.vn-menu{ display:flex; align-items:center; gap:18px; }
.vn-menu li{ margin:0; }
.vn-menu a{ font-weight:800; color:var(--vn-text); opacity:.88; }
.vn-menu a:hover{ opacity:1; }

.vn-header-cta{ display:flex; gap:8px; }
.vn-header-pill{
  padding:10px 12px;
  border-radius:999px;
  border:1px solid rgba(15,23,42,.12);
  background:#fff;
  font-weight:900;
}
.vn-header-pill:hover{ box-shadow:0 10px 25px rgba(15,23,42,.08); transform: translateY(-1px); }

.vn-nav-mobile{ display:none; }
.vn-nav-mobile.is-open{ display:flex; flex-direction:column; gap:10px; padding:14px; }
.vn-menu-mobile{ display:flex; flex-direction:column; gap:8px; }
.vn-menu-mobile a{ display:block; padding:10px 12px; border-radius:12px; border:1px solid rgba(15,23,42,.08); background:#fff; font-weight:900; }

.vn-nav-mobile-extra{ display:flex; gap:8px; margin-top:8px; }
.vn-nav-mobile-pill{
  flex:1;
  text-align:center;
  padding:10px 12px;
  border-radius:14px;
  background: linear-gradient(135deg, var(--vn-primary), var(--vn-primary-2));
  color:#fff;
  font-weight:900;
}

/* Responsive: در موبایل CTA های هدر مخفی شود */
@media (max-width: 980px){
  .vn-nav{ display:none; }
  .vn-header-cta{ display:none; }
}
/* ===========================
   WP Menu Fix (Desktop/Mobile)
=========================== */
.vn-nav .vn-menu{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 20px;
}

.vn-nav .vn-menu > li{
  margin: 0;
  padding: 0;
}

.vn-nav .vn-menu > li > a{
  display: inline-block;
  position: relative;
  padding: 4px 0;
  transition: color var(--vn-transition-fast);
  color: var(--vn-text-soft);
}

.vn-nav .vn-menu > li > a::after{
  content:"";
  position:absolute;
  inset-inline-start:0;
  bottom:-4px;
  width:0;
  height:2px;
  border-radius:999px;
  background: var(--vn-primary-gradient);
  transition: width var(--vn-transition-normal);
}

.vn-nav .vn-menu > li > a:hover{
  color: #e5e7eb;
}
.vn-nav .vn-menu > li > a:hover::after{
  width: 100%;
}

/* اگر آیتمی را می‌خوای شبیه CTA شود، در وردپرس به آن کلاس menu-cta بده */
.vn-nav .vn-menu > li.menu-cta > a{
  padding: 8px 16px;
  border-radius: var(--vn-radius-pill);
  background: var(--vn-primary-gradient);
  color: #fff !important;
  box-shadow: var(--vn-shadow-soft);
}

/* Mobile ul */
.vn-nav-mobile .vn-menu-mobile{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.vn-nav-mobile .vn-menu-mobile > li{ margin:0; padding:0; }

.vn-nav-mobile .vn-menu-mobile > li > a{
  display:block;
  padding: 10px 12px;
  border-radius: 12px;
  font-size: .9rem;
  color: var(--vn-text-soft);
  border: 1px solid rgba(148,163,184,.12);
  background: rgba(15, 23, 42, 0.55);
}
.vn-nav-mobile .vn-menu-mobile > li > a:hover{
  background: rgba(31, 41, 55, 0.9);
  color: #e5e7eb;
}
.vn-header{
  position: sticky;
  top: 0;
  z-index: 999;
  background: rgba(255,255,255,.75);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(15,23,42,.06);
}

body.admin-bar .vn-header{
  top: 32px;
}
.vn-header-inner{
  min-height: 72px;
  padding-block: 10px;
}
.vn-header-pill:first-child{
  background: linear-gradient(135deg,#fbbf24,#f59e0b);
  color:#111827;
  font-weight:900;
}

.vn-header-pill:last-child{
  background:#fff;
  border:1px solid rgba(15,23,42,.15);
}
.vn-nav a{
  opacity:.8;
}
.vn-nav a:hover{
  opacity:1;
}
.vn-hero-card{
  box-shadow: 0 30px 80px rgba(99,102,241,.18);
  border: 1px solid rgba(99,102,241,.15);
}
.vn-btn-primary{
  box-shadow: 0 15px 35px rgba(79,70,229,.35);
  animation: pulseCTA 2.5s infinite;
}

@keyframes pulseCTA {
  0% { box-shadow: 0 0 0 0 rgba(79,70,229,.4); }
  70% { box-shadow: 0 0 0 14px rgba(79,70,229,0); }
  100% { box-shadow: 0 0 0 0 rgba(79,70,229,0); }
}
/* =========================
   One Menu Rule (Desktop vs Mobile)
========================= */

/* پیش‌فرض دسکتاپ: منوی موبایل مخفی */
.vn-nav-mobile { display: none !important; }
.vn-nav-toggle { display: none !important; }

/* دسکتاپ: منوی اصلی نمایش داده شود */
.vn-nav { display: block !important; }

/* موبایل و تبلت: منوی اصلی مخفی + همبرگری فعال */
@media (max-width: 980px) {
  .vn-nav { display: none !important; }
  .vn-header-cta { display: none !important; } /* اگر CTA جدا داری، تو موبایل بره داخل منوی موبایل */
  .vn-nav-toggle { display: inline-flex !important; }

  /* منوی موبایل فقط وقتی باز شد نمایش داده شود */
  .vn-nav-mobile { display: none !important; }
  .vn-nav-mobile.is-open { display: block !important; }
}
/* =========================
   Header Layout Fix
========================= */

.vn-header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

/* لوگو سمت راست */
.vn-logo {
  flex-shrink: 0;
}

/* منوی اصلی وسط */
.vn-nav {
  display: flex;
  align-items: center;
  gap: 22px;
  margin-right: auto; /* هل دادن CTA به چپ */
}

/* دکمه‌ها سمت چپ */
.vn-header-cta {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}

/* استایل دکمه‌ها */
.vn-header-cta a {
  padding: 8px 18px;
  border-radius: 999px;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
  white-space: nowrap;
}

/* وام با طلا */
.vn-header-cta .btn-gold {
  background: linear-gradient(135deg, #f7b500, #ffcc4d);
  color: #1a1a1a;
}

/* وام با سیمکارت */
.vn-header-cta .btn-sim {
  background: #fff;
  color: #333;
  border: 1px solid #ddd;
}
/* =========================
   UX Header – Sticky + Shrink + Smart CTA
========================= */

/* هدر شیشه‌ای و چسبان */
.vn-header{
  position: sticky;
  top: 0;
  z-index: 999;
  background: rgba(255,255,255,.78);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(15,23,42,.08);
}

/* فاصله و ارتفاع هدر در حالت عادی */
.vn-header-inner{
  min-height: 78px;
  padding: 12px 0;
  transition: min-height .25s ease, padding .25s ease;
}

/* وقتی اسکرول کردیم، هدر جمع‌تر شود */
.vn-header.is-scrolled .vn-header-inner{
  min-height: 64px;
  padding: 8px 0;
}

/* لینک‌های منو کمی نرم‌تر */
.vn-nav a{
  opacity: .85;
  transition: opacity .2s ease, transform .2s ease;
}
.vn-nav a:hover{
  opacity: 1;
  transform: translateY(-1px);
}

/* CTA اصلی (وام با طلا) کمی پررنگ‌تر */
.vn-header-cta .btn-gold{
  box-shadow: 0 14px 28px rgba(245,158,11,.22);
  transition: transform .2s ease, box-shadow .2s ease;
}
.vn-header-cta .btn-gold:hover{
  transform: translateY(-1px);
  box-shadow: 0 18px 38px rgba(245,158,11,.30);
}

/* CTA ثانویه (سیمکارت) */
.vn-header-cta .btn-sim{
  transition: transform .2s ease;
}
.vn-header-cta .btn-sim:hover{
  transform: translateY(-1px);
}
@media (max-width: 980px){
  .vn-nav{ display:none !important; }
  .vn-nav-toggle{ display:inline-flex !important; }
  .vn-header-cta{ display:none !important; } /* CTA بیرون هدر در موبایل حذف */

  .vn-nav-mobile{
    display:none !important;
    padding: 14px;
    border-top: 1px solid rgba(15,23,42,.08);
  }
  .vn-nav-mobile.is-open{ display:block !important; }

  .vn-menu-mobile{
    display:grid;
    gap:10px;
  }

  /* CTAها داخل منوی موبایل (اگر لینک‌هاشون داخل ul هست) */
  .vn-menu-mobile a{
    padding: 14px 16px;
    border-radius: 14px;
    background: #f1f5f9;
    font-weight: 800;
    text-align: center;
  }
}
<script>
(function () {
  const header = document.querySelector('.vn-header');
  const btn = document.querySelector('.vn-nav-toggle');
  const mobile = document.querySelector('.vn-nav-mobile');

  // Sticky shrink on scroll
  function onScroll(){
    if(!header) return;
    header.classList.toggle('is-scrolled', window.scrollY > 20);
  }
  window.addEventListener('scroll', onScroll, { passive:true });
  onScroll();

  // Mobile toggle
  if(btn && mobile){
    btn.addEventListener('click', function (e) {
      e.stopPropagation();
      mobile.classList.toggle('is-open');
    });

    // close when clicking outside
    document.addEventListener('click', function(){
      mobile.classList.remove('is-open');
    });

    // prevent close when clicking inside menu
    mobile.addEventListener('click', function(e){
      e.stopPropagation();
    });
  }
})();
</script>
/* =========================
   Header Theme Modes (Light / Dark)
========================= */

/* حالت صفحه اصلی (روشن) */
.vn-header.is-light{
  background: rgba(255,255,255,.82);
  border-bottom: 1px solid rgba(15,23,42,.08);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.vn-header.is-light .vn-nav a{ color:#0f172a; opacity:.85; }
.vn-header.is-light .vn-nav a:hover{ opacity:1; }
.vn-header.is-light .vn-logo,
.vn-header.is-light .vn-logo-text{ color:#0f172a; }

/* حالت صفحات داخلی/وام (تیره و هماهنگ با هیرو) */
.vn-header.is-dark{
  background: rgba(10,16,35,.55);
  border-bottom: 1px solid rgba(255,255,255,.10);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.vn-header.is-dark .vn-nav a{
  color: rgba(255,255,255,.88);
  opacity: .85;
}
.vn-header.is-dark .vn-nav a:hover{
  opacity: 1;
}
.vn-header.is-dark .vn-logo,
.vn-header.is-dark .vn-logo-text{
  color: rgba(255,255,255,.95);
}

/* دکمه‌ها در حالت تیره (سیمکارت سفید شفاف، طلا طلایی‌تر) */
.vn-header.is-dark .vn-header-cta .btn-sim{
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.18);
  color: #fff;
}
.vn-header.is-dark .vn-header-cta .btn-gold{
  background: linear-gradient(135deg, #f7b500, #ffd76a);
  color: #111827;
  border: none;
}

/* همبرگری در حالت تیره */
.vn-header.is-dark .vn-nav-toggle span{
  background: rgba(255,255,255,.9);
}
/* =========================
   Loan Pages Typography Palette Fix
   targets: vn-page-loan-gold / vn-page-loan-sim
========================= */

.vn-page-loan-gold,
.vn-page-loan-sim,
.vn-page.vn-page-loan-sim,
.vn-page.vn-page-loan-gold{
  --vn-ink: #0f172a;         /* متن اصلی */
  --vn-ink-2: #334155;       /* متن ثانویه */
  --vn-link: #4f46e5;        /* لینک هماهنگ */
  --vn-link-hover: #6d28d9;  /* لینک هاور */
  --vn-accent: #f7b500;      /* طلایی */
}

/* متن‌های داخل صفحه وام */
.vn-page-loan-gold main,
.vn-page-loan-sim main,
.vn-page.vn-page-loan-gold,
.vn-page.vn-page-loan-sim{
  color: var(--vn-ink);
}

.vn-page-loan-gold p,
.vn-page-loan-sim p,
.vn-page-loan-gold li,
.vn-page-loan-sim li{
  color: var(--vn-ink-2);
}

/* هدینگ‌ها */
.vn-page-loan-gold h1,
.vn-page-loan-sim h1,
.vn-page-loan-gold h2,
.vn-page-loan-sim h2,
.vn-page-loan-gold h3,
.vn-page-loan-sim h3{
  color: var(--vn-ink);
}

/* لینک‌ها (همون مشکل رنگ "راهنمای کامل..." معمولاً اینجاست) */
.vn-page-loan-gold a,
.vn-page-loan-sim a{
  color: var(--vn-link);
  text-decoration: none;
  font-weight: 600;
}

.vn-page-loan-gold a:hover,
.vn-page-loan-sim a:hover{
  color: var(--vn-link-hover);
  text-decoration: underline;
}

/* اگر لینک داخل هیرو است و میخوای طلایی/اکسنت باشد */
.vn-page-loan-gold .vn-hero a,
.vn-page-loan-gold .vn-hero .vn-hero-subtitle a{
  color: var(--vn-link);
}

/* متن کوچک زیر تیتر که الان نارنجی/زرد شده را هماهنگ کنیم */
.vn-page-loan-gold .vn-hero .vn-hero-subtitle,
.vn-page-loan-sim .vn-hero .vn-hero-subtitle{
  color: rgba(15,23,42,.72);
}

/* اگر یک "caption" یا "eyebrow" داری که زرد شده */
.vn-page-loan-gold .vn-hero .vn-badge,
.vn-page-loan-sim .vn-hero .vn-badge{
  color: rgba(15,23,42,.78);
}
/* Article Header – Light Theme */
.vn-article-header{
  text-align:right;
  margin-bottom:24px;
}

.vn-article-eyebrow{
  margin:0 0 8px;
  font-size:.95rem;
  font-weight:800;
  color:#4f46e5;
}

.vn-article-title{
  margin:0 0 12px;
  font-size:1.85rem;
  font-weight:900;
  line-height:1.45;
  color:#0f172a;
}

.vn-article-lead{
  margin:0;
  font-size:1.02rem;
  line-height:2;
  color:rgba(15,23,42,.78);
}