/* ============================================================
   DATASSL — Sade kurumsal katman (clean-2026)
   Amaç: hazır şablon / "yapay zeka üretimi" görüntüsünü azaltmak.
   - Gradyan yazı, parlayan gölge, buzlu cam ve ışık halesi yok
   - Düz marka rengi, sakin köşe yarıçapı, nötr gölgeler
   - Bölüm etiketleri hap değil, düz küçük başlık
   En son yüklenir; sayfa içi stilleri ezmek için gerektiğinde !important kullanır.
   ============================================================ */
:root {
  --c-ink: #0f172a;
  --c-text: #334155;
  --c-muted: #64748b;
  --c-line: #e2e8f0;
  --c-soft: #f5f7fa;
  --c-brand: #04868B;
  --c-brand-h: #037278;
  --c-dark: #0f172a;
  /* sayfa içi değişkenleri düz renge çevir */
  --nx-grad: #04868B !important;
}

/* ---------- 1) Gradyan yazılar → düz renk ---------- */
html body .grad,
html body .nx-hero h1 .grad,
html body .nx-hero-stat .n .grad,
html body .nx-band-stat .n,
html body .cs3-hero h1 span,
html body .text-gradient,
html body .gradient-text {
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: currentColor !important;
}
html body .nx-hero h1 .grad { color: #B5E3E0 !important; }
html body .nx-hero-stat .n .grad { color: #fff !important; }
html body .cs3-hero h1 span { color: #fff !important; }

/* ---------- 2) Koyu hero alanları: düz lacivert, hale/desen yok ---------- */
html body .nx-hero,
html body .page-hero-modern,
html body .cs3-hero {
  background: #0f172a !important;
  background-image: none !important;
}
html body .nx-hero::before, html body .nx-hero::after,
html body .page-hero-modern::before, html body .page-hero-modern::after,
html body .cs3-hero::before, html body .cs3-hero::after,
html body .nx-cta-box::before, html body .nx-cta-box::after {
  display: none !important;
}
html body .nx-cta-box { background: #0f172a !important; background-image: none !important; }

/* ---------- 3) Bölüm etiketleri: hap yerine düz küçük başlık ---------- */
html body .nx-eyebrow,
html body .bp2-eyebrow,
html body .cs3-eyebrow,
html body .section-badge,
html body .hero-badge,
html body .nx-hero-eyebrow {
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  backdrop-filter: none !important;
  color: var(--c-brand) !important;
  font-size: .74rem !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}
html body .nx-hero .nx-hero-eyebrow,
html body .nx-hero .nx-eyebrow,
html body .cs3-hero .cs3-eyebrow,
html body .page-hero-modern .hero-badge,
html body .page-hero-modern .section-badge { color: #8FD6D1 !important; }
html body .nx-hero-eyebrow .dot { display: none !important; }

/* ---------- 4) Butonlar: düz renk, parlama yok ---------- */
html body .nx-btn-primary,
html body .nx-checker button,
html body .cs3-btn.pri,
html body .btn-primary,
html body .nx-ptab.is-on,
html body .cs3-tab.is-on {
  background: var(--c-brand) !important;
  background-image: none !important;
  box-shadow: none !important;
  border-color: var(--c-brand) !important;
}
html body .nx-btn-primary:hover,
html body .nx-checker button:hover,
html body .cs3-btn.pri:hover,
html body .btn-primary:hover { background: var(--c-brand-h) !important; transform: none !important; }
html body .nx-btn, html body .cs3-btn, html body .nx-checker button { border-radius: 8px !important; }

/* ---------- 5) Kartlar: sakin köşe, nötr gölge, zıplama yok ---------- */
html body .nx-cert, html body .nx-feat, html body .nx-step, html body .nx-faq-item,
html body .bp2-card, html body .bp2-pick, html body .bp2-facts, html body .bp2-lines li,
html body .cs3-card, html body .cs3-cmp-card, html body .cs3-step, html body .cs3-faq details,
html body .h2-bm-card, html body .ssl-compare-card.pc2 {
  border-radius: 12px !important;
}
html body .nx-cert:hover, html body .nx-feat:hover, html body .nx-step:hover,
html body .bp2-pick:hover, html body .cs3-card:hover, html body .h2-bm-card:hover,
html body .ssl-compare-card.pc2:hover {
  transform: none !important;
  box-shadow: 0 6px 18px -12px rgba(15, 23, 42, .25) !important;
}
html body .nx-cert::before { display: none !important; }
html body .nx-cert:hover .nx-cert-ic,
html body .nx-feat:hover .nx-feat-ic,
html body .nx-step:hover .nx-step-num {
  background: #E6F5F4 !important;
  color: var(--c-brand) !important;
  transform: none !important;
  box-shadow: none !important;
}
html body .nx-step:hover .nx-step-num { border-color: #B5E3E0 !important; }
html body .nx-steps-line { background: var(--c-line) !important; }
html body .nx-cert-tag { background: var(--c-ink) !important; color: #fff !important; }

/* hero içindeki örnek tarayıcı kartı: cam efekti yerine düz panel */
html body .nx-hv { background: #1e293b !important; backdrop-filter: none !important; box-shadow: 0 20px 40px -24px rgba(0, 0, 0, .6) !important; border-radius: 14px !important; }
html body .nx-hv-ic { background: #059669 !important; }

/* mega menü tanıtım kutusu */
html body .h2-mega-promo { background: #0f172a !important; background-image: none !important; }
html body .h2-mega-promo::before { display: none !important; }
html body .h2-mega-card { border-radius: 14px !important; box-shadow: 0 24px 50px -30px rgba(15, 23, 42, .35) !important; }

/* kod imzalama CTA bandı */
html body .cs3-ctaband { background: #0f172a !important; border-radius: 14px !important; }

/* ---------- 6) Breadcrumb: düz metin ---------- */
html body .breadcrumb-nav { margin-bottom: 18px !important; }
html body .breadcrumb-modern {
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
  gap: 2px !important;
}
html body .breadcrumb-modern .breadcrumb-link {
  padding: 2px 0 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-shadow: none !important;
  background: none !important;
  transform: none !important;
  opacity: .8;
}
html body .breadcrumb-modern .breadcrumb-link:hover { opacity: 1; text-decoration: underline; }
html body .breadcrumb-modern .breadcrumb-icon { display: none !important; }
html body .breadcrumb-modern .breadcrumb-separator { margin: 0 6px !important; opacity: .6; }
html body .breadcrumb-modern .breadcrumb-current {
  background: none !important;
  border: 0 !important;
  padding: 2px 0 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-shadow: none !important;
}
html body .breadcrumb-item { animation: none !important; opacity: 1 !important; }
/* açık zeminli sayfalarda */
html body .legal-bc .breadcrumb-modern { background: none !important; border: 0 !important; }
html body .legal-bc .breadcrumb-current, html body .legal-bc li:last-child { background: none !important; }

/* ---------- 7) Kaydırma animasyonları kapalı: içerik doğrudan görünür ---------- */
html.motion-on .reveal { opacity: 1 !important; transform: none !important; transition: none !important; }

/* ---------- 8) Tipografi: başlıklarda da Inter (Space Grotesk yok) ---------- */
html body h1, html body h2, html body h3, html body h4, html body h5, html body h6 {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}
html body h1 { letter-spacing: -0.025em; }

/* ---------- 9) Arka plan renk lekeleri ve yüzen rozetler yok ---------- */
html body::before { display: none !important; }
html body .nx-hv-chip { display: none !important; }
html body .nx-hero h1 { font-size: clamp(2rem, 3.3vw, 2.7rem) !important; line-height: 1.12 !important; }

/* ---------- 10) Ürün detay sayfası ---------- */
html body .pdx { --pdx-grad: #04868B !important; }
html body .pdx-hero { background: #fff !important; background-image: none !important; border-bottom: 1px solid var(--c-line); }
html body .pdx-btn-primary, html body .pdx-mbar-btn { background: var(--c-brand) !important; box-shadow: none !important; border-radius: 8px !important; }
html body .pdx-btn-primary:hover, html body .pdx-mbar-btn:hover { background: var(--c-brand-h) !important; transform: none !important; }
html body .pdx-badge-val { background: #E6F5F4 !important; color: var(--c-brand) !important; border-color: #B5E3E0 !important; }
html body .pdx-sec-badge { background: none !important; border: 0 !important; padding: 0 !important; border-radius: 0 !important; color: var(--c-brand) !important; }
html body .pdx-card, html body .pdx-incl, html body .pdx-panel, html body .pdx-feat, html body .pdx-buy { border-radius: 12px !important; }
html body .pdx-cta-card { background: #0f172a !important; border-radius: 14px !important; }
html body .pdx-cta-card::before { display: none !important; }
html body .pdx-feat:hover, html body .pdx-card:hover { transform: none !important; }
html body .cs3-win.unsigned { transform: none !important; }
html body .cs3-chips li, html body .pdx-chip { backdrop-filter: none !important; }

/* ---------- 11) Diğer gradyan yazılar → düz renk (açık zeminde koyu, koyu zeminde açık) ---------- */
html body .ct3-hero h1 span,
html body .hero-title span,
html body .product-card .price-amount,
html body .price-amount,
html body .ssl-price-amount,
html body .ssl-compare-card.popular .ssl-price-amount,
html body .hero-stat-value,
html body .summary-row.total .summary-value,
html body .grand-total .item-price,
html body .order-total .total-value,
html body .captcha-question,
html body .error-code,
html body .modern-header .logo-name {
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: currentColor !important;
}
html body .ct3-hero h1 span { color: var(--c-brand) !important; }
html body .product-card .price-amount, html body .price-amount, html body .ssl-price-amount,
html body .summary-row.total .summary-value, html body .grand-total .item-price, html body .order-total .total-value { color: var(--c-ink) !important; }
html body .captcha-question { color: #0c4a6e !important; }
html body .error-code { color: var(--c-brand) !important; }
html body .hero-title span { color: inherit !important; }
html body .hero-stat-value { color: inherit !important; }

/* İletişim hero: düz açık zemin */
html body .ct3-hero { background: var(--c-soft) !important; background-image: none !important; }
html body .ct3-btn { border-radius: 8px !important; box-shadow: none !important; }

/* Marka adları büyük harfe çevrilmez (Türkçe "İ" sorunu: DİGİCERT) */
html body .nx-hero-eyebrow { text-transform: none !important; letter-spacing: .01em !important; font-size: .82rem !important; }
@media (max-width: 640px) {
  html body .nx-hv { display: none !important; }
}