/* ==========================================================================
   nav.css — منوی افقی دسکتاپ + بخش‌های اعتمادساز
   فایل جداست تا استایل‌های موجود دست‌نخورده بمانند.
   بعد از components.css و قبل از responsive.css لینک شود.
   ========================================================================== */

/* ---------- منوی افقی (فقط دسکتاپ) ---------- */
.desktop-nav { display: none; }

.desktop-nav a {
  position: relative;
  padding: 8px 11px;
  font-size: var(--fs-sm, 14px);
  font-weight: 600;
  color: rgba(255,255,255,0.72);
  text-decoration: none;
  border-radius: var(--radius-full, 999px);
  transition: color .22s ease, background .22s ease;
  white-space: nowrap;
}
.desktop-nav a:hover { color: #fff; background: rgba(255,255,255,0.07); }

.desktop-nav a.active { color: var(--gold-light, #F2DE84); }
.desktop-nav a.active::after {
  content: '';
  position: absolute;
  right: 11px; left: 11px; bottom: 2px;
  height: 2px;
  background: var(--grad-gold, #C7B04A);
  border-radius: 2px;
}

@media (min-width: 1000px) {
  .hamburger-btn { display: none !important; }
  .desktop-nav { display: flex; align-items: center; gap: 2px; }
}

/* ---------- بخش اعتماد ---------- */
.trust-section { padding: var(--space-xl, 64px) 0; }

.trust-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 18px;
  margin-top: 34px;
}

.trust-card {
  background: var(--glass-bg, rgba(255,255,255,.045));
  border: var(--glass-border, 1px solid rgba(255,255,255,.12));
  border-radius: var(--radius-lg, 18px);
  padding: 26px 24px;
  backdrop-filter: var(--glass-blur, blur(22px));
  -webkit-backdrop-filter: var(--glass-blur, blur(22px));
  transition: transform .25s ease, border-color .25s ease;
}
.trust-card:hover { transform: translateY(-4px); border-color: rgba(199,176,74,.42); }

.trust-card .t-icon {
  width: 44px; height: 44px;
  display: flex; align-items: center; justify-content: center;
  border-radius: 12px;
  background: rgba(199,176,74,.12);
  border: 1px solid rgba(199,176,74,.3);
  margin-bottom: 16px;
}
.trust-card .t-icon svg { width: 22px; height: 22px; stroke: var(--gold-light, #F2DE84); fill: none; stroke-width: 1.8; }

.trust-card h3 { font-size: 17px; font-weight: 700; margin: 0 0 8px; color: #fff; }
.trust-card p  { font-size: 14.5px; line-height: 1.9; color: rgba(255,255,255,0.66); margin: 0; }

/* ---------- نقل‌قول موضع (رازداری) ---------- */
.stance {
  margin-top: 34px;
  padding: 30px 34px;
  border-radius: var(--radius-lg, 18px);
  background: var(--glass-bg, rgba(255,255,255,.045));
  border: var(--glass-border, 1px solid rgba(255,255,255,.12));
  border-right: 3px solid var(--gold, #C7B04A);
}
.stance p { font-size: 17px; line-height: 2; color: rgba(255,255,255,0.82); margin: 0 0 10px; }
.stance span { font-size: 14px; color: rgba(255,255,255,0.5); }

/* ---------- کارت خدمات (صفحهٔ سایر نرم‌افزارها) ---------- */
.svc-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
  gap: 20px;
  margin-top: 40px;
}
.svc-card {
  background: var(--glass-bg, rgba(255,255,255,.045));
  border: var(--glass-border, 1px solid rgba(255,255,255,.12));
  border-radius: var(--radius-lg, 18px);
  padding: 30px 28px;
  backdrop-filter: var(--glass-blur, blur(22px));
  -webkit-backdrop-filter: var(--glass-blur, blur(22px));
  display: flex; flex-direction: column;
  transition: transform .25s ease, border-color .25s ease;
}
.svc-card:hover { transform: translateY(-5px); border-color: rgba(18,179,168,.45); }
.svc-card.flagship { border-color: rgba(199,176,74,.45); }

.svc-tag {
  align-self: flex-start;
  font-size: 12px; font-weight: 700;
  padding: 5px 12px; border-radius: 999px;
  background: rgba(199,176,74,.14);
  color: var(--gold-light, #F2DE84);
  border: 1px solid rgba(199,176,74,.32);
  margin-bottom: 16px;
}
.svc-card h3 { font-size: 21px; font-weight: 700; margin: 0 0 12px; color: #fff; }
.svc-card > p { font-size: 15px; line-height: 1.95; color: rgba(255,255,255,0.66); margin: 0 0 18px; }

.svc-list { list-style: none; padding: 0; margin: 0 0 22px; }
.svc-list li {
  font-size: 14.5px; line-height: 1.9; color: rgba(255,255,255,0.74);
  padding-right: 20px; position: relative; margin-bottom: 7px;
}
.svc-list li::before {
  content: ''; position: absolute; right: 0; top: 12px;
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--teal, #12B3A8);
}
.svc-stack {
  margin-top: auto; padding-top: 16px;
  border-top: 1px solid rgba(255,255,255,0.08);
  font-size: 13px; color: rgba(255,255,255,0.45); letter-spacing: .02em;
}

/* ---------- توضیح قیمت ---------- */
.price-note {
  margin-top: 44px; padding: 30px 34px;
  border-radius: var(--radius-lg, 18px);
  background: rgba(18,179,168,.06);
  border: 1px solid rgba(18,179,168,.28);
}
.price-note h3 { font-size: 19px; font-weight: 700; margin: 0 0 12px; color: #fff; }
.price-note p  { font-size: 15px; line-height: 2; color: rgba(255,255,255,0.7); margin: 0 0 10px; }

@media (max-width: 640px) {
  .trust-card, .svc-card { padding: 22px 20px; }
  .stance, .price-note { padding: 22px 20px; }
  .stance p { font-size: 15.5px; }
}

/* ---------- شعار برند ---------- */
.hero-slogan {
  margin-top: 22px;
  font-size: clamp(17px, 2.2vw, 22px);
  font-weight: 700;
  letter-spacing: .01em;
  background: var(--grad-gold, linear-gradient(135deg,#F2DE84,#C7B04A));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  display: inline-block;
}

.site-slogan {
  font-size: 14.5px;
  font-weight: 700;
  color: var(--gold-light, #F2DE84);
  margin: 0 0 8px;
  letter-spacing: .01em;
  opacity: .9;
}

@media (max-width: 640px) {
  .hero-slogan { font-size: 16px; margin-top: 16px; }
  .site-slogan { font-size: 13px; }
}

/* ---------- یادداشت قیمت ---------- */
.price-disclaimer {
  max-width: 62ch;
  margin: 14px auto 0;
  text-align: center;
  font-size: 14.5px;
  line-height: 1.95;
  color: rgba(255,255,255,0.55);
}
@media (max-width: 640px) { .price-disclaimer { font-size: 13.5px; } }