.elementor-90869 .elementor-element.elementor-element-595bfcd{--display:grid;--e-con-grid-template-columns:2.4fr 1fr;--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-90869 .elementor-element.elementor-element-8f5a2b3{--display:flex;}.elementor-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-90869 .elementor-element.elementor-element-ed70256{border-radius:20px 20px 20px 20px;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-90869 .elementor-element.elementor-element-5a68047{--display:flex;}.elementor-widget-table-of-contents{--header-color:var( --e-global-color-secondary );--item-text-color:var( --e-global-color-text );--item-text-hover-color:var( --e-global-color-accent );--marker-color:var( --e-global-color-text );}.elementor-widget-table-of-contents .elementor-toc__header, .elementor-widget-table-of-contents .elementor-toc__header-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-table-of-contents .elementor-toc__list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-90869 .elementor-element.elementor-element-fc0137e .elementor-toc__header-title{text-align:start;}.elementor-90869 .elementor-element.elementor-element-fc0137e .elementor-toc__header{flex-direction:row;}.elementor-90869 .elementor-element.elementor-element-fc0137e{--item-text-color:var( --e-global-color-7ecd66d );--item-text-hover-decoration:underline;--marker-color:var( --e-global-color-5280251 );}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-90869 .elementor-element.elementor-element-7976a4a{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-90869 .elementor-element.elementor-element-7976a4a .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-90869 .elementor-element.elementor-element-7976a4a:after{content:"0.66";}.elementor-90869 .elementor-element.elementor-element-7976a4a .elementor-post__thumbnail__link{width:100%;}.elementor-90869 .elementor-element.elementor-element-7976a4a.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-90869 .elementor-element.elementor-element-7976a4a.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-90869 .elementor-element.elementor-element-7976a4a.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}@media(max-width:1024px){.elementor-90869 .elementor-element.elementor-element-595bfcd{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-90869 .elementor-element.elementor-element-595bfcd{--e-con-grid-template-columns:1;--grid-auto-flow:row;}.elementor-90869 .elementor-element.elementor-element-ed70256{border-radius:20px 20px 20px 20px;}.elementor-90869 .elementor-element.elementor-element-7976a4a .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-90869 .elementor-element.elementor-element-7976a4a:after{content:"0.5";}.elementor-90869 .elementor-element.elementor-element-7976a4a .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for theme-post-content, class: .elementor-element-8648e45 */@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

/* =============================================================================
   NAS TERCÜME — MAKALE GÖVDESİ TİPOGRAFİSİ  (yazı içi metin / .entry-content)
   -----------------------------------------------------------------------------
   NE İŞE YARAR: İçe aktarılan ~400 tercüme makalesinin GÖVDE metnini
   biçimlendirir. Bu dosya bir HTML-widget snippet'i DEĞİLDİR — WordPress /
   Gutenberg'in GERÇEK çıktı sınıflarını hedefler (.entry-content, .wp-block-*).

   NEREYE YAPIŞTIRILIR: Elementor → Site Settings (Site Ayarları) → Custom CSS.
   → Site genelinde tek yerden yüklenir, TÜM yazılara otomatik uygulanır,
     tema güncellemesinde silinmez. (Tema Customizer → Ek CSS de çalışır ama
     tema/child-theme değiştirilirse kaybolabilir — bu yüzden Elementor önerilir.)

   ⚠️ @import UYARISI — ÇOK ÖNEMLİ:
   CSS kuralına göre @import, stil dosyasının EN ÜSTÜNDE olmak zorundadır.
   `nas-blog-posts.css` dosyası da AYNI Poppins @import satırıyla başlıyor.
   Bu iki dosyayı AYNI Custom CSS kutusuna yapıştırırsan:
     • @import satırı kutunun TAMAMINDA yalnızca 1 KEZ ve EN ÜSTTE olmalı.
     • Bu dosyanın başındaki @import satırını SİL, diğerininki kalsın.
   Ayrı kutulara/yerlere koyuyorsan ikisi de kalabilir (URL aynı → tarayıcı
   tek istek yapar, çift yükleme olmaz).

   FONT KARARI (tek yaklaşım seçildi):
     • BAŞLIKLAR (h1/h2/h3) → Poppins 600/700. Blog kartlarıyla ve marka
       görünümüyle aynı → sitede tek tip başlık dili.
     • PARAGRAF/LİSTE → Inter (var(--nas-font) stack'i, sistem yedekli).
       NEDEN Poppins değil: Poppins geometrik/geniş bir DISPLAY fontudur;
       uzun makale gövdesinde satırları uzatır ve göz yorar. Inter ekran
       okuması için tasarlanmıştır (yüksek x-height, açık harf boşlukları,
       tam TR karakter desteği) → 400 makalelik uzun metin için doğru seçim.
       Ayrıca Inter zaten site genelinde yüklü → EK FONT İSTEĞİ YOK.
     (Inter yüklü değilse otomatik system-ui'ye düşer, tasarım bozulmaz.)

   ERİŞİLEBİLİRLİK: tüm metin/zemin kombinasyonları WCAG AA üstü.
     • Başlık #1B2A4A / beyaz  → 15.0:1 ✓
     • Gövde  #2A3550 / beyaz  → 12.1:1 ✓
     • Link   #1D6FC4 / beyaz  →  5.1:1 ✓ (+ her zaman ALTI ÇİZİLİ → renk tek
       ayırt edici değil, WCAG 1.4.1 ✓)
   SEO: tek H1 (tema başlığı), h1→h2→h3 hiyerarşisi bozulmaz, mobilde gövde
   min 16px (tarayıcı otomatik zoom yapmaz), satır yüksekliği 1.75.
   ============================================================================= */


/* ===========================================================================
   0) KAPSAM + AYAR DÜĞMELERİ
   Aşağıdaki iki değeri değiştirerek tüm makale metnini tek yerden ayarlarsın.
   =========================================================================== */
.entry-content {
  /* Okuma mürekkebi: saf siyah değil, yumuşak lacivert-siyah (12.1:1 ✓) */
  --nas-read-ink: #2A3550;
  /* Satır uzunluğu sınırı: ~70 karakter = optimum okuma genişliği */
  --nas-read-measure: 70ch;

  font-family: var(--nas-font, 'Inter','Segoe UI',system-ui,-apple-system,Roboto,Arial,sans-serif) !important;
  color: var(--nas-read-ink, #2A3550) !important;
  /* Uzun URL / uzun Almanca-Türkçe bileşik kelimeler 360px'te taşmasın */
  overflow-wrap: break-word;
  word-wrap: break-word;
}
/* İçe aktarılan görseller kapsayıcıyı taşırmasın */
.entry-content img {
  max-width: 100% !important;
  height: auto !important;
}


/* ===========================================================================
   1) H1 — YAZI BAŞLIĞI (tema çıktısı, .entry-content'in DIŞINDADIR)
   -----------------------------------------------------------------------------
   ⚠️ TEMAYA GÖRE DEĞİŞİR: Aşağıdaki 3 seçici en yaygın olanlardır
   (.entry-title / h1.entry-title / article h1). Kendi temanda hangisinin
   geçerli olduğunu MUTLAKA doğrula: bir yazıyı aç → başlığa sağ tık →
   "İncele / Inspect" → h1 etiketinin class'ını oku. Farklıysa (ör.
   .post-title, .elementor-heading-title) o class'ı bu listeye virgülle ekle.
   Elementor Theme Builder ile tekil yazı şablonu yaptıysan başlık
   .elementor-widget-theme-post-title h1 olarak çıkar — o satır da eklendi.
   =========================================================================== */
.entry-title,
h1.entry-title,
article h1,
.elementor-widget-theme-post-title h1 {
  font-family: 'Poppins','Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif !important;
  font-size: clamp(26px, 5vw, 40px) !important;   /* 360px→26px · 1200px→40px */
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.02em !important;
  color: var(--nas-primary, #1B2A4A) !important;
  margin: 0 0 0.6em 0 !important;
  padding: 0 !important;
  text-wrap: balance;                              /* satırlar dengeli kırılır */
}


/* ===========================================================================
   2) H2 — ANA BÖLÜM BAŞLIKLARI  (.entry-content h2.wp-block-heading)
   Marka imzası: başlığın altında kısa yeşil→sarı şerit.
   =========================================================================== */
.entry-content h2.wp-block-heading {
  font-family: 'Poppins','Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif !important;
  font-size: clamp(22px, 3.5vw, 30px) !important;  /* 360px→22px · 1200px→30px */
  font-weight: 700 !important;
  line-height: 1.28 !important;
  letter-spacing: -0.015em !important;
  color: var(--nas-primary, #1B2A4A) !important;
  /* Bölümler net ayrılsın: BOL üst boşluk, AZ alt boşluk (başlık metnine bağlanır) */
  margin: 1.9em 0 0.55em 0 !important;
  padding: 0 0 0.42em 0 !important;                /* şerit için yer */
  position: relative;
  text-wrap: balance;
}
/* Kısa marka şeridi (yeşil→sarı) — dekoratif, metin taşımaz */
.entry-content h2.wp-block-heading::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 52px;
  height: 3px;
  border-radius: 2px;
  background: var(--nas-grad-line, linear-gradient(90deg, #3BB54A 0%, #F2E600 100%));
}
/* Yazının ilk öğesi h2 ise tepede kocaman boşluk oluşmasın */
.entry-content > h2.wp-block-heading:first-child { margin-top: 0 !important; }


/* ===========================================================================
   3) H3 — ALT BAŞLIKLAR + SSS SORULARI  (.entry-content h3.wp-block-heading)
   =========================================================================== */
.entry-content h3.wp-block-heading {
  font-family: 'Poppins','Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif !important;
  font-size: clamp(18px, 2.5vw, 22px) !important;  /* 360px→18px · 1200px→22px */
  font-weight: 600 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.01em !important;
  color: var(--nas-primary, #1B2A4A) !important;
  margin: 1.6em 0 0.45em 0 !important;
  padding: 0 !important;
}


/* ===========================================================================
   4) PARAGRAF  (.entry-content p)
   =========================================================================== */
.entry-content p {
  font-family: var(--nas-font, 'Inter','Segoe UI',system-ui,-apple-system,Roboto,Arial,sans-serif) !important;
  /* min 16px → mobil tarayıcı otomatik yakınlaştırma yapmaz (UX + SEO) */
  font-size: clamp(16px, 1rem + 0.2vw, 18px) !important;
  font-weight: 400 !important;
  line-height: 1.75 !important;                    /* uzun metin için ideal aralık */
  color: var(--nas-read-ink, #2A3550) !important;
  /* Masaüstünde satırlar aşırı uzamasın; mobilde zaten tam genişlik olur */
  max-width: var(--nas-read-measure, 70ch);
  margin: 0 0 1.15em 0 !important;                 /* dikey ritim */
  padding: 0 !important;
}
/* Başlıktan hemen sonra gelen paragraf başlığa yapışık dursun */
.entry-content h2.wp-block-heading + p,
.entry-content h3.wp-block-heading + p { margin-top: 0 !important; }
/* Son paragraf altta gereksiz boşluk bırakmasın */
.entry-content > p:last-child { margin-bottom: 0 !important; }

/* Kalın vurgular lacivert — metin içinde göz çeker ama bağırmaz */
.entry-content p strong,
.entry-content li strong,
.entry-content strong {
  font-weight: 600 !important;
  color: var(--nas-primary, #1B2A4A) !important;
}


/* ===========================================================================
   5) LİSTELER  (.entry-content ul.wp-block-list)
   =========================================================================== */
.entry-content ul.wp-block-list {
  list-style: disc outside;
  font-size: clamp(16px, 1rem + 0.2vw, 18px) !important;
  color: var(--nas-read-ink, #2A3550) !important;
  max-width: var(--nas-read-measure, 70ch);
  margin: 0 0 1.35em 0 !important;
  padding: 0 0 0 1.35em !important;                /* düzgün girinti */
}
.entry-content ul.wp-block-list li {
  font-family: var(--nas-font, 'Inter','Segoe UI',system-ui,-apple-system,Roboto,Arial,sans-serif) !important;
  font-size: inherit !important;
  font-weight: 400 !important;
  line-height: 1.75 !important;                    /* paragrafla aynı ritim */
  color: var(--nas-text, #16233F) !important;
  margin: 0 0 0.4em 0 !important;                  /* maddeler arası nefes */
  padding: 0 !important;
}
.entry-content ul.wp-block-list li:last-child { margin-bottom: 0 !important; }
/* Madde işareti marka mavisi (dekoratif — metin rengi değil) */
.entry-content ul.wp-block-list li::marker {
  color: var(--nas-accent-400, #2E86DE);
}
/* İç içe liste — okunabilir kademe */
.entry-content ul.wp-block-list ul {
  list-style: circle outside;
  margin: 0.4em 0 0.2em 0 !important;
  padding: 0 0 0 1.25em !important;
}
/* Numaralı liste de aynı ritmi alsın (bazı makalelerde olabilir) */
.entry-content ol.wp-block-list {
  list-style: decimal outside;
  font-size: clamp(16px, 1rem + 0.2vw, 18px) !important;
  max-width: var(--nas-read-measure, 70ch);
  margin: 0 0 1.35em 0 !important;
  padding: 0 0 0 1.45em !important;
}
.entry-content ol.wp-block-list li {
  line-height: 1.75 !important;
  color: var(--nas-text, #16233F) !important;
  margin: 0 0 0.4em 0 !important;
}


/* ===========================================================================
   6) METİN İÇİ LİNKLER  (.entry-content a)
   Renk TEK ayırt edici değil → alt çizgi her zaman açık (WCAG 1.4.1 ✓).
   ⚠️ FALLBACK NOTU: ortak dosyadaki --nas-accent = #1D6FC4'tür (beyazda 5.1:1 ✓).
      Parlak ton #2E86DE beyaz zeminde 3.4:1 → metin linki için AA'da KALIR (✗),
      bu yüzden fallback bilinçli olarak #1D6FC4 yazıldı.
   =========================================================================== */
.entry-content a {
  color: var(--nas-accent, #1D6FC4) !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  text-decoration-color: rgba(29,111,196,0.45);
  font-weight: 500 !important;
  /* Dokunma kolaylığı: satır içi link kutusu biraz genişler */
  padding: 1px 1px !important;
  border-radius: 3px;
  transition: color 0.2s ease,
              background-color 0.2s ease,
              text-decoration-color 0.2s ease !important;
}
.entry-content a:hover,
.entry-content a:focus-visible {
  color: var(--nas-accent-600, #175A9E) !important;
  text-decoration: underline !important;
  text-decoration-thickness: 2px;
  text-decoration-color: currentColor;
  background-color: var(--nas-accent-50, #EAF3FC) !important;
}
.entry-content a:focus-visible {
  outline: 3px solid var(--nas-accent, #1D6FC4) !important;
  outline-offset: 2px;
}
.entry-content a:visited { color: var(--nas-accent-600, #175A9E) !important; }


/* ===========================================================================
   7) SSS BÖLÜMÜ — "Sık Sorulan Sorular"
   -----------------------------------------------------------------------------
   ⚠️⚠️ KONUMA DAYALI SEÇİCİ — LÜTFEN OKU:
   Bu bölümün kendi class'ı YOK, diğer bölümlerle aynı etiketleri kullanıyor.
   Bu yüzden "SONDAN İKİNCİ h2" olarak hedefleniyor. Bu şu VARSAYIMLARA dayanır:
     1) Yazının SON h2'si "İlgili Sayfalar",
     2) SONDAN İKİNCİ h2'si "Sık Sorulan Sorular",
     3) SSS'ten sonra başka h3/p bölümü YOK.
   Bir makalede h2 sayısı/sırası farklıysa BU STİL YANLIŞ BÖLÜME UYGULANIR.

   ✅ SAĞLAM ÇÖZÜM (önerilen): İçe aktarma / üretim kaynağında bu iki bölüme
      GERÇEK CLASS ekle — ör. <h2 class="wp-block-heading faq-section"> ve
      <h2 class="wp-block-heading related-links">, ya da bölümleri
      <div class="faq-section"> / <div class="related-links"> içine sar.
      Bunu yaparsan söyle: bu iki bloğu class tabanlı olarak yeniden yazayım
      (konumdan bağımsız, 400 makalede de %100 güvenilir olur).
   Şimdilik aşağıdaki konum tabanlı kod HEMEN ÇALIŞIR — ama son yüklemeden
   önce class eklemeni tavsiye ederim.
   =========================================================================== */

/* SSS başlığı — üstte ferah bir ayrım */
.entry-content h2.wp-block-heading:nth-last-of-type(2) {
  margin-top: 2.1em !important;
}

/* SSS soruları (h3) — açık yüzey + solda yeşil→sarı marka şeridi */
.entry-content h2.wp-block-heading:nth-last-of-type(2) ~ h3.wp-block-heading {
  font-size: clamp(17px, 2.3vw, 20px) !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  color: var(--nas-primary, #1B2A4A) !important;
  /* 1. katman: 4px'lik dikey marka şeridi · 2. katman: açık gri-mavi zemin */
  background:
    linear-gradient(180deg, var(--nas-green, #3BB54A) 0%, var(--nas-yellow, #F2E600) 100%)
      left center / 4px 100% no-repeat,
    var(--nas-surface, #F4F7FB) !important;
  border-radius: 0 10px 10px 0 !important;
  margin: 1.5em 0 0 0 !important;
  padding: 13px 16px 13px 20px !important;
}

/* SSS cevapları (p) — sorunun altına görsel olarak bağlanır */
.entry-content h2.wp-block-heading:nth-last-of-type(2) ~ p {
  margin: 0 0 0.5em 0 !important;
  padding: 14px 16px 4px 20px !important;
  border-left: 1px solid var(--nas-border, #E1E8F2) !important;
  max-width: none;                      /* zaten girintili — ekstra sınır gereksiz */
}


/* ===========================================================================
   8) İLGİLİ SAYFALAR — "İlgili Sayfalar" (son h2 + ardındaki ul)
   Aynı konum-tabanlı uyarı burada da geçerlidir (bkz. 7. bölüm).
   Linkler madde işaretli liste yerine DOKUNMASI KOLAY ÇİP olarak gösterilir.
   =========================================================================== */
.entry-content h2.wp-block-heading:last-of-type {
  margin-top: 2.1em !important;
}

/* Liste kabı → çip ızgarası */
.entry-content h2.wp-block-heading:last-of-type ~ ul.wp-block-list {
  list-style: none !important;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  max-width: none;
  margin: 0.4em 0 0 0 !important;
  padding: 0 !important;
}
.entry-content h2.wp-block-heading:last-of-type ~ ul.wp-block-list li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.entry-content h2.wp-block-heading:last-of-type ~ ul.wp-block-list li::marker {
  content: "";
}

/* Çip: min 44px dokunma yüksekliği, lacivert yazı, alt çizgi yok */
.entry-content h2.wp-block-heading:last-of-type ~ ul.wp-block-list li a {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-family: 'Poppins','Inter',system-ui,Arial,sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  color: var(--nas-primary, #1B2A4A) !important;
  background: #FFFFFF !important;
  border: 1px solid var(--nas-border-2, #CBD8EA) !important;
  border-radius: 999px !important;
  padding: 10px 18px !important;
  text-decoration: none !important;      /* çip görünümü zaten link belirtir */
  overflow: hidden;
  transition: color 0.2s ease,
              border-color 0.2s ease,
              background-color 0.2s ease,
              box-shadow 0.2s ease !important;
}
/* Hover'da alttan yeşil→sarı marka şeridi açılır */
.entry-content h2.wp-block-heading:last-of-type ~ ul.wp-block-list li a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  background: var(--nas-grad-line, linear-gradient(90deg, #3BB54A 0%, #F2E600 100%));
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.2s ease !important;
}
.entry-content h2.wp-block-heading:last-of-type ~ ul.wp-block-list li a:hover,
.entry-content h2.wp-block-heading:last-of-type ~ ul.wp-block-list li a:focus-visible {
  color: var(--nas-primary, #1B2A4A) !important;
  background: var(--nas-surface, #F4F7FB) !important;
  border-color: var(--nas-primary, #1B2A4A) !important;
  box-shadow: 0 4px 12px rgba(27,42,74,0.12) !important;
  text-decoration: none !important;
}
.entry-content h2.wp-block-heading:last-of-type ~ ul.wp-block-list li a:hover::after,
.entry-content h2.wp-block-heading:last-of-type ~ ul.wp-block-list li a:focus-visible::after {
  transform: scaleX(1);
}
.entry-content h2.wp-block-heading:last-of-type ~ ul.wp-block-list li a:focus-visible {
  outline: 3px solid var(--nas-accent, #1D6FC4) !important;
  outline-offset: 3px;
}


/* ===========================================================================
   9) TABLET — ≥768px
   =========================================================================== */
@media (min-width: 768px) {
  .entry-content h2.wp-block-heading { margin-top: 2.05em !important; }
  .entry-content h2.wp-block-heading::after { width: 60px; }
  .entry-content h2.wp-block-heading:nth-last-of-type(2) ~ h3.wp-block-heading {
    padding: 14px 20px 14px 24px !important;
  }
  .entry-content h2.wp-block-heading:nth-last-of-type(2) ~ p {
    padding: 16px 20px 6px 24px !important;
  }
  .entry-content h2.wp-block-heading:last-of-type ~ ul.wp-block-list { gap: 12px; }
}

/* ===========================================================================
   10) MASAÜSTÜ — ≥1024px : daha ferah ritim
   =========================================================================== */
@media (min-width: 1024px) {
  .entry-content p { line-height: 1.8 !important; margin-bottom: 1.25em !important; }
  .entry-content ul.wp-block-list li,
  .entry-content ol.wp-block-list li { line-height: 1.8 !important; }
  .entry-content h2.wp-block-heading { margin-top: 2.2em !important; }
  .entry-content h3.wp-block-heading { margin-top: 1.75em !important; }
  .entry-content h2.wp-block-heading::after { width: 68px; }
  .entry-content h2.wp-block-heading:last-of-type ~ ul.wp-block-list li a {
    font-size: 15.5px !important;
  }
}

/* ===========================================================================
   11) HAREKET AZALTMA TERCİHİ
   =========================================================================== */
@media (prefers-reduced-motion: reduce) {
  .entry-content a,
  .entry-content h2.wp-block-heading:last-of-type ~ ul.wp-block-list li a,
  .entry-content h2.wp-block-heading:last-of-type ~ ul.wp-block-list li a::after {
    transition: none !important;
    animation: none !important;
  }
  .entry-content h2.wp-block-heading:last-of-type ~ ul.wp-block-list li a::after {
    transform: none;
    opacity: 0;
  }
  .entry-content h2.wp-block-heading:last-of-type ~ ul.wp-block-list li a:hover::after,
  .entry-content h2.wp-block-heading:last-of-type ~ ul.wp-block-list li a:focus-visible::after {
    opacity: 1;
  }
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-7976a4a */@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

/* =============================================================================
   NAS TERCÜME — BLOG YATAY LİSTE  (Elementor "Posts" widget'ı · 2. düzen)
   "Sonraki Yazılar / Diğer Yazılar" kenar çubuğu listesi
   -----------------------------------------------------------------------------
   ⚠️ KURULUM — ÖNCE BUNU YAP:
      Bu düzeni istediğin Posts widget'ını seç →
      Advanced (Gelişmiş) → CSS Classes (CSS Sınıfları) → `nas-blog-liste` yaz.
      Bu class olmadan HİÇBİR kural çalışmaz. Kart ızgarası widget'ında
      `nas-blog` yazılı kalır → iki düzen BİRBİRİNE KARIŞMAZ.

   ⚠️ @import UYARISI:
      Poppins zaten `nas-blog-posts.css` ve `nas-makale-icerik.css` tarafından
      yükleniyor. Bu dosyayı AYNI Custom CSS kutusuna ekliyorsan yukarıdaki
      @import satırını SİL (CSS'te @import yalnızca dosyanın en üstünde geçerlidir;
      ortada kalırsa tarayıcı satırı yok sayar). Poppins zaten yüklü olduğu için
      hiçbir şey kaybetmezsin.

   DÜZEN MANTIĞI (önce açıklama, sonra kod):
      Posts widget'ı normalde her yazıyı DİKEY bir kart olarak dizer:
         [görsel]
         [başlık]
         [özet / meta / devamını oku]
      Biz her yazıyı YATAY bir SATIRA çeviriyoruz:
         [küçük görsel] | [başlık (3 satıra kadar)]
      Bunun için kart gövdesini `display:flex; flex-direction:row` yapıyoruz;
      görsel sabit genişlikte + `flex-shrink:0` (asla ezilmez), metin sütunu
      `flex:1` + `min-width:0` (taşmayı önleyen kritik ayar).
      Kart süsü (kutu, gölge, kalın iç boşluk) kaldırılıp yerine satırlar
      arasına ince bir ayraç çizgisi konuyor → temiz bir liste sütunu.

   ELEMENTOR 3.x DOM — DOĞRULANMIŞ (iki skin de desteklenir):
      • Classic skin → .elementor-post SATIRIN KENDİSİDİR (.elementor-post__card YOK)
            article.elementor-post
              a.elementor-post__thumbnail__link > div.elementor-post__thumbnail > img
              div.elementor-post__text > h3.elementor-post__title > a
                                        + .elementor-post__meta-data
                                        + .elementor-post__excerpt
      • Cards skin   → .elementor-post DIŞ SARMAL, satır .elementor-post__card'dır
            ve .elementor-post__meta-data kartın ALTINDA, __text'in DIŞINDADIR.
      Aşağıdaki kod HER İKİSİNİ de kapsar → hangi skin'i seçersen seç çalışır.

   ERİŞİLEBİLİRLİK: başlık #1B2A4A / beyaz → 15.0:1 ✓ · hover zemini
   #F4F7FB üzerinde de 14.1:1 ✓ · her linkte görünür :focus-visible halkası.
   ============================================================================= */


/* ===========================================================================
   0) KAPSAM + AYAR DÜĞMELERİ
   Görsel boyutunu ve ayraç rengini tek yerden değiştirirsin.
   =========================================================================== */
.nas-blog-liste {
  --nas-liste-thumb: 80px;   /* mobil görsel genişliği (768px'te 92px olur) */
  --nas-liste-gap: 12px;     /* görsel ile başlık arası boşluk */
  font-family: 'Poppins','Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif !important;
}


/* ===========================================================================
   1) IZGARA → TEK SÜTUN LİSTE
   Widget'ta Columns=1 seçmen yeterli; bu kurallar yedek güvencedir.
   Satır arası boşluk 0 → ritmi satır iç boşluğu + ayraç çizgisi kurar.
   =========================================================================== */
.nas-blog-liste .elementor-posts,
.nas-blog-liste .elementor-posts-container,
.nas-blog-liste .elementor-posts.elementor-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  --grid-columns: 1;
  --grid-column-gap: 0px;
  --grid-row-gap: 0px;
  grid-column-gap: 0 !important;
  grid-row-gap: 0 !important;
  align-items: stretch;
}


/* ===========================================================================
   2) SATIR KABI — ayraç çizgisi + hover zemini
   (Cards skin'de dış sarmal, Classic skin'de satırın kendisi)
   =========================================================================== */
.nas-blog-liste .elementor-post {
  display: block;
  width: 100%;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--nas-border, #E1E8F2) !important;  /* ince ayraç */
  border-radius: 8px !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: background-color 0.2s ease !important;
}
/* Son satırda ayraç olmasın */
.nas-blog-liste .elementor-post:last-child,
.nas-blog-liste .elementor-post:last-of-type {
  border-bottom: 0 !important;
}
/* Satır hover / klavye odağı — çok hafif zemin tonu */
.nas-blog-liste .elementor-post:hover,
.nas-blog-liste .elementor-post:focus-within {
  background: var(--nas-surface, #F4F7FB) !important;
}


/* ===========================================================================
   3) SATIR GÖVDESİ — YATAY DÜZEN (görsel SOL · başlık SAĞ)
   Kart süsü tamamen kaldırıldı: kutu, çerçeve, gölge, kalın iç boşluk yok.
   =========================================================================== */
.nas-blog-liste .elementor-post__card,
.nas-blog-liste .elementor-posts:not(.elementor-posts--skin-cards) .elementor-post {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start;
  gap: var(--nas-liste-gap, 12px);
  width: 100%;
  height: auto !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  margin: 0 !important;
  padding: 12px 10px !important;      /* satır iç boşluğu — rahat dokunma alanı */
}
/* Cards skin: dış sarmalın kendi süsü kalmasın (ayraç .elementor-post'ta) */
.nas-blog-liste .elementor-posts--skin-cards .elementor-post {
  overflow: visible !important;
}


/* ===========================================================================
   4) GÖRSEL (SOL) — sabit küçük boyut, asla ezilmez, oranı her zaman aynı
   object-fit:cover sayesinde farklı en-boy oranlı görseller aynı hizada durur.
   =========================================================================== */
.nas-blog-liste .elementor-post__thumbnail__link {
  flex: 0 0 var(--nas-liste-thumb, 80px) !important;  /* flex-shrink:0 → ezilmez */
  width: var(--nas-liste-thumb, 80px) !important;
  max-width: var(--nas-liste-thumb, 80px) !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  text-decoration: none !important;
}
.nas-blog-liste .elementor-post__thumbnail {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 4 / 3;                 /* 80px → 60px · 92px → 69px */
  padding-bottom: 0 !important;        /* Elementor'un oran hilesi devre dışı */
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: 10px !important;
  background: var(--nas-surface-2, #EAF0F8) !important;  /* yüklenene kadar nötr zemin */
}
.nas-blog-liste .elementor-post__thumbnail img {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  transform: none !important;
  transition: transform 0.25s ease !important;
}
.nas-blog-liste .elementor-post__thumbnail__link:focus-visible {
  outline: 3px solid var(--nas-accent, #1D6FC4) !important;
  outline-offset: 3px;
}


/* ===========================================================================
   5) METİN SÜTUNU (SAĞ)
   min-width:0 → flex öğesinin taşmasını önleyen KRİTİK kural (360px'te şart).
   =========================================================================== */
.nas-blog-liste .elementor-post__text {
  flex: 1 1 auto !important;
  min-width: 0 !important;             /* olmazsa uzun başlık satırı taşırır */
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}


/* ===========================================================================
   6) BAŞLIK — Poppins 600, lacivert, 3 satırda "…" ile kırpılır
   =========================================================================== */
.nas-blog-liste .elementor-post__title {
  font-family: 'Poppins','Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif !important;
  font-size: clamp(15px, 2vw, 16.5px) !important;   /* 360px→15px · 1200px→16.5px */
  font-weight: 600 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.005em !important;
  color: var(--nas-primary, #1B2A4A) !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* Kırpma ve dokunma hedefi LİNKİN üzerinde: min 44px yükseklik garantisi */
.nas-blog-liste .elementor-post__title a {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;               /* en fazla 3 satır */
  line-clamp: 3;
  overflow: hidden !important;
  min-height: 44px;                    /* tek satırlık başlıkta bile rahat dokunma */
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  color: var(--nas-primary, #1B2A4A) !important;
  text-decoration: none !important;
  overflow-wrap: break-word;           /* uzun kelime satırı taşırmaz */
  word-wrap: break-word;
  transition: color 0.2s ease !important;
}
.nas-blog-liste .elementor-post__title a:hover,
.nas-blog-liste .elementor-post__title a:focus-visible {
  color: var(--nas-accent, #1D6FC4) !important;   /* beyazda 5.1:1 ✓ AA */
  text-decoration: none !important;
}
.nas-blog-liste .elementor-post__title a:focus-visible {
  outline: 3px solid var(--nas-accent, #1D6FC4) !important;
  outline-offset: 3px;
  border-radius: 4px;
}


/* ===========================================================================
   7) GİZLENENLER — referanstaki gibi SADECE BAŞLIK görünür
   Widget ayarından da kapatman önerilir; bunlar CSS güvencesidir.
   =========================================================================== */
.nas-blog-liste .elementor-post__excerpt,
.nas-blog-liste .elementor-post__read-more,
.nas-blog-liste .elementor-post__meta-data,
.nas-blog-liste .elementor-post__badge {
  display: none !important;
}

/* --- İSTEĞE BAĞLI: tarihi göstermek istersen ---
   Aşağıdaki 2 bloğun başındaki yorum işaretlerini kaldır (widget ayarından da
   Meta Data → Date açık olmalı). Başlığın ALTINDA küçük ve soluk görünür.

.nas-blog-liste .elementor-post__meta-data {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  font-family: 'Poppins','Inter',system-ui,Arial,sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  color: var(--nas-muted, #5A6B85) !important;
  border: 0 !important;
  margin: 5px 0 0 0 !important;
  padding: 0 !important;
}
.nas-blog-liste .elementor-post__meta-data span {
  font-size: inherit !important;
  color: var(--nas-muted, #5A6B85) !important;
}
--- İSTEĞE BAĞLI blok sonu --- */


/* ===========================================================================
   8) HOVER İNCELİĞİ — yalnızca gerçek imleçli cihazlarda hafif görsel zoom
   Dokunmatikte zoom yok; satır zemini tonu (2. bölüm) her yerde çalışır.
   =========================================================================== */
@media (hover: hover) {
  .nas-blog-liste .elementor-post:hover .elementor-post__thumbnail img,
  .nas-blog-liste .elementor-post:focus-within .elementor-post__thumbnail img {
    transform: scale(1.03) !important;
  }
}


/* ===========================================================================
   9) TABLET / MASAÜSTÜ — ≥768px
   Düzen AYNI KALIR (görsel sol · başlık sağ). Izgaraya DÖNÜŞMEZ —
   geniş kenar çubuğunda da liste görünümü korunur.
   =========================================================================== */
@media (min-width: 768px) {
  .nas-blog-liste {
    --nas-liste-thumb: 92px;           /* görsel biraz büyür → 92×69px */
    --nas-liste-gap: 14px;
  }
  .nas-blog-liste .elementor-post__card,
  .nas-blog-liste .elementor-posts:not(.elementor-posts--skin-cards) .elementor-post {
    padding: 13px 10px !important;
  }
}

/* ===========================================================================
   10) MASAÜSTÜ — ≥1024px : biraz daha ferah satır (düzen yine aynı)
   =========================================================================== */
@media (min-width: 1024px) {
  .nas-blog-liste .elementor-post__card,
  .nas-blog-liste .elementor-posts:not(.elementor-posts--skin-cards) .elementor-post {
    padding: 14px 12px !important;
  }
}


/* ===========================================================================
   11) HAREKET AZALTMA TERCİHİ — zoom ve geçişler kapanır
   =========================================================================== */
@media (prefers-reduced-motion: reduce) {
  .nas-blog-liste .elementor-post,
  .nas-blog-liste .elementor-post__thumbnail img,
  .nas-blog-liste .elementor-post__title a {
    transition: none !important;
    animation: none !important;
  }
  .nas-blog-liste .elementor-post:hover .elementor-post__thumbnail img,
  .nas-blog-liste .elementor-post:focus-within .elementor-post__thumbnail img {
    transform: none !important;
  }
}/* End custom CSS */