/* ==========================================================================
   Marka paleti — logodan türetildi (docs/marka/nefura-logo-kaynak.jpeg).
   Temanın turuncusu (var(--nf-ana)) yerini logonun mavisine bıraktı; turuncu
   yalnızca dönüşüm düğmelerinde (Demo Talep Et, form gönder) kaldı.

   Tonlar kontrast için seçildi: logonun ham mavisi #2f7fc4 beyazla 4.24:1
   veriyor, AA eşiği 4.5. Bir tık koyusu 5.15:1 ile geçiyor ve gözle aynı
   mavi kalıyor.
   ========================================================================== */
:root {
  --nf-ana: #2b71ae;        /* bağlantı, aktif menü, ikon, vurgu — 5.15:1 */
  --nf-ana-koyu: #1f5f96;   /* hover ve koyu zemin — 6.70:1 */
  --nf-cta: #ef8f4a;        /* dönüşüm düğmeleri (logo yaprağı) */
  --nf-cta-koyu: #d97a35;
}

/* ==========================================================================
   Nefura — uoe-tema üzerine eklenen bileşen stilleri.
   Buradaki kurallar temada karşılığı olmayan yeni bileşenleri (kapsam notu,
   test kartı rozetleri, filtre çubuğu, form hataları) biçimlendirir. Temanın
   renk dosyası css/color.css de markaya göre güncellendi — ikisi aynı paleti
   kullanır, ana renk yukarıdaki :root değişkenlerinde.
   ========================================================================== */

/* --- float temizleme ---
   Tema, header ve tüm bölümlerini `float: left; width: 100%` ile kurar.
   Flex/blok kutularımız float'ı kendiliğinden temizlemediği için aynı
   konvansiyonu üst düzey bölümlere de uygulamak zorunlu. --- */
.nf-area-strip,
.nf-section,
.nf-promo,
.nf-counter-band,
.nf-cta-band,
.nf-finder-wrap,
.kf_content_wrap,
.kf_inr_banner,
.nf-footer,
.edu2_copyright_wrap { float: left; width: 100%; clear: both; }

/* --- üst bar --- */
.top_bar_2 .contct_2 a { color: inherit; }
.nf-top-nav { float: right; margin: 0; padding: 0; list-style: none; }
.nf-top-nav li { display: inline-block; margin-left: 22px; }
.nf-top-tagline { font-size: 12px; color: #fff; opacity: .85; }
/* Bar mavi olduğu için çerçeveli beyaz düğme yerine dolu CTA turuncusu:
   currentColor + maviye dönen hover, mavi barda görünmez metin üretiyordu. */
.nf-top-cta {
  display: inline-block; padding: 4px 16px; border: 1px solid transparent;
  border-radius: 2px; font-size: 12px; font-weight: 700; text-transform: uppercase;
  letter-spacing: .04em; background-color: var(--nf-cta); color: #fff;
}
.nf-top-cta:hover, .nf-top-cta:focus { background-color: var(--nf-cta-koyu); color: #fff; }

/* --- logo --- */
.nf-logo a { display: block; padding: 14px 0; text-decoration: none; }
.nf-logo img { display: block; height: 46px; width: auto; }
/* footer zemini koyu; yazısı beyaza çevrilmiş sürüm kullanılır */
.nf-footer-logo { display: block; height: 42px; width: auto; margin-bottom: 18px; }

@media (max-width: 991px) {
  /* mobil menü düğmesi logonun soluna geçiyor, kilit biraz küçültülür */
  .nf-logo img { height: 40px; }
}

/* --- navigasyon aktif durumu --- */
.nav_2 ul li.nf-active > a { font-weight: 700; }

/* --- iç sayfa başlığı --- */
.nf-banner-lead {
  max-width: 60ch; margin: 12px 0 0; font-size: 15px; line-height: 1.7;
  color: rgba(255,255,255,.85);
}
.kf_inr_breadcrumb ul li span { color: rgba(255,255,255,.6); }

/* --- bölüm başlığı --- */
.nf-section { padding: 70px 0; }
.nf-section--soft { background: #f8f8f8; }
.nf-head { text-align: center; margin-bottom: 45px; }
.nf-head .nf-eyebrow {
  display: block; font-size: 11px; font-weight: 700; letter-spacing: .18em;
  text-transform: uppercase; margin-bottom: 12px;
}
.nf-head h2 { margin: 0 0 14px; }
.nf-head p { max-width: 68ch; margin: 0 auto; color: #777; line-height: 1.8; }
.nf-head--left { text-align: left; }
.nf-head--left p { margin-left: 0; }

/* --- alan şeridi --- */
.nf-area-strip { display: flex; flex-wrap: wrap; }
.nf-area-cell {
  flex: 1 1 25%; min-width: 240px; padding: 30px 26px; color: #fff;
  text-decoration: none; display: block; transition: opacity .2s ease;
}
.nf-area-cell:hover, .nf-area-cell:focus { color: #fff; opacity: .9; text-decoration: none; }
.nf-area-cell i { font-size: 30px; display: block; margin-bottom: 14px; }
.nf-area-cell .nf-area-code {
  font-size: 11px; letter-spacing: .16em; font-weight: 700; opacity: .8;
}
.nf-area-cell h4 { color: #fff; margin: 6px 0 8px; font-size: 17px; line-height: 1.35; }
.nf-area-cell p { font-size: 13px; line-height: 1.7; margin: 0; color: rgba(255,255,255,.85); }
.nf-area-cell .nf-area-count { display: inline-block; margin-top: 12px; font-size: 12px; font-weight: 700; white-space: nowrap; }
.nf-area-cell .nf-area-count i { margin-left: 6px; }

/* --- test bul formu --- */
.nf-finder { background: #fff; box-shadow: 0 10px 40px rgba(0,0,0,.08); padding: 26px; margin-top: -45px; position: relative; z-index: 5; }
.nf-finder h5 { margin: 0 0 16px; font-size: 14px; letter-spacing: .06em; text-transform: uppercase; }
.nf-finder .nf-finder-row { display: flex; flex-wrap: wrap; gap: 12px; }
.nf-finder .nf-finder-col { flex: 1 1 220px; }
.nf-finder label { display: block; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #999; margin-bottom: 6px; }
.nf-finder select { width: 100%; }

/* --- kart ızgaraları --- */
.nf-grid { display: flex; flex-wrap: wrap; margin: 0 -12px; }
.nf-grid > * { padding: 0 12px; margin-bottom: 24px; }
.nf-grid--2 > * { width: 50%; }
.nf-grid--3 > * { width: 33.3333%; }
.nf-grid--4 > * { width: 25%; }
@media (max-width: 991px) { .nf-grid--3 > *, .nf-grid--4 > * { width: 50%; } }
@media (max-width: 600px) { .nf-grid > * { width: 100% !important; } }

.nf-card { background: #fff; border: 1px solid #ececec; padding: 26px; height: 100%; transition: box-shadow .2s ease, transform .2s ease; }
.nf-card:hover { box-shadow: 0 12px 34px rgba(0,0,0,.09); }
.nf-card i.nf-card-icon { font-size: 26px; display: block; margin-bottom: 14px; }
.nf-card h4 { margin: 0 0 10px; font-size: 16px; line-height: 1.4; }
.nf-card p { margin: 0; color: #777; font-size: 14px; line-height: 1.75; }
.nf-card-num { display: block; font-size: 12px; font-weight: 700; letter-spacing: .12em; color: #949494; margin-bottom: 10px; }

/* --- test kartı --- */
.nf-test-card { background: #fff; border: 1px solid #ececec; border-top: 3px solid #ddd; padding: 22px; height: 100%; display: block; text-decoration: none; }
.nf-test-card:hover, .nf-test-card:focus { text-decoration: none; box-shadow: 0 12px 34px rgba(0,0,0,.09); }
.nf-test-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; gap: 8px; }
.nf-abbr { font-family: 'Roboto Slab', serif; font-weight: 700; font-size: 15px; letter-spacing: .04em; color: #2f2f2f; }
.nf-badge { font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; padding: 3px 9px; border-radius: 2px; white-space: nowrap; }
.nf-badge--rehber { background: #eef2f6; color: #55616f; }
/* uygulayıcı rozetleri anlamsal bir ölçek: nötr → marka mavisi → kehribar
   uyarı. Çivit mor (#4338ca) logoda hiç yok, marka mavisiyle değişti. */
.nf-badge--uzman  { background: #eef4fa; color: #1f5f96; }
.nf-badge--klinik { background: #fff1e6; color: #b45309; }
.nf-test-card h4 { margin: 0 0 8px; font-size: 15px; line-height: 1.45; color: #2f2f2f; }
.nf-test-card p.nf-measures { margin: 0 0 14px; font-size: 13px; color: #888; line-height: 1.6; }
.nf-test-meta { border-top: 1px solid #f0f0f0; padding-top: 12px; font-size: 12px; color: #999; display: flex; flex-wrap: wrap; gap: 4px 14px; }
.nf-test-meta i { margin-right: 5px; }

/* --- sekmeler --- */
.nf-tabs { list-style: none; margin: 0 0 30px; padding: 0; text-align: center; }
.nf-tabs li { display: inline-block; margin: 0 4px 8px; }
.nf-tabs li a {
  display: block; padding: 11px 22px; border: 1px solid #e2e2e2; background: #fff;
  font-size: 13px; font-weight: 700; color: #666; text-decoration: none;
}
.nf-tabs li.active a { color: #fff; border-color: transparent; }

/* --- filtre çubuğu --- */
/* clear: temanın .kf_courses_detail_des ve .courses_detail_heading blokları
   float:left. Kendisi float değilken .nf-filter'ın kutusu konteynerin tepesinden
   başlıyor, satırları float'ları atlayıp aşağı düşse de kenarlığı yukarıdaki
   metnin etrafını sarıyordu (alan sayfalarında "metin kutu içinde" görünümü). */
.nf-filter { clear: both; background: #fff; border: 1px solid #ececec; padding: 20px 22px; margin-bottom: 34px; }
.nf-filter-group { display: inline-block; margin-right: 28px; margin-bottom: 6px; }
.nf-filter-group > span { font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #999; margin-right: 10px; }
.nf-chip { display: inline-block; padding: 5px 14px; margin: 0 4px 6px 0; border: 1px solid #e2e2e2; background: #fff; font-size: 12px; font-weight: 600; color: #666; cursor: pointer; }
.nf-chip.is-active { color: #fff; border-color: transparent; }
.nf-filter-count { font-size: 13px; color: #999; }
.nf-empty { padding: 40px 0; text-align: center; color: #999; }

/* --- akış adımları --- */
.nf-flow { display: flex; flex-wrap: wrap; counter-reset: nf-step; }
.nf-flow-step { flex: 1 1 25%; min-width: 220px; padding: 30px 24px; position: relative; }
.nf-flow-step:before {
  counter-increment: nf-step; content: counter(nf-step, decimal-leading-zero);
  display: block; font-family: 'Roboto Slab', serif; font-size: 34px; font-weight: 700;
  line-height: 1; opacity: .18; margin-bottom: 12px;
}
.nf-flow-step h4 { margin: 0 0 8px; font-size: 17px; }
.nf-flow-step p { margin: 0; color: #777; font-size: 14px; line-height: 1.75; }

/* --- sayaç --- */
.nf-counter { text-align: center; padding: 26px 10px; }
.nf-counter .counter { font-family: 'Roboto Slab', serif; font-size: 46px; font-weight: 700; line-height: 1; display: block; }
.nf-counter span.nf-counter-label { display: block; margin-top: 10px; font-size: 13px; letter-spacing: .06em; color: rgba(255,255,255,.8); }

/* --- kitle blokları --- */
.kitle-blok { background: #fff; border: 1px solid #ececec; padding: 34px; margin-bottom: 26px; display: flex; flex-wrap: wrap; gap: 30px; align-items: center; }
.kitle-blok--ters { flex-direction: row-reverse; }
.kitle-blok .kitle-body { flex: 1 1 340px; }
.kitle-blok .kitle-list { flex: 1 1 300px; }
.kitle-blok i.kitle-icon { font-size: 32px; display: block; margin-bottom: 14px; }
.kitle-blok h3 { margin: 0 0 10px; font-size: 21px; }
.kitle-blok p { color: #777; line-height: 1.8; }
.kitle-list ul { list-style: none; margin: 0; padding: 0; }
.kitle-list li { position: relative; padding: 9px 0 9px 30px; border-bottom: 1px solid #f2f2f2; font-size: 14px; color: #555; }
.kitle-list li:last-child { border-bottom: 0; }
.kitle-list li i { position: absolute; left: 0; top: 12px; }

/* --- senaryo kartı --- */
.senaryo-kart { background: #fff; border: 1px solid #ececec; padding: 26px; height: 100%; }
.senaryo-kart .senaryo-num { font-family: 'Roboto Slab', serif; font-size: 13px; font-weight: 700; letter-spacing: .12em; color: #949494; }
.senaryo-kart h4 { margin: 8px 0 10px; font-size: 17px; }
.senaryo-kart p { color: #777; font-size: 14px; line-height: 1.75; }
.senaryo-tests { list-style: none; margin: 16px 0 0; padding: 0; }
.senaryo-tests li { display: inline-block; margin: 0 5px 5px 0; }
.senaryo-tests a { display: inline-block; padding: 3px 10px; background: #f4f4f4; font-size: 11px; font-weight: 700; color: #666; text-decoration: none; }
.senaryo-tests a:hover { color: #fff; }

/* --- raporlama hiyerarşisi --- */
.nf-hier { list-style: none; margin: 0 0 40px; padding: 0; }
.nf-hier li { margin-bottom: 16px; }
.nf-hier .nf-hier-bar { background-color: var(--nf-ana); height: 46px; display: flex; align-items: center; padding: 0 18px; color: #fff; font-weight: 700; font-size: 14px; }
.nf-hier .nf-hier-text { font-size: 13px; color: #888; margin-top: 6px; display: block; }

/* --- rapor & paydaş kartı --- */
.rapor-kart { background: #fff; border: 1px solid #ececec; padding: 26px; height: 100%; }
.rapor-kart i { font-size: 24px; display: block; margin-bottom: 14px; }
.rapor-kart h4 { margin: 0 0 8px; font-size: 16px; }
.rapor-kart p { margin: 0; color: #777; font-size: 14px; line-height: 1.75; }
.paydas-kart { background: #fff; border: 1px solid #ececec; padding: 26px; height: 100%; text-align: center; }
.paydas-kart .paydas-kod { display: inline-flex; align-items: center; justify-content: center; width: 54px; height: 54px; border-radius: 50%; color: #fff; font-weight: 700; font-size: 14px; margin-bottom: 14px; }
.paydas-kart h4 { margin: 0 0 8px; font-size: 16px; }
.paydas-kart p { margin: 0; color: #777; font-size: 14px; line-height: 1.75; }

/* --- çerçeve kartı --- */
.cerceve-kart { background: #fff; border: 1px solid #ececec; padding: 24px; height: 100%; }
.cerceve-kart .cerceve-head { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.cerceve-kart i { font-size: 20px; }
.cerceve-kart .cerceve-num { font-size: 12px; font-weight: 700; color: #9a9a9a; letter-spacing: .1em; }
.cerceve-kart .cerceve-label { display: block; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #999; margin-bottom: 6px; }
.cerceve-kart .cerceve-value { font-size: 15px; color: #444; line-height: 1.6; }

/* --- etik listesi --- */
.nf-ethics { list-style: none; margin: 0; padding: 0; }
.nf-ethics li { position: relative; padding: 14px 0 14px 36px; border-bottom: 1px solid #eee; color: #555; line-height: 1.7; }
.nf-ethics li:last-child { border-bottom: 0; }
.nf-ethics li i { position: absolute; left: 0; top: 17px; }

/* --- kapsam notu --- */
.nf-disclaimer { display: flex; gap: 18px; background: #f8f8f8; border-left: 3px solid #ddd; padding: 24px 26px; margin: 40px 0 0; }
.nf-disclaimer-icon i { font-size: 22px; }
.nf-disclaimer h5 { margin: 0 0 8px; font-size: 14px; letter-spacing: .04em; text-transform: uppercase; }
.nf-disclaimer p { margin: 0; color: #777; font-size: 14px; line-height: 1.8; }

/* --- promo şerit --- */
.nf-promo { padding: 26px 0; color: #fff; }
.nf-promo .nf-promo-tag { display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: .18em; padding: 4px 12px; border: 1px solid rgba(255,255,255,.4); margin-right: 18px; }
.nf-promo p { display: inline; font-size: 15px; margin: 0; }

/* --- alt CTA şeridi --- */
.nf-cta-band .nf-cta-text { margin: 6px 0 0; font-size: 14px; color: #fff; opacity: .9; }
.nf-cta-band h5 { color: #fff; }
.nf-cta-btn { display: inline-block; padding: 13px 30px; background: var(--nf-cta); color: #fff; border: 0; font-weight: 700; font-size: 14px; text-decoration: none; cursor: pointer; }
.nf-cta-btn:hover, .nf-cta-btn:focus { color: #fff; }
/* şerit artık mavi; düğme beyaz yerine CTA turuncusu olarak öne çıkıyor */
.nf-cta-band .nf-cta-btn { background: var(--nf-cta); color: #fff; }
.nf-cta-band .nf-cta-btn:hover, .nf-cta-band .nf-cta-btn:focus { color: #fff; }
.nf-cta-btn:hover, .nf-cta-btn:focus { text-decoration: none; opacity: .9; }
.nf-cta-btn i { margin-right: 8px; }

/* --- footer --- */
.nf-footer .nf-footer-about { color: #999; font-size: 14px; line-height: 1.85; }
.nf-footer .nf-footer-cta { display: inline-block; margin-top: 14px; padding: 9px 22px; border: 1px solid rgba(255,255,255,.25); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
.nf-footer-note { font-size: 12px; opacity: .6; }

/* Bölümler listesi dokuz kalemle diğer sütunların iki katı uzuyordu (410px'e
   karşı 170–206px). İki sütuna bölündü; sütun col-md-4'e genişletildi, yoksa
   "Değerlendirme Alanları" (166px) sığmayıp satır kırıyordu. */
.nf-footer-links--iki ul { column-count: 2; column-gap: 20px; }
.nf-footer-links--iki ul li { break-inside: avoid; }

.nf-footer-iletisim { margin-top: 26px; }

@media (max-width: 480px) {
  /* dar ekranda iki sütun 135px'e düşüp bağlantıları kırardı */
  .nf-footer-links--iki ul { column-count: 1; }
}

/* --- test detay --- */
.nf-detail-meta { list-style: none; margin: 0 0 30px; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.nf-detail-meta li { background: #f6f6f6; padding: 8px 16px; font-size: 13px; color: #555; }
.nf-detail-meta li strong { color: #333; }
.nf-prose { line-height: 1.85; color: #555; }
.nf-prose h2 { font-size: 22px; margin: 34px 0 14px; }
.nf-prose h2:first-child { margin-top: 0; }
.nf-prose table { width: 100%; margin: 18px 0 24px; border-collapse: collapse; }
.nf-prose table td { padding: 11px 14px; border-bottom: 1px solid #eee; font-size: 14px; }
.nf-prose table tr td:first-child { width: 34%; color: #333; }
.nf-prose table thead { display: none; }
.nf-prose ul { padding-left: 20px; }
.nf-prose li { margin-bottom: 8px; }

.nf-sidebar { background: #f8f8f8; padding: 26px; }
.nf-sidebar h5 { margin: 0 0 16px; font-size: 13px; letter-spacing: .1em; text-transform: uppercase; }
.nf-sidebar + .nf-sidebar { margin-top: 24px; }
.nf-sidebar ul { list-style: none; margin: 0; padding: 0; }
.nf-sidebar ul li { border-bottom: 1px solid #e8e8e8; }
.nf-sidebar ul li:last-child { border-bottom: 0; }
.nf-sidebar ul li a { display: block; padding: 11px 0; font-size: 14px; color: #666; text-decoration: none; }
.nf-sidebar ul li.is-current a { font-weight: 700; }
.nf-tagcloud a { display: inline-block; padding: 5px 12px; margin: 0 5px 6px 0; background: #fff; border: 1px solid #e6e6e6; font-size: 11px; font-weight: 700; color: #777; text-decoration: none; }
.nf-tagcloud a:hover { color: #fff; }

/* --- iletişim formu ---
   Tema `contactus.html` yapısını kullanır (.contct_wrap / .inputs_des / .contact_des).
   Buradaki kurallar yalnızca temanın kapsamadığı şeyleri ekler: email/select
   alanlarının text input'la aynı görünmesi, doğrulama hataları, onay kutusu. --- */

/* tema yalnızca input[type=text] ve textarea'yı biçimlendiriyor */
.inputs_des input[type="email"],
.inputs_des select {
  float: left; width: 100%; border: 1px solid #dedede;
  padding: 3px 10px 5px 38px; line-height: 34px; height: 44px; background: #fff;
}
.inputs_des .selectric-wrapper { float: left; width: 100%; }
.inputs_des textarea { padding-top: 12px; }

/* hata metni — .inputs_des span kuralını geçersiz kılar */
.contct_wrap .inputs_des span.nf-error {
  display: none; float: left; width: 100%;
  margin: 6px 0 0; font-size: 13px; color: #c0392b; text-transform: none;
}
.contct_wrap .inputs_des.has-error span.nf-error { display: block; }
.contct_wrap .has-error input,
.contct_wrap .has-error textarea,
.contct_wrap .has-error select,
.contct_wrap .has-error .selectric { border-color: #c0392b !important; }

/* onay kutusu */
.contct_wrap .nf-consent label {
  float: left; width: 100%; font-size: 14px; font-weight: normal;
  color: #7a7a7a; line-height: 1.7; text-transform: none; cursor: pointer;
}
.contct_wrap .nf-consent input[type="checkbox"] { margin-right: 8px; }
.contct_wrap .nf-consent a { color: var(--nf-ana); }

/* gönder düğmesi — temanın .contact_des button görünümü, sabit genişlikte */
.contct_wrap button[type="submit"] {
  display: inline-block; padding: 15px 40px; border: 0; background-color: var(--nf-cta);
  color: #fff; font-size: 14px; line-height: 14px; font-weight: bold;
  text-transform: uppercase; cursor: pointer;
}
.contct_wrap button[type="submit"]:hover { opacity: .9; }
.contct_wrap .nf-hint { float: left; width: 100%; margin: 14px 0 0; font-size: 13px; color: #999; }

/* sağ sütun */
/* tema .contact_meta li'ye capitalize uyguluyor; e-posta adresini "Info@Nefura.Com"
   yapıyor ve Türkçe cümleleri Başlık Düzenine çeviriyordu. */
.contact_meta li,
.contact_meta li a { text-transform: none; }
.contact_meta li { display: flex; align-items: flex-start; gap: 4px; }
.contact_meta li i { margin-top: 4px; flex: 0 0 18px; }
.contact_heading.social { margin-top: 10px; }
.contact_heading p { color: #7a7a7a; line-height: 1.8; font-size: 15px; }
.contact_meta li i { color: var(--nf-ana); width: 18px; }
.contact_meta li a { color: #7a7a7a; }
.contact_meta li a:hover { color: var(--nf-ana); }
.contct_wrap .nf-disclaimer { clear: both; }

/* --- 404 --- */
.nf-404 { text-align: center; padding: 90px 0; }
.nf-404 .nf-404-code { font-family: 'Roboto Slab', serif; font-size: 84px; font-weight: 700; line-height: 1; }
.nf-404 h1 { margin: 18px 0 12px; font-size: 26px; }
.nf-404 p { color: #888; margin-bottom: 26px; }

.nf-plain-list { list-style: none; padding: 0; }
.nf-plain-list li { padding: 10px 0; border-bottom: 1px solid #eee; }

/* ==========================================================================
   Vurgu rengi — marka mavisi (--nf-ana). css/color.css de aynı değere
   ayarlandı, yani tema bileşenleriyle bizimkiler aynı rengi kullanır.
   ========================================================================== */
.nf-head .nf-eyebrow,
.nf-card i.nf-card-icon,
.nf-flow-step:before,
.kitle-blok i.kitle-icon,
.kitle-list li i,
.rapor-kart i,
.cerceve-kart i,
.nf-ethics li i,
.nf-disclaimer-icon i,
.nf-test-meta i,
.nf-404 .nf-404-code,
.nf-prose a,
.nf-sidebar ul li.is-current a,
.nf-sidebar ul li a:hover { color: var(--nf-ana); }

.nf-tabs li.active a,
.nf-chip.is-active,
.paydas-kart .paydas-kod,
.senaryo-tests a:hover,
.nf-tagcloud a:hover,
.nf-promo { background-color: var(--nf-ana); }

.nf-tabs li.active a,
.nf-chip.is-active,
.senaryo-tests a:hover,
.nf-tagcloud a:hover { color: #fff; }

/* --- dönüşüm düğmeleri ---
   Turuncu yalnızca "bir şey yap" düğmelerinde: demo talebi, form gönderimi,
   örnek rapor isteği. Geri kalan her vurgu marka mavisi. `.apply` temanın
   düğme sınıfı, color.css'ten mavi geliyordu; burada geri alınıyor. --- */
.nf-form button[type=submit],
.apply { background-color: var(--nf-cta); color: #fff; }
.nf-form button[type=submit]:hover,
.apply:hover, .apply:focus { background-color: var(--nf-cta-koyu); color: #fff; }

.nf-disclaimer { border-left-color: var(--nf-ana); }
.nf-test-card:hover { border-top-color: var(--nf-ana); }
.nf-finder { border-top: 3px solid var(--nf-ana); }

/* --- açık zeminli bileşenlerde bağlantı rengi ---
   Temanın genel `a` rengi beyazdır (koyu footer için). Açık zeminli kendi
   bileşenlerimizde bu görünmez metin üretiyordu; burada açıkça geçersiz kılınır. --- */
.nf-contact-box a,
.nf-form .nf-consent a,
.nf-prose a,
.nf-card a,
.senaryo-kart a,
.rapor-kart a,
.paydas-kart a,
.cerceve-kart a,
.kitle-list a,
.nf-disclaimer a,
.nf-empty a,
.nf-plain-list a { color: var(--nf-ana); }

.nf-contact-box a:hover,
.nf-form .nf-consent a:hover,
.nf-prose a:hover,
.nf-plain-list a:hover { color: var(--nf-ana); text-decoration: underline; }

/* --- tema kartlarındaki fotoğrafın yerini alan renkli karo ---
   .edu2_col_3_wrap / .kf_courses_wrap / .edu2_faculty_des figure bekliyor;
   nefura'nın test görseli yok, kısaltma karosu kullanılır. --- */
.nf-tile {
  position: relative; display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  width: 100%; height: 180px; margin: 0; overflow: hidden;
}
.nf-tile .nf-tile-abbr {
  font-family: 'Roboto Slab', serif; font-size: 34px; font-weight: 700;
  color: #fff; letter-spacing: .04em; line-height: 1;
}
.nf-tile .nf-tile-kod {
  margin-top: 10px; font-size: 11px; font-weight: 700; letter-spacing: .16em;
  text-transform: uppercase; color: rgba(255,255,255,.85);
}
.nf-tile .nf-tile-kod i { margin-right: 6px; }
.nf-tile figcaption { z-index: 3; }
.nf-tile--sm { height: 120px; }
.nf-tile--sm .nf-tile-abbr { font-size: 24px; }
.nf-tile--wide { height: 230px; }

/* .edu2_col_3_wrap içi */
.edu2_col_3_wrap .edu2_col_3_des h6 a { color: inherit; }
.edu2_col_3_ftr .nf-badge { float: left; }
.nf-col3-duzey { float: right; font-size: 12px; color: #999; line-height: 22px; }
.nf-col3-duzey i { margin-right: 5px; }

/* alan başlığı (kf_edu2_heading1 varyantı) */
.nf-area-heading { margin-bottom: 26px; }
.nf-area-heading h5 { font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; margin-bottom: 8px; }
.nf-area-heading h3 { margin-bottom: 10px; }
.nf-area-heading p { color: #7a7a7a; line-height: 1.8; max-width: 78ch; }

/* liste sayfası arama çubuğundaki iki açılır menü */
.inr_pg_search_wrap .search_bar_des select { margin-right: 10px; }

/* tema kart başlığını tek satıra kırpıyor; test adları uzun, sarmalansın */
.edu2_col_3_des h6,
.kf_intro_des_caption h6,
.edu2_faculty_des2 h6 {
  white-space: normal; overflow: visible; text-overflow: clip; line-height: 1.4;
}

/* --- tema bileşenlerine nefura uyarlamaları --- */

/* Kimler İçin: faculty kartı içinde madde listesi */
.nf-faculty-list { list-style: none; margin: 14px 0 18px; padding: 0; text-align: left; }
.nf-faculty-list li { position: relative; padding: 7px 0 7px 26px; font-size: 14px; color: #7a7a7a; line-height: 1.6; }
.nf-faculty-list li i { position: absolute; left: 0; top: 10px; color: var(--nf-ana); }
.edu2_faculty_des2 strong { display: block; font-weight: normal; color: #7a7a7a; line-height: 1.8; margin-bottom: 6px; }

/* tema .abt_univ_wrap'a alt boşluk vermiyor; nasil-calisir'da düğme hemen
   ardından gelen ikon ızgarasına değiyordu. */
.abt_univ_wrap { margin-bottom: 45px; }

/* akış adımı numarası (kf_intro_des_caption span içinde ikon yerine) */
.kf_intro_des_caption .nf-step-num {
  font-family: 'Roboto Slab', serif; font-size: 28px; font-weight: 700; color: var(--nf-ana);
}

/* aboutus başlık varyantı */
.nf-head2 { text-align: center; margin-bottom: 40px; }
.nf-head2 p { color: #7a7a7a; max-width: 70ch; margin: 10px auto 0; line-height: 1.8; }

/* senaryo kartı edu2_col_3_wrap içinde */
.senaryo-kart .edu2_col_3_des { padding: 26px; }
.senaryo-kart .senaryo-num { display: block; margin-bottom: 8px; }

/* raporlama sidebar'ındaki hiyerarşi */
.kf-sidebar .nf-hier { list-style: none; padding: 0; margin: 0; }
.kf-sidebar .nf-hier li { border: 0; margin-bottom: 14px; }

/* 404 */
.error_wrap .nf-404-links { text-align: center; margin-top: 26px; }
.error_wrap .nf-404-links .btn-3 { margin: 0 6px 10px; }
.error_wrap .nf-404-links .btn-3 i { margin-right: 8px; }

/* tema .edu2_faculty_des2 / .kf_courses_des metinlerini Başlık Düzeni'ne çeviriyor;
   Türkçe cümlelerde yanlış görünüyor */
.edu2_faculty_des2 h6,
.edu2_faculty_des2 h6 a,
.edu2_faculty_des2 strong,
.kf_courses_des p,
.courses_des_hding1 h5,
.sidebar_register_des li,
.widget-categories ul li a,
/* teması `.widget-archive ul li a` ile capitalize veriyor; benim eski
   `.sidebar_archive_des li a` kuralım daha düşük özgüllükte kaldığı için
   hiç uygulanmıyordu ("Seçici Ve Sürekli", "Kimler Için"). */
.sidebar_archive_des li a,
.widget-archive ul li a { text-transform: none; }

/* .kf_courses_des a float: left; kısa paragraflarda metnin yanına kayıyordu */
.kf_courses_des a { clear: both; }
.kf_courses_wrap { overflow: hidden; }
.kf_courses_wrap .nf-tile { margin-bottom: 20px; }

/* tema .kf_intro_des { width: 33.3% } sabit; bootstrap sütunu içinde kullanınca
   iki kat daralıyordu — sütun genişliğini bootstrap belirlesin */
[class*="col-"] > .kf_intro_des { float: none; width: 100%; }
[class*="col-"] > .kf_intro_des .kf_intro_des_caption { padding: 0 10px; }

/* İkon kutucuğunun tek çocuğu float olduğu için kutucuk 0 yükseklikte kalıyordu;
   iki satır alt alta geldiğinde aralarında hiç boşluk olmuyordu (nasil-calisir
   ve raporlama'da masaüstünde, hepsinde tablet genişliğinde). overflow ile
   kutucuk float'unu kapsayıp yüksekliğini geri kazanıyor, boşluk ölçülebilir
   hale geliyor. Son satırın altındaki 45px bölüm dolgusuna ekleniyor; satırdan
   negatif margin ile geri almayı denedim, float/clearfix bağlamında etkisi yok. */
[class*="col-"] > .kf_intro_des { overflow: hidden; margin-bottom: 45px; }

/* .edu2_counter_des de sabit genişlikli; bootstrap sütunu içinde tam genişlik */
[class*="col-"] > .edu2_counter_des { float: none; width: 100%; }
.edu2_counter_wrap .nf-counter-label { display: block; margin-top: 8px; }

/* temanın koyu zeminli edu_student_wrap_bg bölümünde başlık koyu kalıyordu */
.edu_student_wrap_bg .nf-head2 h3 { color: #fff; }
.edu_student_wrap_bg .nf-head2 p { color: rgba(255,255,255,.75); }
.edu_student_wrap_bg .kf_edu2_heading2 h3:after,
.edu_student_wrap_bg .kf_edu2_heading2 h3:before { background-color: rgba(255,255,255,.4); }

/* eşit olmayan kart yükseklikleri float ile kaydırmalı diziliyordu */
.edu_student_wrap_bg .row { display: flex; flex-wrap: wrap; }
.edu_student_wrap_bg .row > [class*="col-"] { display: flex; margin-bottom: 26px; }
.edu_student_wrap_bg .row > [class*="col-"] > .edu2_col_3_wrap { width: 100%; }
.edu_student_wrap_bg .row > .col-md-12 { display: block; }

/* tema h5 üst başlıklarına capitalize uyguluyor: "Etik Ve Gizlilik" gibi
   Türkçede yanlış büyük harf üretiyordu */
.kf_edu2_heading1 h5,
.kf_edu2_heading2 h5,
.courses_detail_heading h4,
.course_heading h5,
.study_table_wrap h6 { text-transform: none; }

/* --- alan hub sayfası --- */
.nf-alan-satir { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #eee; }
.nf-alan-satir:last-child { border-bottom: 0; }
.nf-alan-ozet { float: left; width: 100%; clear: both; font-size: 15px; line-height: 1.8; }
/* tema .kf_courses_des içinde float düzeni kullanıyor; künye listesi de
   temizlenmezse önceki paragrafın yanına kayıyor */
.nf-alan-kunye { float: left; width: 100%; clear: both; overflow: hidden; margin: 18px 0 20px; }
.nf-alan-kunye dt {
  float: left; clear: left; width: 118px; font-size: 11px; font-weight: 700;
  letter-spacing: .1em; text-transform: uppercase; color: #999; padding-top: 3px;
}
.nf-alan-kunye dd { overflow: hidden; margin: 0 0 10px 130px; font-size: 14px; color: #555; line-height: 1.7; }
.nf-alan-kunye dd a { color: var(--nf-ana); font-weight: 600; }
@media (max-width: 600px) {
  .nf-alan-kunye dt { float: none; width: auto; margin-bottom: 4px; }
  .nf-alan-kunye dd { margin-left: 0; }
}

/* --- alan sayfası --- */
.nf-alan-prose h2 { font-size: 21px; margin: 30px 0 12px; }
.nf-alan-prose h2:first-child { margin-top: 0; }
.nf-alan-prose ul { padding-left: 20px; }
.nf-alan-prose li { margin-bottom: 8px; line-height: 1.8; }
.nf-filter--sade { padding: 16px 20px; margin: 24px 0; }

/* alan sayfasındaki test kartları: eşit olmayan yükseklikler float ile kayıyordu */
.kf_courses_detail_wrap .row { display: flex; flex-wrap: wrap; }
.kf_courses_detail_wrap .row > [class*="col-"] { display: flex; margin-bottom: 24px; }
.kf_courses_detail_wrap .row > [class*="col-"] > .edu2_col_3_wrap { width: 100%; }

/* --- alan kartı fotoğrafı ---
   data/alanlar.yaml'daki `gorsel` doluysa fotoğraf gösterilir; boşsa
   partials/alan-figure.html renkli kısaltma karosuna düşer. --- */
.nf-alan-foto {
  position: relative; margin: 0; overflow: hidden; width: 100%;
  background: #eee;
}
.nf-alan-foto img {
  display: block; width: 100%; height: 100%; object-fit: cover;
}
.nf-alan-foto.nf-tile--wide { height: 230px; }
.nf-alan-foto.nf-tile--sm   { height: 120px; }
.nf-alan-foto:before {
  content: ""; position: absolute; inset: 0; z-index: 1;
  background: linear-gradient(to top, rgba(0,0,0,.45), rgba(0,0,0,0) 55%);
}
.nf-foto-rozet {
  position: absolute; left: 0; bottom: 0; z-index: 2;
  padding: 7px 14px; color: #fff; font-size: 11px; font-weight: 700;
  letter-spacing: .12em; text-transform: uppercase;
}
.nf-foto-rozet strong { font-size: 13px; letter-spacing: .06em; }
.nf-alan-foto figcaption {
  position: absolute; top: 50%; left: 0; right: 0; z-index: 3;
  margin-top: -30px; text-align: center; opacity: 0; transition: opacity .25s ease;
}
.nf-alan-foto:hover figcaption { opacity: 1; }
.nf-alan-foto figcaption a {
  display: inline-block; width: 60px; height: 60px; line-height: 58px;
  color: #fff; border: 1px solid #fff; border-radius: 100%; font-size: 20px;
}

/* tüm testler sayfası */
.nf-liste-not { margin-top: 10px; font-size: 13px; color: #999; line-height: 1.8; }
.nf-area-heading h3 a { color: inherit; }
.nf-area-heading h3 a:hover { color: var(--nf-ana); }
.kf-sidebar .widget h2 a { color: inherit; }

/* --- test görseli (kart + detay) --- */
.nf-test-foto { position: relative; margin: 0; width: 100%; height: 180px; overflow: hidden; background: #eee; }
.nf-test-foto img { display: block; width: 100%; height: 100%; object-fit: cover; }
.nf-test-foto:before { content: ""; position: absolute; inset: 0; z-index: 1;
  background: linear-gradient(to top, rgba(0,0,0,.42), rgba(0,0,0,0) 58%); }
.nf-test-foto .nf-foto-rozet { position: absolute; left: 0; bottom: 0; z-index: 2; }
.nf-test-foto figcaption { position: absolute; top: 50%; left: 0; right: 0; z-index: 3;
  margin-top: -30px; text-align: center; opacity: 0; transition: opacity .25s ease; }
.nf-test-foto:hover figcaption { opacity: 1; }
.nf-test-foto figcaption a { display: inline-block; width: 60px; height: 60px; line-height: 58px;
  color: #fff; border: 1px solid #fff; border-radius: 100%; font-size: 20px; }
/* detay sayfasında daha yüksek */
.course_detail_thumbnail .nf-test-foto { height: 340px; }
.course_detail_thumbnail .nf-test-foto figcaption { display: none; }

/* --- test/alan yazı tipografisi --- */
.nf-prose ul, .nf-alan-prose ul { list-style: disc; padding-left: 22px; margin: 0 0 22px; }
/* tema li'ye list-style: none veriyor; madde işareti li düzeyinde geri alınmalı */
.nf-prose ul li, .nf-alan-prose ul li {
  list-style-type: disc; margin-bottom: 9px; line-height: 1.8;
}
.nf-prose ul li::marker { color: var(--nf-ana); }

/* SSS: h3 tema tarafından h2'den büyük render ediliyordu */
.nf-prose h3 {
  font-size: 17px; font-weight: 700; line-height: 1.5;
  margin: 26px 0 8px; color: #333; text-transform: none;
}
.nf-prose h3 + p { margin-top: 0; }
.nf-prose h2 { font-size: 22px; margin: 34px 0 14px; }
.nf-prose h2:first-child { margin-top: 0; }
.nf-prose > p { margin-bottom: 16px; }

/* breadcrumb: uzun test adlarında sarıyor + capitalize Türkçede yanlış */
.kf_inr_breadcrumb ul { display: flex; flex-wrap: wrap; justify-content: flex-end; }
.kf_inr_breadcrumb ul li,
.kf_inr_breadcrumb ul li a,
.kf_inr_breadcrumb ul li span { text-transform: none; }

/* --- ana sayfa hero ---
   Görseller temanın oranına (1920x779) kırpıldığı için sabit yüksekliğe
   gerek yok; tema gibi doğal oranıyla ölçekleniyor. --- */

/* tema figcaption metinlerini Başlık Düzeni'ne çeviriyor; Türkçede yanlış */
.edu2_main_bn_wrap figcaption span,
.edu2_main_bn_wrap figcaption p { text-transform: none; }
.edu2_main_bn_wrap figcaption p { max-width: 62ch; margin-left: auto; margin-right: auto; }

/* --- ana sayfa: kf_course_outerwrap alan kutuları ---
   Tema color-1..6 sınıflarıyla renklendiriyor; nefura'nın alan renkleri
   sitenin geri kalanında da kullanıldığı için --nf-alan değişkeniyle veriliyor. */
.kf_cur_catg_des.nf-alan-kutu { display: block; text-decoration: none; transition: background-color .25s ease; }
.kf_cur_catg_des.nf-alan-kutu > span { color: var(--nf-alan); transition: color .25s ease; }
.kf_cur_catg_des.nf-alan-kutu:before { background-color: var(--nf-alan); }
.kf_cur_catg_des.nf-alan-kutu:hover { background-color: var(--nf-alan); }
.kf_cur_catg_des.nf-alan-kutu:hover:before { background-color: rgba(255,255,255,.45); }
.kf_cur_catg_des.nf-alan-kutu:hover > span,
.kf_cur_catg_des.nf-alan-kutu:hover .kf_cur_catg_capstion h5,
.kf_cur_catg_des.nf-alan-kutu:hover .kf_cur_catg_capstion p,
.kf_cur_catg_des.nf-alan-kutu:hover .nf-catg-sayi { color: #fff; }

/* tema başlığı tek satıra kırpıyor; alan adları uzun */
.kf_cur_catg_capstion h5 {
  white-space: normal; overflow: visible; text-overflow: clip;
  text-transform: none; line-height: 1.35; font-size: 17px;
}
.kf_cur_catg_capstion p { color: #7a7a7a; font-size: 14px; line-height: 1.7; }
.nf-catg-sayi { display: block; margin-top: 10px; font-size: 11px; font-weight: 700;
  letter-spacing: .12em; text-transform: uppercase; color: var(--nf-alan); }

.kf_edu2_heading1 .nf-catg-lead { margin-top: 10px; color: #7a7a7a; line-height: 1.8; }

/* test bul kutusu */
.kf_edu2_search_wrap .nf-search-lead { color: #7a7a7a; font-size: 14px; line-height: 1.7; margin-bottom: 18px; }
.kf_edu2_search_wrap .edu2_serc_des { margin-bottom: 14px; }
.kf_edu2_search_wrap .edu2_serc_des select,
.kf_edu2_search_wrap .selectric-wrapper { width: 100%; }
.nf-search-meta { list-style: none; margin: 22px 0 0; padding: 18px 0 0; border-top: 1px solid #e6e6e6; }
.nf-search-meta li { font-size: 13px; color: #7a7a7a; padding: 6px 0; }
.nf-search-meta li i { color: var(--nf-ana); width: 20px; }

/* --- ana sayfa: kf_edu2_intro_wrap (Sistemin Amacı) ---
   Tema ölçülerine dokunulmuyor. Yalnızca iki şey ekleniyor:
   (1) sol yarıdaki arka plan görseli — tema extra-images/bg-1.jpg bekliyor
       ama o dosya pakette yok, (2) Türkçe metin düzeltmeleri. --- */
.nf-intro:before { background-image: url("../images/amac/arka-plan.jpg"); }

/* tema h6'yı tek satıra kırpıyor ve capitalize uyguluyor */
.nf-intro .kf_intro_des_caption h6 {
  white-space: normal; overflow: visible; text-overflow: clip; text-transform: none;
}
.nf-intro .kf_intro_des_caption a { text-transform: none; }

/* şerit görselleri eşit yükseklikte olsun (tema doğal oranı kullanıyor) */
.nf-intro .kf_intro_des figure { position: relative; overflow: hidden; margin: 0; }
.nf-intro .kf_intro_des figure img { width: 100%; height: 150px; object-fit: cover; display: block; }
.nf-intro .kf_intro_des figure:before {
  content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.45);
  opacity: 0; transition: opacity .25s ease; z-index: 1;
}
.nf-intro .kf_intro_des:hover figure:before { opacity: 1; }
.nf-intro .kf_intro_des figure figcaption a { text-transform: none; font-size: 16px; }

}

/* --- örnek rapor sayfaları (A4 çıktı mockup'ı) ---
   Tasarım docs/tasarim/ altındaki .dc.html artboard'larından üretildi;
   sınıf adları rp- ön ekiyle ad alanına alındı. --- */
.rp-cerceve { overflow-x: auto; background: #f4f4f4; padding: 22px; border: 1px solid #ececec; }
.rp-sayfa {
  width: 794px; min-height: 1123px; box-sizing: border-box;
  display: flex; flex-direction: column; background: #fff; margin: 0 auto;
  box-shadow: 0 6px 26px rgba(0,0,0,.10);
  font-family: 'Open Sans', system-ui, sans-serif; color: #4a4a4a;
}
.rp-sayfa * { box-sizing: border-box; }
.rp-h { font-family: 'Roboto Slab', Georgia, serif; }
.rp-n { font-family: 'Roboto Slab', Georgia, serif; font-variant-numeric: tabular-nums; }
.rp-e { font-size: 10px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; color: #9a9a9a; }
.rp-yz { border: 1px solid #e2d6bd; background: #fdfaf4; padding: 16px 18px; }
.rp-yz-b { display: flex; align-items: center; gap: 8px; margin-bottom: 9px; }
.rp-yz-t { font-size: 10px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; color: #96631a; }
.rp-yz p { margin: 0 0 8px; font-size: 12.5px; line-height: 1.65; color: #4a4a4a; }
.rp-yz p:last-of-type { margin-bottom: 0; }
.rp-yz-u { margin-top: 11px; padding-top: 9px; border-top: 1px solid #ece0c8; font-size: 10.5px; line-height: 1.6; color: #9a8a6a; }
.rp-alt { margin-top: auto; padding-top: 12px; border-top: 1px solid #ececec; font-size: 10px; line-height: 1.65; color: #a5a5a5; }
/* tema kurallarının rapor kutusuna sızmaması için */
.rp-sayfa h5, .rp-sayfa h6, .rp-sayfa strong { text-transform: none; margin: 0; }
.rp-sayfa p { margin: 0; }
.rp-not { margin-top: 18px; font-size: 13px; line-height: 1.8; color: #7a7a7a; }
@media (max-width: 991px) { .rp-cerceve { padding: 12px; } }

/* ===== BLOG ===== */
/* tema başlıkları büyük harfe çeviriyor; Türkçe'de "i" harfi bozuluyor */
.blog_3_des h5,
.about-autor_des h6,
.blog-detl_heading h5 { text-transform: none; }

.blog_3_des h5 a { color: #2b2b2b; }
.blog_3_des h5 a:hover { color: var(--nf-ana); }
.blog_3_des figure { float: left; width: 100%; position: relative; overflow: hidden; }
.blog_3_des figure img { width: 100%; height: auto; }
.blog_3_des p { line-height: 26px; color: #666; }
.blog_3_des ul li:first-child { padding-right: 15px; }
.blog_3_des ul li i { margin-left: 0; margin-right: 8px; }
.blog_3_sidebar > li { padding: 8px 0 9px; }
.blog_3_sidebar span { text-transform: none; }

/* yazarın fotoğrafı yok — kutu yine de dolgulu dursun */
.about_autor.nf-autor--nofoto .about-autor_des { padding-left: 0; }

/* detay sayfası gövdesi */
.kf_blog_detail_des h2 { font-size: 22px; line-height: 32px; margin: 32px 0 14px; text-transform: none; }
.kf_blog_detail_des h3 { font-size: 18px; line-height: 28px; margin: 26px 0 12px; text-transform: none; }
.blog_detail_thumbnail figure { float: left; width: 100%; position: relative; }
.blog_detail_thumbnail figure img { width: 100%; height: auto; }

/* önceki / sonraki yazı */
.nf-yazi-gezinme { float: left; width: 100%; margin: 0 0 40px; }
.nf-gezinme { display: block; border: 1px solid #e1e1e1; padding: 16px 18px; min-height: 96px; }
.nf-gezinme:hover { border-color: var(--nf-ana); }
.nf-gezinme span { display: block; font-size: 13px; color: #999; margin-bottom: 6px; }
.nf-gezinme strong { display: block; font-size: 15px; line-height: 22px; color: #2b2b2b; font-weight: normal; }
.nf-gezinme:hover strong { color: var(--nf-ana); }
.nf-gezinme--sonraki { text-align: right; }
@media (max-width: 767px) { .nf-gezinme { margin-bottom: 15px; } }

/* kenar çubuğu CTA kutusu */
.nf-widget-cta { background-color: #f7f7f7; padding: 22px 20px 24px; }
.nf-widget-cta p { font-size: 15px; line-height: 25px; margin-bottom: 16px; }
.nf-widget-cta-btn { display: inline-block; background-color: var(--nf-cta); color: #fff; padding: 10px 18px; font-size: 14px; }
.nf-widget-cta-btn:hover { background-color: #2b2b2b; color: #fff; }
.nf-widget-cta-btn i { margin-left: 10px; }

/* ===== TEST DETAY — tema bileşenlerinin nefura karşılıkları ===== */
/* teacher_wrap fotoğraf varsayıyor; bizde uygulayıcı rolü var, fotoğraf yok */
.nf-uygulayici .teacher_des { padding-left: 0; }
.nf-uygulayici .teacher_des h4 { font-size: 18px; text-transform: none; margin: 0 0 4px; }
.nf-uygulayici .teacher_des small { color: var(--nf-ana); display: block; margin-bottom: 12px; }
.nf-uygulayici p { line-height: 25px; font-size: 15px; }
.nf-uygulayici .teacher_meta li a:hover { border-color: var(--nf-ana); color: var(--nf-ana); }

/* alan ızgarası — tema kutuları 97px, üzerine gelince kod rozeti çıkıyor */
/* tema 97px sabit kutu kullanıyor; 4 alan 2x2 dursun */
.widget-courses-list ul li { width: 48%; margin: 0 0 8px 4%; }
.widget-courses-list ul li:nth-child(2n+1) { margin-left: 0; clear: left; }
.widget-courses-list figure { position: relative; overflow: hidden; }
.widget-courses-list figure img { width: 100%; height: 88px; object-fit: cover; display: block; }
.widget-courses-list figure a { background-color: rgba(43, 43, 43, 0.85); }
.widget-courses-list li:hover figure a { opacity: 1; }

/* birlikte uygulanan araçlar — courses-detail'deki blog_thumb_wrap karşılığı */
/* .kf_courses_detail_wrap .row flex'e çekiliyor (alan sayfası kartları için);
   bu blok tema düzeninde kalsın diye geri alınıyor */
.nf-birlikte .row { display: block; }
.nf-birlikte .row > [class*="col-"] { display: block; }
.nf-birlikte { float: left; width: 100%; margin-bottom: 35px; }
.nf-birlikte figure { float: left; width: 100%; position: relative; overflow: hidden; margin-bottom: 10px; }
.nf-birlikte figure img { width: 100%; height: 120px; object-fit: cover; display: block; }
.nf-birlikte figure:before { content: ""; position: absolute; left: 50%; right: 50%; top: 50%; bottom: 50%;
  background-color: var(--nf-ana); opacity: 0; transition: all .3s ease-in-out; }
.nf-birlikte figure:hover:before { left: 0; right: 0; top: 0; bottom: 0; opacity: .65; }
.nf-birlikte figure figcaption { position: absolute; top: 50%; left: 0; right: 0; margin-top: -12px;
  text-align: center; opacity: 0; transition: all .3s ease-in-out; }
.nf-birlikte figure:hover figcaption { opacity: 1; }
.nf-birlikte figure figcaption a { color: #fff; font-size: 18px; }
.nf-birlikte-ad { float: left; width: 100%; display: block; }
.nf-birlikte-ad strong { display: block; color: var(--nf-ana); font-size: 15px; }
.nf-birlikte-ad span { display: block; color: #666; font-size: 14px; line-height: 20px; }
.nf-birlikte-ad:hover span { color: #2b2b2b; }
@media (max-width: 767px) { .nf-birlikte .col-sm-4 { margin-bottom: 20px; } }

/* kapsam notu — about_autor kutusunun içinde */
.nf-kapsam .nf-kapsam-ikon { width: 64px; height: 64px; line-height: 64px; text-align: center;
  color: #fff; font-size: 26px; }
.nf-kapsam .about-autor_des h6 { text-transform: none; }
.nf-kapsam .autor_social { float: left; width: 100%; text-align: left; }
.nf-kapsam .autor_social li { float: left; margin-right: 5px; }
.nf-kapsam .autor_social li a { display: block; width: 36px; height: 36px; line-height: 34px;
  text-align: center; border: 1px solid #999; color: #999; font-size: 14px; }
.nf-kapsam .autor_social li a:hover { border-color: var(--nf-ana); color: var(--nf-ana); }

/* Blog eklenince menü yedi maddeye çıktı ve ikinci satıra taştı.
   Etiketleri kısaltmak yerine logo sütunu daraltıldı ve madde araları
   18px'ten 14px'e çekildi (toplam 890px -> 834px, sütun 906px). */
@media (min-width: 992px) {
  .kode_navigation .col-md-3 { width: 20%; }
  .kode_navigation .col-md-9 { width: 80%; }
  .nav_2 ul li a { padding: 10px 14px; }
}

/* 992–1199px arası kap 970px'e düşüyor; bu aralıkta tema menüsü Blog
   eklenmeden önce de taşıyordu. Yazı ve boşluk küçültülerek tek satıra
   sığdırıldı. */
@media (min-width: 992px) and (max-width: 1199px) {
  .kode_navigation .col-md-3 { width: 22%; }
  .kode_navigation .col-md-9 { width: 78%; }
  .nav_2 ul li a { padding: 10px 8px; font-size: 12px; }
}

/* ===== HAKKIMIZDA ===== */
/* koyu zeminli bantta tema başlığı #2f2f2f kalıyor, görünmüyor */
.nf-etik .kf_edu2_heading1 h3 { color: #fff; text-transform: none; }
.nf-etik .kf_edu2_heading1 h3:before { background-color: var(--nf-ana); }
.nf-etik .kf_edu2_heading1 h3:after { background-color: rgba(255,255,255,.35); }
.nf-etik-lead { color: rgba(255,255,255,.72); max-width: 720px; margin: 14px 0 0; line-height: 26px; }
.nf-etik-madde { display: flex; gap: 16px; align-items: flex-start; margin-bottom: 26px; }
.nf-etik-no { flex: 0 0 auto; color: var(--nf-ana); font-size: 15px; font-weight: 700; line-height: 26px; }
.nf-etik-madde p { color: rgba(255,255,255,.86); margin: 0; line-height: 26px; }
.nf-etik .row > [class*="col-"] { display: block; }

/* tema rol kartlarında capitalize Türkçe metni bozuyor
   ("Okulda Görevli Rehber Öğretmen Tarafından...") */
.nf-rol .edu2_faculty_des2 p,
.nf-rol .edu2_faculty_des2 strong,
.nf-rol .edu2_faculty_des2 h6 { text-transform: none; }
.nf-rol .edu2_faculty_des2 { text-align: left; height: 100%; }
.nf-rol .edu2_faculty_des2 h6 { font-size: 17px; }
.nf-rol .edu2_faculty_des2 strong { color: var(--nf-ana); margin-bottom: 12px; }
.nf-rol .edu2_faculty_des2 p { line-height: 25px; font-size: 15px; }
.nf-rol-not { margin-top: 6px; color: #666; }

/* eşit yükseklikte kartlar: "Devamı" bağlantıları aynı hizada dursun */
.aboutus_page .row { display: flex; flex-wrap: wrap; }
.aboutus_page .row > .col-md-12 { width: 100%; }
.aboutus_page .row > .col-md-3 { display: flex; }
.aboutus_page .kf_intro_des { display: flex; flex-direction: column; width: 100%; }
.aboutus_page .kf_intro_des_caption { display: flex; flex-direction: column; flex: 1; }
.aboutus_page .kf_intro_des_caption p { flex: 1; }

/* typography.css'te `p a { color: #fff }` var — tema, paragraf içindeki
   bağlantıların daima koyu zeminde durduğunu varsayıyor. İçerik alanı açık
   zeminli olduğu için bu bağlantılar görünmez oluyordu (yasal metinler,
   örnek rapor sayfaları, düzey sayfaları dahil 15 sayfa). */
.kf_content_wrap p a { color: var(--nf-ana); }
.kf_content_wrap p a:hover { color: #2b2b2b; text-decoration: underline; }
/* koyu zeminli bloklarda beyaz kalsın */
.kf_content_wrap .edu_student_wrap_bg p a { color: #fff; text-decoration: underline; }
.kf_content_wrap .edu_student_wrap_bg p a:hover { color: var(--nf-ana); }

/* açılır menü: tema .nav_2 ul ul kuralları hazır, yalnızca ok ve
   görünürlük ayrıntıları eklendi */
.nav_2 ul li.nf-alt-var { position: relative; }
.nav_2 .nf-alt-ok { margin-left: 7px; font-size: 12px; }
.nav_2 ul ul { box-shadow: 0 6px 18px rgba(0,0,0,.12); border-top: 2px solid var(--nf-ana);
  text-align: left; padding: 6px 0; }
.nav_2 ul ul li a { padding: 9px 18px; color: #666; text-transform: none;
  font-weight: normal; font-size: 14px; }
.nav_2 ul ul li a:hover,
.nav_2 ul ul li.nf-active > a { color: var(--nf-ana); }
.nav_2 ul ul li.nf-active > a { font-weight: 700; }

/* MOBİL MENÜ
   Tema, 991px altında hem #mobile-header'ı hem .nav_2 > ul'u gizleyip
   navigasyonu dl-menu eklentisine bırakıyor. Bu eklenti tema paketinde
   yok; onun yerine jquery.sidr kullanıldı ama açma düğmesi gizli kaldığı
   için telefonda menüye hiç ulaşılamıyordu. */
@media (max-width: 991px) {
  #mobile-header { display: block; background-color: var(--nf-ana); left: 15px; }
  #mobile-header a { color: #fff; display: block; }
  .kode_navigation { min-height: 86px; }
  .kode_navigation .logo_wrap { padding-left: 60px; }
}
@media (max-width: 480px) {
  #mobile-header { width: 44px; height: 44px; line-height: 42px; font-size: 22px; margin-top: -22px; }
  .kode_navigation .logo_wrap { padding-left: 54px; }
}

/* ===== SSS ===== */
.nf-sss-tabs { margin-bottom: 45px; }
.nf-sss-tabs .nav-tabs > li > a i { margin-right: 7px; }

.nf-sss { margin: 0; }
.nf-sss-panel { border: none; border-bottom: 1px solid #e6e6e6; border-radius: 0;
  box-shadow: none; margin: 0; background: none; }
.nf-sss-panel:last-child { border-bottom: none; }
.nf-sss .panel-heading { background: none; border: none; padding: 0; border-radius: 0; }
.nf-sss .panel-title { margin: 0; }
.nf-sss .panel-title > a { display: block; padding: 16px 0 16px 34px; position: relative;
  font-size: 16px; line-height: 26px; color: #2b2b2b; text-transform: none; }
.nf-sss .panel-title > a:hover { color: var(--nf-ana); }
.nf-sss .panel-title > a[aria-expanded="true"] { color: var(--nf-ana); font-weight: 600; }
.nf-sss-ok { position: absolute; left: 0; top: 16px; width: 22px; height: 22px; line-height: 21px;
  text-align: center; border: 1px solid #d8d8d8; color: #999; font-size: 12px;
  transition: transform .25s ease, border-color .25s ease, color .25s ease; }
.nf-sss .panel-title > a[aria-expanded="true"] .nf-sss-ok { transform: rotate(180deg);
  border-color: var(--nf-ana); color: var(--nf-ana); }
.nf-sss .panel-body { border: none; padding: 0 0 20px 34px; color: #666; line-height: 27px; }
.nf-sss .panel-body p { margin-bottom: 12px; }
.nf-sss .panel-body p:last-child { margin-bottom: 0; }

/* araçlara özel sorular */
.nf-sss-testler { float: left; width: 100%; margin-bottom: 40px; }
.nf-sss-lead { color: #666; margin-bottom: 28px; }
.nf-sss-alan { float: left; width: 100%; margin-bottom: 34px; }
.nf-sss-alan-ad { font-size: 17px; text-transform: none; margin: 0 0 14px;
  padding-bottom: 12px; border-bottom: 2px solid #efefef; display: flex; align-items: center; gap: 10px; }
.nf-sss-alan-kod { display: inline-block; color: #fff; font-size: 12px; font-weight: 700;
  padding: 3px 9px; letter-spacing: .5px; }
.nf-sss-alan-ad a { color: #2b2b2b; }
.nf-sss-alan-ad a:hover { color: var(--nf-ana); }
.nf-sss-test { float: left; width: 100%; margin-bottom: 16px; padding-left: 14px;
  border-left: 2px solid #f0f0f0; }
.nf-sss-test-ad { display: block; font-size: 14px; font-weight: normal; margin-bottom: 2px; }
.nf-sss-test-ad a { color: #999; }
.nf-sss-test-ad a:hover { color: var(--nf-ana); }
.nf-sss--sade .panel-title > a { padding: 10px 0 10px 30px; font-size: 15px; }
.nf-sss--sade .nf-sss-ok { top: 11px; width: 19px; height: 19px; line-height: 18px; font-size: 11px; }
.nf-sss--sade .panel-body { padding: 0 0 14px 30px; font-size: 15px; line-height: 26px; }

@media (max-width: 767px) {
  .nf-sss-tabs .nav-tabs > li { float: none; width: 100%; }
}
/* beş sekme 750px'lik sütuna sığmıyordu (869px), boşluk daraltıldı */
.nf-sss-tabs .nav-tabs > li > a { padding: 15px 14px; }

/* alan sekmeleri — etiketler "Genel/Uygulama"dan uzun olduğu için sabit float
   yerine sarmalayan flex; dar ekranda ikinci satıra iner, taşmaz. */
.nf-sss-alan-tabs { margin-bottom: 10px; }
.nf-sss-alan-tabs > .nav.nav-tabs { display: flex; flex-wrap: wrap; }
.nf-sss-alan-tabs .nav-tabs > li { float: none; }
.nf-sss-alan-tabs .nav-tabs > li > a { padding: 13px 15px; font-size: 13px; }
.nf-sss-alan-tabs .nav-tabs > li > a i { margin-right: 7px; color: var(--nf-alan-renk, #999); }
.nf-sss-alan-tabs .nav-tabs > li.active > a,
.nf-sss-alan-tabs .nav-tabs > li.active > a i { color: var(--nf-alan-renk, var(--nf-ana)); }
/* etkin sekmenin alt çizgisi tema turuncusu yerine alanın kendi rengi */
.nf-sss-alan-tabs .nav-tabs > li > a::before { background-color: var(--nf-alan-renk, var(--nf-ana)); }
.nf-sss-alan-tabs .tab-content { padding-top: 26px; }
.nf-sss-alan-tabs .nf-sss-alan { margin-bottom: 6px; }
.nf-sss-bos { color: #888; }

@media (max-width: 480px) {
  .nf-sss-alan-tabs .nav-tabs > li { flex: 1 1 100%; }
}