/* ==========================================================================
   NotKaç — nk-polish.css  (v20261018)
   Ortak "son rötuş" katmanı: nk-content.css / nk-home.css / nk-paketler.css
   dosyalarından SONRA yüklenir. Bu dosyadaki kurallar tüm eski yama
   katmanlarının (nk-pro dahil) üstünde çalışır.

   Katman sırası  →  nk-polish  >  nk-pro   (her iki katmanda !important
   olduğu için önce bildirilen katman kazanır). Bu yüzden ilk satırdaki
   bildirim, bağlı olduğu CSS paketlerinin en başında da yer alır.

   İçindekiler
     1. Üst menü (breakpoint, buton köşeleri, 320px)
     2. Alt bilgi (footer) — masaüstü sütunları, yazı boyutları
     3. Yazı boyutları — 12px altı metinlerin düzeltilmesi, kontrast
     4. Başlık hiyerarşisi (rehberler / hizmetler)
     5. Şekiller — buton, form alanı, kart köşe yarıçapları
     6. Ana sayfa — ortak 1200px hizalama ızgarası
     7. Dokunma alanları
     8. Teşekkür / doğrulama / 404 kartı
     9. Üyelik penceresi — hesap görünümü, ayraç, yardımcı yazılar
    10. Kontrast — piksel taramasında 4,5:1 altında kalan metinler
    11. Logo — N'siz yazı logosu: ölçü standardı (tek yer)
   ========================================================================== */
@layer nk-polish,nk-pro;

@layer nk-polish{

/* ---------------------------------------------------------------------------
   1. ÜST MENÜ
   --------------------------------------------------------------------------- */

/* Menü, 6 bağlantılı sayfalarda 1340px'e kadar hamburgere dönüyordu; bu yüzden
   1280/1366px dizüstü ekranlarda ana eylem butonu (Ön Değerlendirme) kayboluyordu.
   6 bağlantı + logo + eylemler 1121px'ten itibaren rahat sığıyor. */
@media (min-width:861px) and (max-width:1120px){
  .site-header .nav-actions>.btn,
  .site-header .nav-actions .btn-primary{display:inline-flex!important}
}
/* Ana sayfada menü 8 bağlantı taşıdığı için 1340px'te daralır; orada da buton görünsün */
@media (min-width:861px) and (max-width:1340px){
  body.home-v3977 .site-header .nav-actions>.btn,
  body.home-v3977 .site-header .nav-actions .btn-primary{display:inline-flex!important}
}

/* Küçük köşe tutarsızlığı: üst menü düğmeleri 11px, diğer düğmeler 12px idi */
.nav-account,
.nav-actions .btn,
.nav-actions .btn-primary,
.menu-btn{border-radius:12px!important}

/* 320–359px: logo + "Giriş / Üye Ol" + menü düğmesi 14px taşıyordu
   (logo ölçüsü bölüm 11'de) */
@media (max-width:359px){
  .site-header .container{width:calc(100% - 24px)!important}
  .site-header .nav-actions{gap:6px!important;margin-left:0!important}
  .nav-account{padding:0 10px!important;max-width:118px!important;font-size:13px!important}
  .menu-btn{width:40px!important;height:40px!important}
}

/* ---------------------------------------------------------------------------
   2. ALT BİLGİ (FOOTER)
   --------------------------------------------------------------------------- */

/* Masaüstünde <details> kapalı kaldığı için Yasal / İletişim / Şirket sütunları
   görünmüyordu. HTML'de `open` var; destekleyen tarayıcılarda ek olarak: */
@media (min-width:861px){
  .footer details::details-content{content-visibility:visible!important;display:block!important;height:auto!important}
  .footer details>summary{display:none!important}
  .footer .footer-grid.footer-grid-compact{align-items:start!important}
}

/* Mobilde 11px olan telif / uyarı satırları 12px */
.footer .footer-bottom span,
.footer .footer-bottom>*{font-size:12px!important;line-height:1.6!important}
.footer-bottom{color:#93a4bb!important}

/* Ana sayfa paketinde (nk-home.css) "kompakt footer" kuralları eksikti: logo ile slogan
   alt alta, sütunlar dar ve 4. sütun boş kalıyordu. Diğer sayfalarla aynı düzen: */
body.home-v3977 .footer.footer-compact{padding:42px 0 24px!important}
body.home-v3977 .footer-brand-row{display:flex!important;align-items:center!important;gap:22px!important;margin-bottom:28px!important;padding-bottom:22px!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
body.home-v3977 .footer-brand-row p{margin:0!important;max-width:none!important}
body.home-v3977 .footer-brand-row .footer-logo{flex:0 0 auto!important;margin:0!important}
body.home-v3977 .footer-mersis{margin-top:2px!important;color:#cbd5e1!important}
body.home-v3977 .footer-mersis strong{color:#e2e8f0!important}
body.home-v3977 .footer.footer-compact .footer-bottom{margin-top:28px!important;padding-top:18px!important}
@media (min-width:861px){
  body.home-v3977 .footer-grid.footer-grid-compact{grid-template-columns:.8fr .95fr 1.5fr!important;gap:34px!important}
  body.home-v3977 .footer-grid-compact>div:first-child{grid-column:auto!important}
  body.home-v3977 .footer-grid-compact .footer-links{gap:8px!important}
}
@media (max-width:680px){
  body.home-v3977 .footer.footer-compact{padding:34px 0 26px!important}
  body.home-v3977 .footer-brand-row{gap:12px!important;margin-bottom:22px!important;padding-bottom:18px!important}
}

/* ---------------------------------------------------------------------------
   3. YAZI BOYUTLARI (≥12px) ve KONTRAST
   --------------------------------------------------------------------------- */

/* Makale sayfaları: "İlgili rehber" kartları ve yan kategori kutusu (9px → 12px) */
.related-link span{font-size:12px!important;letter-spacing:.05em!important;color:var(--nk-green-ink,#06765a)!important;line-height:1.4!important}
.related-link strong{font-size:15px!important}
.side-category span{font-size:12px!important;letter-spacing:.05em!important;color:#4b5b73!important}

/* Rehber kartları */
.guide-category{font-size:12px!important;color:var(--nk-green-ink,#06765a)!important}
.guide-card .guide-icon{opacity:1!important;color:var(--nk-green-ink,#06765a)!important;background:#e8f8f1!important}
.seo-category-card>span{font-size:12px!important;letter-spacing:.04em!important}

/* Ana sayfa + paketler: etiket / rozet / küçük notlar */
.nk-compact-badge,
.nk-discount-pill,
.nk-stress-eyebrow,
.nk-upload-kicker,
.nk-bottom-tools-head>span,
.nk-finance-ring>div>span,
.nk-panel-preview-entry small,
.nk-km-benefits small,
#nkKmSavedMeta,
.company-item small,
.legal-badge{font-size:12px!important;line-height:1.5!important}
.nk-upload-kicker{letter-spacing:.1em!important}

/* Açık zeminde açık yeşil etiketler (3.6–4.0:1) → AA (≥4.5:1) */
body.home-v3977 .nk-score-intro-section .nk-km-intro .eyebrow,
.seo-category-card .eyebrow,
.seo-category-card>span,
.success-card .eyebrow{color:var(--nk-green-ink,#06765a)!important}

/* ---------------------------------------------------------------------------
   4. BAŞLIK HİYERARŞİSİ
   --------------------------------------------------------------------------- */

/* Rehber merkezi / kategori sayfalarının H1'i (66px/700) diğer sayfalardaki
   H1 (56px/800) ile aynı ölçüye getirildi */
.page-hero-lite h1{
  font-size:clamp(32px,4.6vw,56px)!important;
  font-weight:800!important;
  line-height:1.06!important;
  letter-spacing:-.04em!important;
}

/* Hizmetler: ilk bölümde eyebrow soldaydı, başlık ve metin ise ortalı/içe girintiydi
   ve H2 (58px) sayfa H1'inden (56px) büyüktü. */
.nk-p-hizmetler main>.section>.container>.eyebrow{margin-bottom:14px!important}
.nk-p-hizmetler main>.section>.container>.section-title{
  font-size:clamp(30px,3.4vw,44px)!important;
  line-height:1.12!important;
  letter-spacing:-.03em!important;
  max-width:760px!important;
  margin:0 0 14px!important;
  text-align:left!important;
}
.nk-p-hizmetler main>.section>.container>.section-copy{
  max-width:720px!important;
  margin:0 0 8px!important;
  text-align:left!important;
}
.nk-p-hizmetler .cards{margin-top:34px!important;align-items:stretch!important}
.nk-p-hizmetler .cards .card{display:flex!important;flex-direction:column!important}
.nk-p-hizmetler .cards .card>p:last-child{margin-top:auto!important;padding-top:18px!important}

/* ---------------------------------------------------------------------------
   5. ŞEKİLLER — köşe yarıçapı sistemi
      düğme / form alanı : 12px   |   kart : 20px   |   hap / rozet : tam yuvarlak
   --------------------------------------------------------------------------- */
.btn,
.nk-c-cta,
.nk-stress-cta,
.nk360-btn,
.nk-report-hero-cta,
.nk-score-hero-cta,
.nk-pkg-toggle,
.nk-compact-buy,
.nk-open-pdf-flow{border-radius:12px!important}

input:not([type=checkbox]):not([type=radio]):not([type=range]),
select,
textarea{border-radius:12px!important}

/* Ana sayfa: NotKaçSkor tanıtım kartı köşesizdi, kardeş kartlar 20px */
body.home-v3977 .nk-score-intro-section .nk-km-intro{border-radius:20px!important}
.nk-upload-callout{border-radius:20px!important}

/* ---------------------------------------------------------------------------
   6. ANA SAYFA — ortak 1200px ızgara
      Bölümler 100/120/140/157/170/180px gibi farklı sol kenarlarda başlıyordu.
   --------------------------------------------------------------------------- */
body.home-v3977 .nk-stress-promo-inner,
body.home-v3977 .nk-bottom-tools-inner,
body.home-v3977 .nk360-inner,
body.home-v3977 .nk-panel-preview-entry>a,
body.home-v3977 .nk-score-intro-section .nk-km-intro{max-width:1200px!important;width:100%!important;margin-left:auto!important;margin-right:auto!important}
body.home-v3977 .nk-panel-preview-entry{width:min(calc(100% - 40px),1200px)!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important}
body.home-v3977 .nk-package-section>.container,
body.home-v3977 .nk-compact-package-v3981>.container{max-width:1200px!important;width:min(calc(100% - 40px),1200px)!important}
body.home-v3977 .nk-compact-package-list{max-width:none!important}
/* "Örnek 360° Raporu İncele" düğmesi ile yanındaki bağlantı aynı eksende */
body.home-v3977 .nk360-links{align-items:center!important}

/* ---------------------------------------------------------------------------
   7. DOKUNMA ALANLARI (mobil)
   --------------------------------------------------------------------------- */
/* Masaüstü: en az 24px hedef boyutu (WCAG 2.2 · 2.5.8). Alt bilgi bağlantıları
   23,8px, yol kırıntısı 20,6px, makale yan kartı 21,4px idi. */
.footer-links a,
.breadcrumbs a,
a.text-link{min-height:24px}
.side-category a{display:flex!important;align-items:center!important;min-height:32px!important}
@media (max-width:860px){
  .side-category a{min-height:44px!important}
  /* Hizmet kartlarındaki "Detayları incele →" bağlantısı satır içi 17px idi */
  .cards .card>p>a:only-child{display:inline-flex!important;align-items:center!important;min-height:44px!important}
}
@media (max-width:860px){
  .footer a[href^="mailto:"],
  .footer a[href^="tel:"],
  .nk-footer-direct a{display:inline-flex!important;align-items:center!important;min-height:44px!important}
  .text-link,
  .nk-c-link{display:inline-flex!important;align-items:center!important;min-height:44px!important}
  .nk-mobile-menu .nk-mm-close{min-width:44px!important;min-height:44px!important}
}

/* (Üyelik penceresi logosu: bölüm 11) */

/* ---------------------------------------------------------------------------
   8. TEŞEKKÜR / DOĞRULAMA / 404 KARTI
   --------------------------------------------------------------------------- */
/* Dar ekranda "DOĞRULAMA TAMAMLANDI" iki satıra bölünüyor ve baştaki çizgi
   ortalanmış metnin yanında yalnız kalıyordu. */
.success-card .eyebrow{justify-content:center!important;text-align:center!important}
@media (max-width:480px){
  .success-card .eyebrow::before{display:none!important}
  .success-card .eyebrow{letter-spacing:.12em!important}
  /* alt alta dizilen düğmeler aynı genişlikte */
  .success-card .btn{flex:1 1 100%!important;max-width:300px!important;justify-content:center!important}
}

/* ---------------------------------------------------------------------------
   9. ÜYELİK PENCERESİ — hesap görünümü, ayraç, yardımcı yazılar
   --------------------------------------------------------------------------- */
/* "veya e-posta ile devam edin" masaüstünde #94A3B8 (2,6:1) idi; mobildeki
   koyu tonla aynı yapıldı. */
#nkAuthModal .nk-sep{color:var(--nk-muted,#56667f)!important;font-size:12px!important}
/* Oturum açmış kullanıcının görünümünde 10–11px kalan etiketler ve rozet */
#nkAuthModal #nkAccountView .nk-process-next small,
#nkAuthModal #nkAccountView .nk-account-meta,
#nkAuthModal #nkAccountView .nk-account-meta span,
#nkAuthModal .nk-payment-form small,
#nkAuthModal .nk-otp-verified,
#nkAuthModal .nk-otp-status{font-size:12px!important;line-height:1.5!important}

/* ---------------------------------------------------------------------------
   10. KONTRAST — gerçek ekran pikselleriyle ölçülen ve WCAG AA (4,5:1) altında
       kalan metinler. Gradyan / görsel zeminli bölümler önceki denetimde
       atlanıyordu; bu bölüm onların düzeltmesidir. Koyu zeminlerde açık,
       açık zeminlerde koyu ton kullanılır.
   --------------------------------------------------------------------------- */
/* Makale içi CTA kutusundaki küçük fiyat notu (4,1–4,4:1 idi) */
.article-conversion-actions small{color:#526071!important}

/* Açık zeminli bölümlerdeki yeşil üst etiketler (#059669 → 3,6:1 idi) */
.guide-head .eyebrow,
.nk-360-head .eyebrow,
.nk-pdf-copy .eyebrow,
.seo-section-head .eyebrow,
.testimonials-section .eyebrow,
main>.section:not(.dark-section)>.container>.eyebrow{color:var(--nk-green-ink,#06765a)!important}

/* Ana sayfa: "Güvenli finansal inceleme" etiketi beyaz zeminde #6ee7b7 (1,5:1) idi */
.nk-upload-kicker{color:var(--nk-green-ink,#06765a)!important}
.nk-upload-callout small{color:#4b5a70!important}

/* Ana sayfa: koyu skor önizleme kartındaki not */
.nk-km-preview small,
#nkKmSavedMeta{color:#a9b8cc!important}

/* Ana sayfa / paketler: koyu mavi paket kartlarında fiyat notları */
.nk-compact-price>small,
.nk-compact-price>span{color:#dbe9f0!important}
.nk-compact-price .nk-price-was s{color:#d6e4ee!important}

/* Ana sayfa: kahraman görseldeki "Finansal Görünüm" etiketi */
.nk-finance-ring span{color:#f1fdfc!important}

/* Çerez bandı metni açık gri zeminde 4,4:1 idi */
#cookieConsent p,
#cookieConsent p a{color:var(--nk-muted,#56667f)!important}

/* ---------------------------------------------------------------------------
   11. LOGO — N'siz yazı logosu  (notkac-wordmark.v3.webp · 593×165 · oran 3,59:1)
       Tam logodaki "N" işareti, hemen yanındaki "NotKaç" yazısının baş harfiyle
       "NNotKaç" gibi okunuyordu. İşaret logodan çıkarıldı (favicon ve uygulama
       ikonunda simge olarak duruyor); aynı genişlikte yazı yaklaşık %21 büyüdü.
       Ölçü standardı (tüm sayfalar, tek yer):
         başlık        158px  ·  ≤680px 128px  ·  ≤359px 108px
         altbilgi      150px
         üyelik penceresi 158px  ·  ≤680px 128px
         mobil menü    158px  ·  ≤680px 128px  (başlıkla aynı: menü açılınca logo "zıplamasın")
       Standalone sayfalar nk-standalone.css'te, admin nk-admin.css'te aynı
       değerleri kullanır.
   --------------------------------------------------------------------------- */
.site-header .brand{width:158px!important;max-width:none!important}
.site-header .brand img{display:block!important;width:100%!important;height:auto!important}
.footer .footer-logo,
.footer .footer-brand-row .footer-logo{width:150px!important;max-width:100%!important;max-height:none!important;height:auto!important}
#nkAuthModal .nk-auth-kicker img,
#nkAuthModal #nkAccountView .nk-auth-kicker img{width:158px!important;max-width:calc(100vw - 104px)!important;height:auto!important}
.nk-mobile-menu .nk-mm-head img{width:158px!important;max-width:65vw!important;height:auto!important}
@media (max-width:680px){
  .site-header .brand{width:128px!important}
  .nk-mobile-menu .nk-mm-head img{width:128px!important}
  #nkAuthModal .nk-auth-kicker img,
  #nkAuthModal #nkAccountView .nk-auth-kicker img{width:128px!important}
}
@media (max-width:359px){
  .site-header .brand{width:108px!important}
}

}/* /@layer nk-polish */