/* ============================================================
 * Tema üzerine Primeiks eklemeleri
 * Temanın main.css'ine dokunulmaz; farklar burada tutulur.
 * ============================================================ */

/* Logo panelden yüklenene kadar kurum adı yazıyla */
.tema-logo-metin {
  display: inline-block;
  font-weight: 700;
  font-size: 26px;
  line-height: 1;
  letter-spacing: -0.02em;
  white-space: nowrap;
  color: currentColor;
}
.footer-logo .tema-logo-metin { font-size: 30px; }

/* Görseli olmayan kart: kırık resim yerine nötr bir alan */
.tema-gorsel-yok {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  aspect-ratio: 16 / 10;
  max-width: 100%;
  background: rgba(127, 127, 127, 0.12);
  color: rgba(127, 127, 127, 0.7);
  font-size: 40px;
}
.tj-instructor-img .tema-gorsel-yok { aspect-ratio: 1 / 1; height: 100%; }
/* ------------------------------------------------------------
 * İç sayfa başlığı
 * Header (index-3) içeriğin üstüne biner; tema başlıkları ise header'ın akışta
 * yer kapladığını varsayıyor. Başlığın başına header yüksekliği kadar boşluk.
 * ------------------------------------------------------------ */
:root { --tema-header-h: 108px; }
@media (max-width: 991px) { :root { --tema-header-h: 73px; } }
.tj-page-header::before { content: ""; display: block; height: var(--tema-header-h); }
.tj-page-header .tema-ph-sag { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
@media (max-width: 991px) { .tj-page-header .tema-ph-sag { position: static; transform: none; margin-top: 24px; } }
/* Görselli başlık (panelde sayfaya banner yüklendiyse) */
.tj-page-header.tema-ph-gorsel { background-size: cover; background-position: center; position: relative; isolation: isolate; }
.tj-page-header.tema-ph-gorsel::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(15, 19, 33, 0.78), rgba(15, 19, 33, 0.35)); }
.tj-page-header.tema-ph-gorsel .tj-page-title,
.tj-page-header.tema-ph-gorsel .tj-page-desc,
.tj-page-header.tema-ph-gorsel .tj-page-link,
.tj-page-header.tema-ph-gorsel .tj-page-link a { color: #fff; }

/* ------------------------------------------------------------
 * Panelde yazılan zengin metin (sayfa içerikleri, metin bloğu modülü)
 * ------------------------------------------------------------ */
.tema-icerik { color: var(--tj-color-text-body); font-size: 17px; line-height: 1.75; }
.tema-icerik > * + * { margin-top: 1em; }
.tema-icerik h2 { font-size: clamp(26px, 3vw, 34px); margin-top: 1.6em; margin-bottom: 0.2em; }
.tema-icerik h3 { font-size: clamp(21px, 2.4vw, 26px); margin-top: 1.4em; margin-bottom: 0.2em; }
.tema-icerik h4 { font-size: 20px; margin-top: 1.2em; }
.tema-icerik > :first-child { margin-top: 0; }
.tema-icerik p { margin-bottom: 0; }
.tema-icerik ul, .tema-icerik ol { padding-left: 1.3em; margin-bottom: 0; }
.tema-icerik ul { list-style: disc; }
.tema-icerik ol { list-style: decimal; }
.tema-icerik li + li { margin-top: 0.4em; }
.tema-icerik li::marker { color: var(--tj-color-theme-primary); }
.tema-icerik a { color: var(--tj-color-theme-primary); text-decoration: underline; text-underline-offset: 3px; }
.tema-icerik strong { color: var(--tj-color-heading-primary); }
.tema-icerik img { max-width: 100%; height: auto; border-radius: 16px; }
.tema-icerik blockquote { border-left: 3px solid var(--tj-color-theme-primary); padding: 4px 0 4px 20px; font-style: italic; }
.tema-icerik .table-responsive { margin-top: 1.4em; border: 1px solid rgba(39, 47, 84, 0.1); border-radius: 12px; }
.tema-icerik table { margin-bottom: 0; font-size: 15px; }
.tema-icerik table th { color: var(--tj-color-heading-primary); background: var(--tj-color-theme-bg-10); font-weight: 600; }
.tema-icerik table th, .tema-icerik table td { padding: 12px 16px; vertical-align: top; }
.tema-modul + .tema-modul, .tema-icerik + .tema-modul, .tema-modul + .tema-icerik { margin-top: 48px; }

/* Panel > Ayarlar'da girilmemiş şirket bilgisi — yayından önce doldurulmalı */
.tema-eksik-bilgi { background: #fff3cd; color: #7a5b00; border-radius: 4px; padding: 0 5px; font-size: 0.92em; font-weight: 600; cursor: help; }

/* Yasal sayfalar: içindekiler listesi ve bölüm aralıkları */
.tj-privacy-content .privacy-block { scroll-margin-top: calc(var(--tema-header-h) + 24px); }
.tj-privacy-content .block-title { font-size: clamp(22px, 2.4vw, 28px); }
.tj-privacy-content .privacy-intro-wrap { margin-bottom: 36px; }
.tj-privacy-content table { width: 100%; }
.tema-cerez-sifirla { cursor: pointer; }

/* Dosya satırı (sayfa ekleri, tekil medya) */
.tema-tekil-medya, .tema-dosyalar { display: flex; flex-direction: column; gap: 12px; margin-top: 32px; }
.tema-dosya {
  display: flex; align-items: center; gap: 16px; padding: 16px 20px; border-radius: 14px;
  border: 1px solid rgba(39, 47, 84, 0.1); background: #fff; color: var(--tj-color-heading-primary);
  transition: border-color 0.2s, box-shadow 0.2s;
}
.tema-dosya:hover { border-color: var(--tj-color-theme-primary); box-shadow: 0 10px 30px rgba(114, 62, 195, 0.08); color: var(--tj-color-heading-primary); }
.tema-dosya__ikon { flex: 0 0 44px; height: 44px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: var(--tj-color-theme-bg-9); color: var(--tj-color-theme-primary); font-size: 18px; }
.tema-dosya__govde { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
.tema-dosya__ad { font-weight: 600; overflow-wrap: anywhere; }
.tema-dosya__tur { font-size: 13px; color: var(--tj-color-text-body-3); letter-spacing: 0.04em; }
.tema-dosya__eylem { flex: 0 0 auto; font-weight: 600; color: var(--tj-color-theme-primary); display: inline-flex; gap: 6px; align-items: center; }
.tema-tekil-medya__video video { width: 100%; max-width: 100%; border-radius: 16px; }
.tema-tekil-medya__video figcaption { margin-top: 8px; font-size: 14px; color: var(--tj-color-text-body-3); }

/* Sayfa kenar menüsü (alt / kardeş sayfalar) */
.tema-yan-menu { border: 1px solid rgba(39, 47, 84, 0.1); border-radius: 20px; padding: 24px; background: #fff; }
.tema-yan-menu__baslik { font-size: 20px; margin-bottom: 14px; }
.tema-yan-menu ul { display: flex; flex-direction: column; gap: 4px; }
.tema-yan-menu a { display: flex; justify-content: space-between; align-items: center; padding: 10px 14px; border-radius: 10px; color: var(--tj-color-text-body); }
.tema-yan-menu a:hover, .tema-yan-menu a.aktif { background: var(--tj-color-theme-bg-9); color: var(--tj-color-theme-primary); }

/* Footer telif satırındaki yasal bağlantılar */
.tema-yasal-linkler { display: flex; flex-wrap: wrap; gap: 6px 20px; margin: 0; padding: 0; list-style: none; font-size: 14px; }
.tema-yasal-linkler a { color: var(--tj-color-light-1); font-weight: var(--tj-fw-medium); } /* inherit koyu govde rengini aliyordu: koyu zeminde okunmuyordu (H25) */
.tema-yasal-linkler a:hover, .tema-yasal-linkler a:focus-visible { color: var(--tj-color-theme-purple-2); text-decoration: underline; text-underline-offset: 3px; }

/* Popup (Bootstrap modal) */
.tema-popup .modal-content { border: 0; border-radius: 16px; overflow: hidden; }
.tema-popup__kapat {
  position: absolute; top: 12px; right: 12px; z-index: 5;
  background-color: #fff; border-radius: 50%; padding: 10px; opacity: 0.9;
}
.tema-popup__gorsel { display: block; }
.tema-popup__gorsel img { display: block; width: 100%; max-width: 100%; height: auto; }
.tema-popup__govde { padding: 28px 32px 32px; display: flex; flex-direction: column; gap: 14px; align-items: flex-start; }
.tema-popup__baslik { margin: 0; }
.tema-popup__metin > :last-child { margin-bottom: 0; }
.tema-popup .carousel-indicators { position: static; margin: 0 0 18px; }
.tema-popup .carousel-indicators [data-bs-target] { background-color: currentColor; }
@media (max-width: 575px) { .tema-popup__govde { padding: 22px 20px 24px; } }

/* Footer bülten formu sonucu */
.tema-bulten-sonuc { margin-top: 10px; font-size: 14px; }
.tema-bulten-sonuc.basarili { color: #3fbf7f; }
.tema-bulten-sonuc.hata { color: #ff8a7a; }

/* Bakım sayfası */
.tema-bakim {
  min-height: 100vh; margin: 0; display: flex; align-items: center; justify-content: center;
  padding-inline: 16px; padding-block: 40px; background: var(--tj-color-theme-bg, #f4f2fa);
}
.tema-bakim__kutu {
  width: 100%; max-width: 640px; text-align: center; background: #fff; border-radius: 24px;
  padding-block: 56px; padding-inline: clamp(20px, 6vw, 56px);
  display: flex; flex-direction: column; align-items: center; gap: 18px;
  box-shadow: 0 20px 60px rgba(40, 20, 90, 0.08);
}
.tema-bakim__logo img { max-width: 220px; height: auto; }
.tema-bakim__ikon {
  width: 64px; height: 64px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;
  font-size: 28px; background: rgba(110, 60, 220, 0.1); color: #6e3cdc;
}
.tema-bakim__baslik { margin: 0; }
.tema-bakim__mesaj { max-width: 48ch; line-height: 1.65; }
.tema-bakim__iletisim { display: flex; flex-wrap: wrap; gap: 12px 24px; justify-content: center; }
.tema-bakim__iletisim a { display: inline-flex; align-items: center; gap: 8px; }

.tema-gorsel-yok em {
  font-style: normal;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #d93a2b;
}

/* Iletisim sayfasi: bir kartta birden fazla baglanti (iki telefon) alt alta; alt cizgi efekti metin genisliginde kalir */
.tj-contact-area .contact-item.style-2 .contact-link { display: table; }

/* Iletisim sayfasi: kanal kartlari, yanit sureci kutusu, SSS, cagri bandi */
.tema-iletisim-kanallar { margin-bottom: 70px; }
.tema-kanal { position: relative; display: flex; flex-direction: column; height: 100%; padding: 30px 28px 26px; border: 1px solid var(--tj-color-border-1); border-radius: 20px; background: var(--tj-color-common-white); color: var(--tj-color-text-body); transition: transform .3s, box-shadow .3s, border-color .3s; }
.tema-kanal:hover { transform: translateY(-4px); border-color: var(--tj-color-theme-primary); box-shadow: 0 18px 40px -18px rgba(39, 47, 84, .25); color: var(--tj-color-text-body); }
.tema-kanal__ikon { display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; margin-bottom: 22px; border-radius: 16px; background: var(--tj-color-theme-bg-9); color: var(--tj-color-theme-primary); font-size: 24px; transition: background-color .3s, color .3s; }
.tema-kanal:hover .tema-kanal__ikon { background: var(--tj-color-theme-primary); color: var(--tj-color-common-white); }
.tema-kanal__etiket { position: absolute; top: 30px; right: 24px; padding: 4px 12px; border-radius: 30px; background: #eef8f1; color: #1f7a45; font-size: 12px; font-weight: 600; line-height: 1.5; }
.tema-kanal__baslik { margin-bottom: 8px; font-size: 20px; }
.tema-kanal__metin { flex: 1; margin-bottom: 18px; font-size: 15px; line-height: 1.6; }
.tema-kanal__buton { display: inline-flex; align-items: center; gap: 8px; color: var(--tj-color-theme-primary); font-weight: 600; font-size: 15px; }
.tema-kanal__buton i { transition: transform .3s; }
.tema-kanal:hover .tema-kanal__buton i { transform: translateX(4px); }

.tj-contact-area + .tema-iletisim-surec { margin-top: 30px; }
.tema-iletisim-surec { padding: 36px 32px; border-radius: 20px; background: linear-gradient(160deg, var(--tj-color-theme-bg-9), rgba(255, 196, 140, .18)); }
.tema-iletisim-surec__baslik { margin: 6px 0 24px; font-size: 26px; }
.tema-iletisim-adimlar { margin: 0 0 26px; padding: 0; list-style: none; counter-reset: adim; }
.tema-iletisim-adimlar li { position: relative; display: flex; flex-direction: column; gap: 2px; padding: 0 0 22px 56px; counter-increment: adim; }
.tema-iletisim-adimlar li::before { content: counter(adim); position: absolute; left: 0; top: 0; display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%; background: var(--tj-color-theme-primary); color: var(--tj-color-common-white); font-weight: 700; }
.tema-iletisim-adimlar li:not(:last-child)::after { content: ""; position: absolute; left: 18px; top: 42px; bottom: 4px; border-left: 2px dashed rgba(114, 62, 195, .3); }
.tema-iletisim-adimlar li:last-child { padding-bottom: 0; }
.tema-iletisim-adimlar strong { color: var(--tj-color-heading-primary); font-size: 17px; }
.tema-iletisim-adimlar span { font-size: 15px; line-height: 1.55; }
.tema-iletisim-ipucu { display: flex; gap: 14px; align-items: flex-start; padding: 18px 20px; border-radius: 14px; background: var(--tj-color-common-white); }
.tema-iletisim-ipucu i { flex: none; color: var(--tj-color-theme-primary); font-size: 22px; line-height: 1.3; }
.tema-iletisim-ipucu p { margin: 0; font-size: 15px; line-height: 1.6; }
.tema-iletisim-ipucu a { color: var(--tj-color-theme-primary); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }

.tema-iletisim-cta { padding-top: 80px; }
.tema-iletisim-cta__butonlar { display: flex; flex-wrap: wrap; gap: 12px 16px; }
.tema-iletisim-cta .tema-btn-cizgi { background: transparent; border: 1px solid var(--tj-color-theme-primary); color: var(--tj-color-theme-primary); }
@media (max-width: 767px) {
  .tema-iletisim-kanallar { margin-bottom: 40px; }
  .tema-iletisim-surec { padding: 28px 22px; }
}

/* ---- Blog (F3.2): liste araclari, bos durum, icindekiler, paylas/kopyala, paket karti, ilgili yazilar ---- */
.tema-blog-arac { display: flex; flex-wrap: wrap; gap: 20px; align-items: center; justify-content: space-between; margin-bottom: 40px; }
.tema-blog-kategoriler { display: flex; flex-wrap: wrap; gap: 10px; }
.tema-blog-kategoriler a { display: inline-flex; align-items: center; padding: 8px 18px; border: 1px solid var(--tj-color-border-1); border-radius: 40px; background: var(--tj-color-common-white); color: var(--tj-color-heading-primary); font-size: 15px; font-weight: 500; line-height: 1.4; transition: background-color .3s, color .3s, border-color .3s; }
.tema-blog-kategoriler a:hover, .tema-blog-kategoriler a.aktif { background: var(--tj-color-theme-primary); border-color: var(--tj-color-theme-primary); color: var(--tj-color-common-white); }
.tema-blog-arama { position: relative; flex: 0 1 340px; margin-left: auto; }
.tema-blog-arama input { width: 100%; height: 52px; padding: 0 60px 0 22px; border: 1px solid var(--tj-color-border-1); border-radius: 40px; background: var(--tj-color-common-white); color: var(--tj-color-heading-primary); }
.tema-blog-arama input:focus { border-color: var(--tj-color-theme-primary); outline: none; }
.tema-blog-arama button { position: absolute; top: 6px; right: 6px; width: 40px; height: 40px; border: 0; border-radius: 50%; background: var(--tj-color-theme-primary); color: var(--tj-color-common-white); display: inline-flex; align-items: center; justify-content: center; }
@media (max-width: 767px) { .tema-blog-arama { flex-basis: 100%; margin-left: 0; } }
.tema-blog-sonuc { margin: -16px 0 30px; color: var(--tj-color-text-body); }
.tema-blog-sonuc a { margin-left: 6px; color: var(--tj-color-theme-primary); text-decoration: underline; }
.tema-blog-bos { padding: 60px 20px; text-align: center; border: 1px dashed var(--tj-color-border-1); border-radius: 20px; }
.tema-blog-bos__ikon { display: inline-flex; width: 64px; height: 64px; margin-bottom: 16px; align-items: center; justify-content: center; border-radius: 50%; background: var(--tj-color-theme-bg-9); color: var(--tj-color-theme-primary); font-size: 26px; }
.tema-blog-bos h2 { margin-bottom: 20px; }
.tj-blog-section .tj-pagination { margin-top: 50px; }
.tema-icindekiler { margin: 0 0 32px; padding: 20px 24px; border: 1px solid var(--tj-color-border-1); border-radius: 16px; background: var(--tj-color-theme-bg-10); }
.tema-icindekiler__baslik { margin: 0 0 10px; font-size: 18px; font-weight: 600; color: var(--tj-color-heading-primary); }
.tema-icindekiler ol { margin: 0; padding-left: 1.3em; list-style: decimal; }
.tema-icindekiler li + li { margin-top: 6px; }
.tema-icindekiler li::marker { color: var(--tj-color-theme-primary); }
.tema-icindekiler .tema-icindekiler__oge--3 { margin-left: 1.1em; list-style: circle; font-size: 15px; }
.tema-icindekiler a { color: var(--tj-color-heading-primary); }
.tema-icindekiler a:hover { color: var(--tj-color-theme-primary); }
.tema-icerik h2[id], .tema-icerik h3[id] { scroll-margin-top: calc(var(--tema-header-h) + 20px); }
.tema-blog-paket { max-width: 380px; margin: 2em 0; }
.tema-blog-yazi__gorsel { margin-top: 32px; }
.tema-blog-yazi__gorsel img { border-radius: 16px; }
.tj_wpost_tags_share .tj_social_share .tema-kopyala { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; padding: 0; border: 0; border-radius: 50%; overflow: hidden; background: transparent; color: var(--tj-color-light-1); font-size: 14px; line-height: 1; }
.tj_wpost_tags_share .tj_social_share .tema-kopyala::after { content: ""; position: absolute; inset: 0; z-index: -2; background-color: var(--tj-color-heading-primary); opacity: .3; transition: .5s; }
.tj_wpost_tags_share .tj_social_share .tema-kopyala:hover, .tj_wpost_tags_share .tj_social_share .tema-kopyala.kopyalandi { color: var(--tj-color-common-white); }
.tj_wpost_tags_share .tj_social_share .tema-kopyala:hover::after, .tj_wpost_tags_share .tj_social_share .tema-kopyala.kopyalandi::after { background-color: var(--tj-color-theme-primary); opacity: 1; }
.tema-blog-ilgili { margin-top: 80px; }
.tema-blog-ilgili__baslik { margin-bottom: 30px; font-size: clamp(26px, 3vw, 36px); }
.tj_wpost_sidebar .widget_title { font-size: 20px; }
/* Blog yazisi icindeki paket karti: .tema-icerik tipografisini (baglanti rengi/alt cizgi, h3 boyutu) devralmasin */
.tema-icerik .tema-blog-paket a { color: inherit; text-decoration: none; }
.tema-icerik .tema-blog-paket h3 { margin-top: 0; font-size: var(--tj-fs-h5); }
.tema-icerik .tema-blog-paket .tj-btn-primary { color: var(--tj-color-common-white); }
/* Icerik tablolari (BlogIcerikHazirla .table-responsive ile sarar): tam genislik, dar ekranda sarmalayici kaydirir */
.tema-icerik .table-responsive > table { width: 100%; min-width: 480px; }
/* Duyuru kartlari (F3.3, tarih vurgulu): gorselde gun/ay rozeti, gorselsizde buyuk tarih blogu */
.tema-duyuru-kart .blog-thumb { position: relative; }
.tema-tarih-rozet { position: absolute; top: 16px; left: 16px; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 64px; padding: 9px 10px; border-radius: 14px; background: var(--tj-color-common-white); box-shadow: 0 10px 25px rgba(39, 47, 84, .14); line-height: 1; text-align: center; pointer-events: none; }
.tema-tarih-rozet__gun { font-size: 26px; font-weight: 700; color: var(--tj-color-theme-primary); }
.tema-tarih-rozet__ay { margin-top: 5px; font-size: 13px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--tj-color-heading-primary); }
.tema-tarih-blok { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; aspect-ratio: 3 / 2; border-radius: 16px; background: linear-gradient(135deg, var(--tj-color-theme-bg-9), var(--tj-color-theme-bg-10)); text-align: center; }
.tema-tarih-blok__gun { font-size: clamp(56px, 7vw, 76px); font-weight: 700; line-height: 1; color: var(--tj-color-theme-primary); }
.tema-tarih-blok__ay { margin-top: 10px; font-size: 18px; font-weight: 600; color: var(--tj-color-heading-primary); }
/* Footer bulten formu bot tuzagi (web_sitesi): gorunmez olmali. Kural yoktu -> gorunur metin kutusu tema ikon/dugme yerlesimini bozuyordu (H24) */
.subscribe-form .tema-tuzak { position: absolute !important; left: -10000px !important; top: auto !important; width: 1px !important; height: 1px !important; overflow: hidden !important; opacity: 0 !important; pointer-events: none !important; }
/* Site aramasi (F3.4): buyuk arama kutusu, sekmeler, tur bolumleri, egitmen karti, sayfa satiri, vurgu */
.tema-blog-arama.tema-arama-form { flex: none; max-width: 720px; margin: 0 auto 30px; }
.tema-arama-form input { height: 60px; font-size: 17px; }
.tema-arama-form button { top: 8px; right: 8px; width: 44px; height: 44px; }
.tema-arama-ozet { margin-bottom: 24px; text-align: center; color: var(--tj-color-text-body); }
.tema-arama-sekmeler { justify-content: center; margin-bottom: 44px; }
.tema-arama-sekmeler .adet { margin-left: 8px; font-size: 13px; opacity: .75; }
.tema-arama-bolum + .tema-arama-bolum { margin-top: 64px; }
.tema-arama-bolum__baslik { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 10px; margin-bottom: 24px; }
.tema-arama-bolum__baslik h2 { margin: 0; font-size: clamp(22px, 2.6vw, 28px); }
.tema-arama-bolum__adet { font-size: .7em; color: var(--tj-color-text-body-3); }
.tema-arama-bolum__tumu { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; color: var(--tj-color-theme-primary); }
.tema-arama-kisi { display: flex; align-items: center; gap: 16px; height: 100%; padding: 18px; border: 1px solid var(--tj-color-border-1); border-radius: 18px; background: var(--tj-color-common-white); color: var(--tj-color-heading-primary); transition: border-color .3s, box-shadow .3s; }
a.tema-arama-kisi:hover { border-color: var(--tj-color-theme-primary); box-shadow: 0 10px 30px rgba(114, 62, 195, .08); color: var(--tj-color-heading-primary); }
.tema-arama-kisi__foto { display: inline-flex; flex: 0 0 64px; width: 64px; height: 64px; align-items: center; justify-content: center; overflow: hidden; border-radius: 50%; background: var(--tj-color-theme-bg-9); color: var(--tj-color-theme-primary); font-size: 24px; }
.tema-arama-kisi__foto img { width: 100%; height: 100%; object-fit: cover; }
.tema-arama-kisi__ad { display: block; font-size: 17px; font-weight: 600; }
.tema-arama-kisi__brans { display: block; font-size: 14px; color: var(--tj-color-text-body-3); }
.tema-arama-liste { display: flex; flex-direction: column; gap: 12px; }
.tema-arama-sayfa { display: block; padding: 20px 24px; border: 1px solid var(--tj-color-border-1); border-radius: 16px; background: var(--tj-color-common-white); color: var(--tj-color-text-body); transition: border-color .3s, box-shadow .3s; }
.tema-arama-sayfa:hover { border-color: var(--tj-color-theme-primary); box-shadow: 0 10px 30px rgba(114, 62, 195, .08); color: var(--tj-color-text-body); }
.tema-arama-sayfa__baslik { display: block; margin-bottom: 6px; font-size: 18px; font-weight: 600; color: var(--tj-color-heading-primary); }
.tema-arama-sayfa__alinti { display: block; font-size: 15px; line-height: 1.6; overflow-wrap: anywhere; }
.tema-arama mark { padding: 0 2px; border-radius: 3px; background: rgba(114, 62, 195, .14); color: inherit; }
.tema-blog-bos p { margin: -8px 0 0; color: var(--tj-color-text-body); }
/* 404 (F3.4) */
.tj-error-content .tema-blog-arama { flex: none; max-width: 480px; margin: 32px auto 0; }
.tj-error-content .error-img img { max-width: 100%; height: auto; }
.tema-404-paketler { margin-top: 80px; }
.tema-404-paketler h2 { margin-bottom: 30px; text-align: center; font-size: clamp(24px, 3vw, 34px); }
/* Yasal sayfa icindekiler: tema "toc-list" sinifi main.js privacyTocController'i tetikledigi icin kendi sinifimiz (tema-toc-list), gorunum temanin aynisi */
.tj-privacy-toc .tema-toc-list { display: flex; flex-direction: column; gap: 2px; margin: 0; padding: 0; list-style: none; }
.tj-privacy-toc .tema-toc-list li a { display: block; padding: 11px 14px; font-size: 16px; font-weight: var(--tj-fw-medium); line-height: 1.3; color: var(--tj-color-heading-primary); border-inline-start: 2px solid transparent; transition: all .3s ease; }
.tj-privacy-toc .tema-toc-list li a:hover, .tj-privacy-toc .tema-toc-list li a:focus-visible { color: var(--tj-color-theme-primary); }
.tj-privacy-toc .tema-toc-list li.active a { background-color: var(--tj-color-theme-bg-2); color: var(--tj-color-theme-primary); border-inline-start-color: var(--tj-color-theme-primary); }
.tj-privacy-content .privacy-block h2[tabindex="-1"]:focus { outline: none; }
/* Form listesi (F3.5): gorselsiz kart, ikon + baslik + aciklama + eylem */
.tema-form-kart .tema-kart__govde { padding: 28px; }
.tema-form-kart__ikon { display: inline-flex; width: 52px; height: 52px; margin-bottom: 8px; align-items: center; justify-content: center; border-radius: 14px; background: var(--tj-color-theme-bg-9); color: var(--tj-color-theme-primary); font-size: 22px; }
.tema-form-kart__eylem { display: inline-flex; align-items: center; gap: 6px; margin-top: auto; padding-top: 10px; font-weight: 600; color: var(--tj-color-theme-primary); }

/* Modül önizleme (F3.6) — başlık altı rozetler */
.tema-onizleme-rozetler { display: flex; flex-wrap: wrap; gap: 8px; }
.tema-onizleme-rozet { display: inline-flex; align-items: center; padding: 6px 14px; border-radius: 30px; background: var(--tj-color-theme-primary); color: var(--tj-color-common-white); font-size: 14px; font-weight: 600; line-height: 1.3; max-width: 100%; overflow-wrap: anywhere; }
.tema-onizleme-rozet--ikincil { background: var(--tj-color-common-white); color: var(--tj-color-heading-primary); border: 1px solid var(--tj-color-border-1); }

/* Galeri (F3.7) — galeri.php, galeri-detay.php */
.tema-galeri-album .blog-thumb a { position: relative; display: block; }
.tema-galeri-izgara .tema-galeri-kart { aspect-ratio: 4 / 3; }
.tema-galeri-video { color: var(--tj-color-common-white); background: var(--tj-color-theme-dark); }
.tema-galeri-video__oynat { position: absolute; inset: 0; margin: auto; width: 68px; height: 68px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--tj-color-theme-primary); color: var(--tj-color-common-white); font-size: 22px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25); transition: transform 0.3s ease; pointer-events: none; }
.tema-galeri-video__oynat--kucuk { width: 54px; height: 54px; font-size: 18px; }
.tema-galeri-video:hover .tema-galeri-video__oynat, .tema-galeri-album:hover .tema-galeri-video__oynat { transform: scale(1.08); }
.tema-galeri-video--dosya { background: #000; }
.tema-galeri-video--dosya video { display: block; width: 100%; height: 100%; object-fit: contain; background: #000; }
.tema-galeri-video__ad { margin: 12px 0 0; font-weight: 600; color: var(--tj-color-heading-primary); }
.tema-galeri-sayac { display: inline-flex; padding: 6px 14px; border-radius: 30px; background: rgba(255, 255, 255, 0.15); font-weight: 600; }
.tema-galeri-diger { margin-top: 80px; }
.tema-galeri-diger h2 { margin-bottom: 30px; }
@media (max-width: 767px) { .tema-galeri-diger { margin-top: 50px; } }

/* Eğitmenler (F5.7) — egitmenler.php, egitmen-detay.php */
.tema-egitmen-liste .tema-blog-arac { margin-bottom: 30px; }
.tema-egitmen-liste .tj-instructor-item { height: 100%; }
.tema-egitmen-liste .tj-pagination { margin-top: 50px; }
.tema-gorsel-yok { display: flex; width: 100%; aspect-ratio: 1 / 1; align-items: center; justify-content: center; background: var(--tj-color-theme-bg-2); color: var(--tj-color-theme-primary); font-size: 42px; }
.tema-egitmen-basi .tj-page-header-instructor { display: flex; flex-wrap: wrap; gap: 30px; align-items: center; }
.tema-egitmen-basi .tj-instructor-img { flex: 0 0 auto; width: 160px; border-radius: 20px; overflow: hidden; }
.tema-egitmen-basi .tj-instructor-img img { display: block; width: 100%; height: 100%; aspect-ratio: 1 / 1; object-fit: cover; }
.tema-egitmen-basi .tj-instructor-content { flex: 1 1 260px; min-width: 0; }
.tema-egitmen-detay .tj-instructor-about + .tj-instructor-about,
.tema-egitmen-detay .tj-instructor-about + .tj-instructor-experience,
.tema-egitmen-detay .tj-instructor-experience + .tj-instructor-about { margin-top: 40px; }
.tema-egitmen-dersler .tj-skill-item { transition: all .3s ease; }
.tema-egitmen-dersler a.tj-skill-item:hover { background: var(--tj-color-theme-primary); color: var(--tj-color-common-white); }
.tema-egitmen-diger { border-top: 1px solid var(--tj-color-border-1); padding-top: 70px; }
.tema-egitmen-diger h2 { margin-bottom: 30px; }
@media (max-width: 575px) {
  .tema-egitmen-basi .tj-instructor-img { width: 110px; }
  .tema-egitmen-diger { padding-top: 45px; }
}

/* Eğitim paketleri (F6.5/F6.6) — paketler.php, paket-detay.php */
.tema-paket-liste .tema-blog-arac { margin-bottom: 30px; }
.tema-paket-liste .tj-course-item, .tema-paket-ilgili .tj-course-item { height: 100%; }
/* Paket kartı: başlık uzunluğu ne olursa olsun fiyat + "Paketi incele" tüm kartlarda aynı hizada (kartın dibinde) */
.tema-paket-kart { display: flex; flex-direction: column; height: 100%; }
.tema-paket-kart > .tj-course-img { flex: 0 0 auto; }
.tema-paket-kart > .tj-course-content { display: flex; flex-direction: column; flex: 1 1 auto; }
.tema-paket-kart > .tj-course-content > .tj-course-price-wrap { margin-top: auto; }
[class*="col-"]:has(> .tema-paket-kart) { display: flex; flex-direction: column; }
.swiper-slide:has(> .tema-paket-kart) { height: auto; }
.tema-paket-liste .tj-pagination { margin-top: 50px; }
.tema-paket-tipler { display: flex; flex-wrap: wrap; gap: 6px 18px; }
.tema-paket-tipler a { position: relative; padding: 4px 0; color: var(--tj-color-text-body); font-size: 15px; font-weight: 500; transition: color .3s; }
.tema-paket-tipler a::after { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: var(--tj-color-theme-primary); transition: width .3s; }
.tema-paket-tipler a:hover, .tema-paket-tipler a.aktif { color: var(--tj-color-theme-primary); }
.tema-paket-tipler a.aktif::after { width: 100%; }
.tema-paket-basi .tema-paket-ek-egitmen { margin-left: 6px; font-size: 14px; font-weight: 400; color: var(--tj-color-text-body); }
/* Paket başlığı altındaki bilgi rozetleri (tür, ders, saat, eğitmen, puan) */
.tema-paket-basi .course-meta { gap: 10px; margin: 22px 0 26px; }
.tema-paket-basi .course-meta > .tema-meta { gap: 8px; padding: 5px 14px 5px 5px; border: 1px solid rgba(255, 255, 255, .9); border-radius: 50px; background: rgba(255, 255, 255, .72); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); box-shadow: 0 6px 18px rgba(40, 30, 90, .07); color: var(--tj-color-heading-primary); font-size: 14px; font-weight: 500; line-height: 1.2; transition: transform .2s, box-shadow .2s; }
.tema-paket-basi .course-meta > .tema-meta:hover { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(40, 30, 90, .11); }
.tema-paket-basi .tema-meta-ikon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 28px; width: 28px; height: 28px; border-radius: 50%; background: color-mix(in srgb, var(--tj-color-theme-primary) 12%, #fff); color: var(--tj-color-theme-primary); font-weight: 400; }
.tema-paket-basi .course-meta .tema-meta-ikon i { font-size: 14px; }
.tema-paket-basi .tema-meta--puan .tema-meta-ikon { background: #fff4d6; color: #e8a200; }
@media (max-width: 575px) {
  .tema-paket-basi .course-meta { gap: 8px; margin: 18px 0 22px; }
  .tema-paket-basi .course-meta > .tema-meta { padding: 4px 12px 4px 4px; font-size: 13px; }
  .tema-paket-basi .tema-meta-ikon { flex-basis: 24px; width: 24px; height: 24px; }
  .tema-paket-basi .course-meta .tema-meta-ikon i { font-size: 12px; }
}
.tema-paket-basi .tema-paket-yakinda { padding: 2px 10px; border-radius: 20px; background: var(--tj-color-theme-primary); color: var(--tj-color-common-white); }
.tema-paket-detay .tj-course-instructor { margin-bottom: 50px; }
.tema-paket-egitmenler { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.tema-paket-egitmenler .tj-course-instructor-wrap { display: flex; flex-wrap: nowrap; gap: 16px; align-items: center; margin: 0; padding: 16px 18px; transition: transform .25s, box-shadow .25s, border-color .25s; }
.tema-paket-egitmenler .tj-course-instructor-wrap:hover { transform: translateY(-3px); border-color: var(--tj-color-border-2); box-shadow: 0 16px 34px var(--tj-color-shadow-1); }
.tema-paket-egitmenler .tj-course-instructor-img { flex: 0 0 76px; width: 76px; max-width: 76px; height: 76px; aspect-ratio: auto; border-radius: 50%; overflow: hidden; box-shadow: 0 0 0 4px var(--tj-color-theme-bg-2); }
.tema-paket-egitmenler .tj-course-instructor-img img { width: 100%; height: 100%; object-fit: cover; }
.tema-paket-egitmenler .tj-course-instructor-img .tema-gorsel-yok { height: 100%; font-size: 26px; }
.tema-paket-egitmenler .tj-course-instructor-content { display: flex; flex-direction: column; align-items: flex-start; flex: 1 1 auto; min-width: 0; }
.tema-paket-egitmenler .name-area { display: flex; flex-direction: column; gap: 4px; margin: 0; }
.tema-paket-egitmenler .tj-course-instructor-content .name-area .name { margin: 0; font-size: 19px; line-height: 1.25; overflow-wrap: anywhere; }
.tema-paket-egitmenler .name a { color: inherit; }
.tema-paket-egitmenler .name a:hover { color: var(--tj-color-theme-primary); }
.tema-paket-egitmenler .tj-course-instructor-content .name-area .designation { display: block; font-size: 14px; line-height: 1.35; }
.tema-paket-detay .tema-paket-egitmen-link { display: inline-flex; gap: 6px; align-items: center; margin-top: 10px; font-size: 14px; font-weight: 500; color: var(--tj-color-theme-primary); }
.tema-paket-detay .tema-paket-egitmen-link i { font-size: 11px; transition: transform .2s; }
.tema-paket-detay .tema-paket-egitmen-link:hover i { transform: translateX(3px); }
@media (max-width: 767px) { .tema-paket-egitmenler { grid-template-columns: 1fr; } }
.tema-paket-detay .tj-course-thumb .tema-gorsel-yok { aspect-ratio: 16 / 10; }
/* Paket kartı görseli (18.09 kullanıcı isteği): resim yüklendiği gibi görünsün — temanın sabit oranı + object-fit: cover kenarları kırpıyordu,
   üzerine gelince %110 büyütme de kenarları kesiyordu. Kutu resmin kendi oranını alır; görsel yoksa yer tutucu eski oranda kalır. */
.tj-course-img { aspect-ratio: auto !important; }
.tj-course-img img, .tj-course-item .tj-course-img img { display: block; height: auto; object-fit: contain; }
.tj-course-item:hover .tj-course-img img { transform: none; }
.tj-course-img .tema-gorsel-yok { aspect-ratio: 380 / 214; }
.tema-paket-metin p:last-child { margin-bottom: 0; }
.tema-paket-ilgili { border-top: 1px solid var(--tj-color-border-1); padding-top: 70px; }
.tema-paket-ilgili h2 { margin-bottom: 30px; }
@media (max-width: 575px) { .tema-paket-ilgili { padding-top: 45px; } }
.tema-paket-kazanimlar ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 30px; margin: 0; padding: 0; list-style: none; }
.tema-paket-kazanimlar li { position: relative; padding-left: 28px; font-size: 15px; line-height: 1.6; }
.tema-paket-kazanimlar li::before { content: "\e914"; position: absolute; left: 0; top: 3px; font-family: "edunex-icons"; font-size: 17px; line-height: 1; color: var(--tj-color-theme-primary); }
.tema-paket-kazanimlar p:last-child, .tema-paket-kazanimlar ul:last-child { margin-bottom: 0; }
.tema-paket-kazanimlar ul + p, .tema-paket-kazanimlar p + ul { margin-top: 14px; }
.tema-paket-moduller { margin-bottom: 50px; }
@media (max-width: 767px) { .tema-paket-kazanimlar ul { grid-template-columns: 1fr; } }

/* Üyelik (F7) — giris.php, kayit.php, dogrula.php, sifremi-unuttum.php, sifre-sifirla.php (helpers/uyelik_sablon.php) */
.tema-uyelik .tema-uyelik-kayit { max-width: none; }
.tema-uyelik .tj-login-form-wrapper:has(.tema-uyelik-kayit) { max-width: 680px; }
.tema-uyelik-ikili { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 18px; }
.tema-uyelik-mesaj { margin-bottom: 20px; padding: 12px 16px; border-radius: 12px; font-size: 15px; line-height: 1.5; border: 1px solid transparent; }
.tema-uyelik-mesaj--hata { background: #fdecec; border-color: #f5c2c2; color: #a61b1b; }
.tema-uyelik-mesaj--basari { background: #e8f6ee; border-color: #b9e2c8; color: #186a3b; }
.tema-uyelik-mesaj--bilgi { background: var(--tj-color-theme-bg-2); border-color: var(--tj-color-border-1); color: var(--tj-color-heading-primary); }
.tema-uyelik-zorunlu { color: #c62828; }
.tema-uyelik-ipucu { display: block; margin-top: 6px; font-size: 13px; color: var(--tj-color-text-body); }
.tema-uyelik-alan-hata { display: block; margin-top: 6px; font-size: 13px; color: #c62828; }
.tema-uyelik-hatali input, .tema-uyelik-hatali select { border-color: #e57373 !important; }
.tema-uyelik-secim { width: 100%; height: 56px; padding: 0 18px 0 48px; border: 1px solid var(--tj-color-border-1); border-radius: 12px; background: var(--tj-color-common-white); color: var(--tj-color-heading-primary); font-size: 15px; appearance: auto; }
.tema-uyelik-onaylar { display: grid; gap: 10px; margin: 6px 0 22px; }
.tema-uyelik-onay .remember-check { display: flex; align-items: flex-start; gap: 10px; font-size: 14px; line-height: 1.5; cursor: pointer; }
.tema-uyelik-onay .remember-check input { flex: 0 0 auto; margin-top: 3px; width: 17px; height: 17px; accent-color: var(--tj-color-theme-primary); }
.tema-uyelik-onay a { color: var(--tj-color-theme-primary); text-decoration: underline; }
.tema-uyelik-kod { letter-spacing: .4em; font-size: 20px !important; font-weight: 600; }
.tema-uyelik-tekrar { margin-top: 14px; text-align: center; }
.tema-uyelik-bag { border: 0; background: none; padding: 4px; color: var(--tj-color-theme-primary); font-weight: 500; text-decoration: underline; cursor: pointer; }
.tema-uyelik-bag:disabled { color: var(--tj-color-text-body); text-decoration: none; cursor: default; }
.tema-uyelik-orta { text-align: center; margin: 10px 0 0; }
/* Bot tuzağı her formda gizli (destek, üyelik, hesabım…) */
.tema-tuzak { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
@media (max-width: 575px) { .tema-uyelik-ikili { grid-template-columns: 1fr; } }

/* Hesabım (F7) — hesabim.php */
.tema-hesabim-menu { position: sticky; top: calc(var(--tema-header-h, 108px) + 20px); padding: 24px; border: 1px solid var(--tj-color-border-3); border-radius: 20px; background: var(--tj-color-common-white); box-shadow: 0 10px 30px var(--tj-color-shadow-1); }
.tema-hesabim-kisi { display: flex; align-items: center; gap: 12px; padding-bottom: 18px; margin-bottom: 14px; border-bottom: 1px solid var(--tj-color-border-1); }
.tema-hesabim-kisi strong { display: block; color: var(--tj-color-heading-primary); line-height: 1.3; }
.tema-hesabim-kisi small { color: var(--tj-color-text-body); }
.tema-hesabim-avatar { display: inline-flex; flex: 0 0 48px; width: 48px; height: 48px; align-items: center; justify-content: center; border-radius: 50%; background: var(--tj-color-theme-primary); color: var(--tj-color-common-white); font-weight: 600; }
.tema-hesabim-menu nav { display: grid; gap: 4px; }
.tema-hesabim-menu nav a, .tema-hesabim-cikis { display: flex; align-items: center; gap: 10px; width: 100%; padding: 10px 12px; border: 0; border-radius: 10px; background: none; color: var(--tj-color-heading-primary); font-weight: 500; text-align: left; transition: background-color .2s, color .2s; }
.tema-hesabim-menu nav a:hover, .tema-hesabim-menu nav a.aktif { background: var(--tj-color-theme-bg-2); color: var(--tj-color-theme-primary); }
.tema-hesabim-cikis { margin-top: 10px; color: #b3261e; cursor: pointer; }
.tema-hesabim-cikis:hover { background: #fdecec; }
.tema-hesabim-kutu { margin-bottom: 30px; padding: 30px; border: 1px solid var(--tj-color-border-3); border-radius: 20px; background: var(--tj-color-common-white); box-shadow: 0 10px 30px var(--tj-color-shadow-1); }
.tema-hesabim-kutu > h2 { margin-bottom: 20px; }
.tema-hesabim-kutu .tj-login-form { max-width: none; }
.tema-hesabim-kutu-bas { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 18px; }
.tema-hesabim-kutu-bas h2 { margin: 0; }
.tema-hesabim-kutu-bas a:not(.tj-btn-primary) { color: var(--tj-color-theme-primary); font-weight: 500; }   /* düğme kendi beyaz yazısını korur */
.tema-hesabim-ozet { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.tema-hesabim-ozet > div { padding: 18px; border-radius: 14px; background: var(--tj-color-theme-bg-2); }
.tema-hesabim-ozet span { display: block; font-size: 22px; font-weight: 600; color: var(--tj-color-heading-primary); line-height: 1.3; overflow-wrap: anywhere; }
.tema-hesabim-ozet small { color: var(--tj-color-text-body); }
.tema-hesabim-paketler { margin: 0; padding: 0; list-style: none; display: grid; gap: 14px; }
.tema-hesabim-paketler li { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; padding: 12px; border: 1px solid var(--tj-color-border-1); border-radius: 14px; }
.tema-hesabim-paket-gorsel { display: inline-flex; flex: 0 0 76px; width: 76px; height: 56px; align-items: center; justify-content: center; overflow: hidden; border-radius: 10px; background: var(--tj-color-theme-bg-2); color: var(--tj-color-theme-primary); font-size: 22px; }
.tema-hesabim-paket-gorsel img { width: 100%; height: 100%; object-fit: cover; }
.tema-hesabim-paket-bilgi { flex: 1 1 200px; min-width: 0; }
.tema-hesabim-paket-bilgi strong { display: block; color: var(--tj-color-heading-primary); }
.tema-hesabim-paket-bilgi small { color: var(--tj-color-text-body); }
.tema-hesabim-rozet { padding: 4px 12px; border-radius: 20px; background: #eceff1; color: #546e7a; font-size: 13px; font-weight: 500; }
.tema-hesabim-rozet.aktif { background: #e8f6ee; color: #186a3b; }
.tema-hesabim-paket-link { color: var(--tj-color-theme-primary); font-weight: 500; }

/* Tema butonu metni 19px + overflow:hidden → ş/ç/ğ/g/y'nin alt kısmı kırpılıyordu. Kayan (btn-text-inner) butonlar hariç düz metinde kaldır. */
.tj-btn-primary .btn-text:not(:has(.btn-text-inner)) { height: auto; overflow: visible; line-height: 19px; }

/* Hesabım › İlerleme: genel özet (halka + sayılar + devam şeridi) ve paket kartları */
.tema-ilerleme-halka { --y: 0; position: relative; display: grid; flex: none; place-items: center; width: 76px; height: 76px; border-radius: 50%; background: conic-gradient(var(--tj-color-theme-primary) calc(var(--y) * 1%), var(--tj-color-theme-bg-9) 0); }
.tema-ilerleme-halka::before { content: ""; position: absolute; inset: 8px; border-radius: 50%; background: var(--tj-color-common-white); }
.tema-ilerleme-halka > span { position: relative; display: flex; flex-direction: column; align-items: center; line-height: 1.1; text-align: center; }
.tema-ilerleme-halka strong { color: var(--tj-color-heading-primary); font-size: 18px; }
.tema-ilerleme-halka small { margin-top: 4px; color: var(--tj-color-text-body); font-size: 12px; }
.tema-ilerleme-halka--buyuk { width: 168px; height: 168px; }
.tema-ilerleme-halka--buyuk::before { inset: 14px; }
.tema-ilerleme-halka--buyuk strong { font-size: 36px; }

.tema-ilerleme-genel { background: linear-gradient(135deg, rgba(114, 62, 195, .07), rgba(255, 196, 140, .12)), var(--tj-color-common-white); }
.tema-ilerleme-genel__ust { display: flex; align-items: center; gap: 32px; }
.tema-ilerleme-genel__metin { flex: 1; min-width: 0; }
.tema-ilerleme-genel__metin h2 { margin-bottom: 6px; }
.tema-ilerleme-genel__metin > p { margin-bottom: 18px; color: var(--tj-color-text-body); }
.tema-ilerleme-sayilar { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin: 0; padding: 0; list-style: none; }
.tema-ilerleme-sayilar li { display: flex; flex-direction: column; gap: 2px; padding: 14px 16px; border-radius: 14px; background: var(--tj-color-common-white); box-shadow: 0 6px 18px -12px rgba(39, 47, 84, .35); }
.tema-ilerleme-sayilar i { margin-bottom: 6px; color: var(--tj-color-theme-primary); font-size: 18px; }
.tema-ilerleme-sayilar strong { color: var(--tj-color-heading-primary); font-size: 20px; line-height: 1.2; }
.tema-ilerleme-sayilar span { color: var(--tj-color-text-body); font-size: 13px; }
.tema-ilerleme-devam { display: flex; align-items: center; gap: 16px; margin-top: 24px; padding: 16px 18px; border-radius: 16px; background: var(--tj-color-theme-dark); color: rgba(255, 255, 255, .8); }
.tema-ilerleme-devam > div { flex: 1; min-width: 0; }
.tema-ilerleme-devam small { display: block; color: rgba(255, 255, 255, .6); font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
.tema-ilerleme-devam strong { display: block; overflow: hidden; color: #fff; font-size: 17px; text-overflow: ellipsis; white-space: nowrap; }
.tema-ilerleme-devam span { font-size: 14px; }
.tema-ilerleme-devam__ikon { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; background: var(--tj-color-theme-primary); color: #fff; font-size: 18px; }

.tema-ilerleme-paket__bas { display: flex; align-items: center; gap: 18px; }
.tema-ilerleme-paket__gorsel { display: flex; flex: none; align-items: center; justify-content: center; width: 132px; aspect-ratio: 515 / 242; overflow: hidden; border-radius: 12px; background: var(--tj-color-theme-bg-9); color: var(--tj-color-theme-primary); font-size: 26px; }
.tema-ilerleme-paket__gorsel img { width: 100%; height: 100%; object-fit: cover; }
.tema-ilerleme-paket__ad { flex: 1; min-width: 0; }
.tema-ilerleme-paket__ad .tema-hesap-paket__durum { position: static; display: inline-block; margin-bottom: 6px; padding: 2px 10px; background: var(--tj-color-theme-bg-2, #f4f5f7); }
.tema-ilerleme-paket__ad h3 { margin: 0 0 2px; font-size: 19px; line-height: 1.35; }
.tema-ilerleme-paket__ad small { color: var(--tj-color-text-body); font-size: 13px; }
.tema-ilerleme-paket--bitti .tema-ilerleme-paket__gorsel img { filter: grayscale(1); opacity: .7; }
.tema-ilerleme-cubuk { display: flex; height: 10px; margin: 22px 0 12px; overflow: hidden; border-radius: 10px; background: var(--tj-color-theme-bg-9); }
.tema-ilerleme-cubuk .tamam { background: var(--tj-color-theme-primary); }
.tema-ilerleme-cubuk .yarim { background: #f2a93b; }
.tema-ilerleme-rozetler { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 0 0 18px; padding: 0; list-style: none; color: var(--tj-color-text-body); font-size: 13px; }
.tema-ilerleme-rozetler li::before { content: ""; display: inline-block; width: 9px; height: 9px; margin-right: 6px; border-radius: 50%; background: var(--tj-color-theme-bg-9); vertical-align: 0; }
.tema-ilerleme-rozetler .tamam::before { background: var(--tj-color-theme-primary); }
.tema-ilerleme-rozetler .yarim::before { background: #f2a93b; }
.tema-ilerleme-dersler { border-top: 1px solid var(--tj-color-border-1); }
.tema-ilerleme-dersler summary { display: flex; align-items: center; justify-content: space-between; padding: 16px 0 6px; color: var(--tj-color-heading-primary); font-weight: 600; cursor: pointer; list-style: none; }
.tema-ilerleme-dersler summary::-webkit-details-marker { display: none; }
.tema-ilerleme-dersler summary em { margin-left: 6px; padding: 1px 9px; border-radius: 20px; background: var(--tj-color-theme-bg-9); color: var(--tj-color-theme-primary); font-size: 12px; font-style: normal; }
.tema-ilerleme-dersler summary i { transition: transform .3s; }
.tema-ilerleme-dersler[open] summary i { transform: rotate(180deg); }
.tema-ilerleme-bolum { margin: 14px 0 6px; color: var(--tj-color-text-body); font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.tema-ilerleme-ders { display: flex; align-items: center; gap: 14px; margin-top: 8px; padding: 12px 14px; border: 1px solid var(--tj-color-border-1); border-radius: 14px; color: var(--tj-color-heading-primary); transition: border-color .25s, background-color .25s; }
a.tema-ilerleme-ders:hover { border-color: var(--tj-color-theme-primary); background: rgba(114, 62, 195, .04); color: var(--tj-color-heading-primary); }
.tema-ilerleme-ders__ikon { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%; background: var(--tj-color-theme-bg-9); color: var(--tj-color-theme-primary); font-size: 14px; }
.tema-ilerleme-ders--tamamlandi .tema-ilerleme-ders__ikon { background: var(--tj-color-theme-primary); color: #fff; }
.tema-ilerleme-ders--yarim .tema-ilerleme-ders__ikon { background: #fff4e5; color: #b86e00; }
.tema-ilerleme-ders__ad { flex: 1; min-width: 0; font-weight: 500; }
.tema-ilerleme-ders__ad small { margin-left: 8px; color: var(--tj-color-text-body); font-size: 13px; font-weight: 400; }
.tema-ilerleme-ders__ad .tema-ders-cubuk { max-width: 240px; height: 5px; margin: 8px 0 0; }
.tema-ilerleme-ders__ad .tema-ders-cubuk > span { background: #f2a93b; }
.tema-ilerleme-ders__durum { flex: none; padding: 3px 11px; border-radius: 20px; background: var(--tj-color-theme-bg-2, #f4f5f7); color: var(--tj-color-text-body); font-size: 12px; font-weight: 600; }
.tema-ilerleme-ders--tamamlandi .tema-ilerleme-ders__durum { background: #eef8f1; color: #1f7a45; }
.tema-ilerleme-ders--yarim .tema-ilerleme-ders__durum { background: #fff4e5; color: #8a4b00; }
.tema-ilerleme-bos { margin: 16px 0 0; color: var(--tj-color-text-body); }
@media (max-width: 991px) { .tema-ilerleme-sayilar { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 767px) {
  .tema-ilerleme-genel__ust { flex-direction: column; align-items: stretch; text-align: center; gap: 20px; }
  .tema-ilerleme-halka--buyuk { margin: 0 auto; width: 140px; height: 140px; }
  .tema-ilerleme-sayilar { text-align: left; }
  .tema-ilerleme-devam { flex-wrap: wrap; }
  .tema-ilerleme-devam .tj-btn-primary { width: 100%; justify-content: center; }
  .tema-ilerleme-paket__bas { flex-wrap: wrap; }
  .tema-ilerleme-paket__gorsel { width: 100%; }
  .tema-ilerleme-paket__bas .tema-ilerleme-halka { order: -1; display: none; }
}

/* Panom + Paketlerim: büyük yatay paket kartı */
.tema-hesap-paketlar { margin: 0; padding: 0; list-style: none; display: grid; gap: 20px; }
.tema-hesap-paket { display: grid; grid-template-columns: minmax(220px, 320px) 1fr; gap: 26px; padding: 16px; border: 1px solid var(--tj-color-border-1); border-radius: 20px; background: var(--tj-color-common-white); transition: border-color .3s, box-shadow .3s; }
.tema-hesap-paket:hover { border-color: rgba(114, 62, 195, .35); box-shadow: 0 16px 36px -20px rgba(39, 47, 84, .3); }
.tema-hesap-paket__gorsel { position: relative; display: flex; align-self: center; align-items: center; justify-content: center; aspect-ratio: 515 / 242; overflow: hidden; border-radius: 14px; background: var(--tj-color-theme-bg-9); color: var(--tj-color-theme-primary); font-size: 40px; }
.tema-hesap-paket__gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.tema-hesap-paket:hover .tema-hesap-paket__gorsel img { transform: scale(1.04); }
.tema-hesap-paket__durum { position: absolute; bottom: 10px; left: 10px; padding: 4px 12px; border-radius: 30px; background: rgba(255, 255, 255, .92); color: #546e7a; font-size: 12px; font-weight: 600; line-height: 1.5; }
.tema-hesap-paket__durum.aktif { color: #186a3b; }
.tema-hesap-paket__durum.aktif::before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 6px; border-radius: 50%; background: #22a55b; vertical-align: 1px; }
.tema-hesap-paket__govde { display: flex; flex-direction: column; min-width: 0; padding: 6px 8px 6px 0; }
.tema-hesap-paket__tipler { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
.tema-hesap-paket__tipler span { padding: 3px 10px; border-radius: 30px; background: var(--tj-color-theme-bg-9); color: var(--tj-color-theme-primary); font-size: 12px; font-weight: 600; }
.tema-hesap-paket__baslik { margin: 0 0 12px; font-size: 20px; line-height: 1.35; }
.tema-hesap-paket__baslik a { color: inherit; }
.tema-hesap-paket__baslik a:hover { color: var(--tj-color-theme-primary); }
.tema-hesap-paket__bilgi { display: flex; flex-wrap: wrap; gap: 8px 22px; margin: 0 0 18px; padding: 0; list-style: none; color: var(--tj-color-text-body); font-size: 14px; }
.tema-hesap-paket__bilgi li { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 6px; }
.tema-hesap-paket__bilgi i { color: var(--tj-color-theme-primary); }
.tema-hesap-paket__bilgi em { padding: 1px 8px; border-radius: 20px; background: #eef8f1; color: #1f7a45; font-size: 12px; font-style: normal; font-weight: 600; }
.tema-hesap-paket__bilgi em.yakin { background: #fff4e5; color: #8a4b00; }
.tema-hesap-paket__alt { display: flex; align-items: center; flex-wrap: wrap; gap: 16px 24px; margin-top: auto; }
.tema-hesap-paket__ilerleme { flex: 1 1 200px; }
.tema-hesap-paket__ilerleme > span:first-child { display: block; margin-bottom: 6px; color: var(--tj-color-text-body); font-size: 13px; }
.tema-hesap-paket__ilerleme strong { color: var(--tj-color-heading-primary); }
.tema-hesap-paket__ilerleme .tema-ders-cubuk { margin: 0; }
.tema-hesap-paket__buton { flex: none; margin-left: auto; }
.tema-hesap-paket--bitti .tema-hesap-paket__gorsel img { filter: grayscale(1); opacity: .75; }
@media (max-width: 767px) {
  .tema-hesap-paket { grid-template-columns: 1fr; gap: 16px; padding: 14px; }
  .tema-hesap-paket__govde { padding: 0 4px 4px; }
  .tema-hesap-paket__buton { width: 100%; justify-content: center; margin-left: 0; }
}
.tema-hesabim-bos p { margin-bottom: 16px; }
@media (max-width: 991px) { .tema-hesabim-menu { position: static; } }
@media (max-width: 575px) { .tema-hesabim-kutu { padding: 20px; } .tema-hesabim-ozet { grid-template-columns: 1fr; } }

/* Ders izleme (F8) — hesabim-paket.php, js/ders-izle.js */
.tema-ders-oynatici { position: relative; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 18px; background: #0b0b14; user-select: none; }
.tema-ders-oynatici iframe, .tema-ders-oynatici video { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: #000; }
.tema-ders-filigran { position: absolute; z-index: 2; left: 10%; top: 12%; padding: 3px 8px; border-radius: 6px; background: rgba(0, 0, 0, .18); color: rgba(255, 255, 255, .55); font-size: 13px; font-weight: 600; white-space: nowrap; pointer-events: none; transition: left 1.2s ease, top 1.2s ease; }
.tema-ders-kilit, .tema-ders-uyari { position: absolute; inset: 0; z-index: 3; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px; text-align: center; color: #fff; background: linear-gradient(135deg, #1d1b3a, #3b2a6d); }
.tema-ders-uyari[hidden] { display: none; }
/* Geliştirici araçları açılınca ders kilidi (js/ders-izle.js): sayfa gizlenir, yalnız kilit ekranı kalır */
html.tema-dt-kilitli body > *:not(.tema-dt-kilit) { visibility: hidden !important; }
html.tema-dt-kilitli, html.tema-dt-kilitli body { overflow: hidden !important; }
.tema-dt-kilit { position: fixed; inset: 0; z-index: 2147483647; display: flex; align-items: center; justify-content: center; padding: 16px; background: linear-gradient(135deg, #1d1b3a, #3b2a6d); visibility: visible !important; }
.tema-dt-kilit-kutu { max-width: 440px; text-align: center; color: #fff; }
.tema-dt-kilit-kutu h2 { color: #fff; font-size: 26px; margin: 0 0 12px; }
.tema-dt-kilit-kutu p { color: rgba(255, 255, 255, .85); margin: 0 0 22px; }
.tema-ders-kilit i { font-size: 42px; opacity: .85; }
.tema-ders-kilit p { max-width: 420px; margin: 0; color: rgba(255, 255, 255, .9); }
.tema-ders-bilgi { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 14px; margin-top: 22px; }
.tema-ders-bilgi h2 { margin: 2px 0 4px; }
.tema-ders-bolum { color: var(--tj-color-theme-primary); font-weight: 600; text-transform: uppercase; letter-spacing: .04em; font-size: 12px; }
.tema-ders-kota { color: var(--tj-color-text-body); }
.tema-ders-tamam { display: inline-flex; align-items: center; gap: 8px; padding: 10px 18px; border: 1px solid var(--tj-color-border-1); border-radius: 40px; background: var(--tj-color-common-white); color: var(--tj-color-heading-primary); font-weight: 500; cursor: pointer; }
.tema-ders-tamam:hover { border-color: var(--tj-color-theme-primary); color: var(--tj-color-theme-primary); }
.tema-ders-tamam.tamam { border-color: #b9e2c8; background: #e8f6ee; color: #186a3b; cursor: default; }
.tema-ders-gezinti { display: flex; justify-content: space-between; gap: 10px; margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--tj-color-border-1); }
.tema-ders-gezinti a { color: var(--tj-color-theme-primary); font-weight: 500; }
.tema-ders-liste { position: sticky; top: calc(var(--tema-header-h, 108px) + 20px); max-height: calc(100vh - var(--tema-header-h, 108px) - 40px); overflow-y: auto; padding: 20px; border: 1px solid var(--tj-color-border-3); border-radius: 20px; background: var(--tj-color-common-white); box-shadow: 0 10px 30px var(--tj-color-shadow-1); }
.tema-ders-ilerleme { padding-bottom: 14px; margin-bottom: 8px; border-bottom: 1px solid var(--tj-color-border-1); }
.tema-ders-ilerleme small { color: var(--tj-color-text-body); }
.tema-ders-cubuk { display: block; height: 8px; margin: 8px 0 6px; overflow: hidden; border-radius: 8px; background: var(--tj-color-theme-bg-2); }
.tema-ders-cubuk > span { display: block; height: 100%; border-radius: 8px; background: var(--tj-color-theme-primary); }
.tema-ders-bolum-baslik { margin: 14px 0 6px; color: var(--tj-color-text-body); font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; }
.tema-ders-oge { display: flex; align-items: center; gap: 10px; padding: 9px 10px; border-radius: 10px; color: var(--tj-color-heading-primary); font-size: 15px; line-height: 1.35; }
.tema-ders-oge:hover { background: var(--tj-color-theme-bg-2); }
.tema-ders-oge.aktif { background: var(--tj-color-theme-bg-2); color: var(--tj-color-theme-primary); font-weight: 600; }
.tema-ders-oge.kilitli { color: var(--tj-color-text-body); }
.tema-ders-ikon { display: inline-flex; flex: 0 0 28px; width: 28px; height: 28px; align-items: center; justify-content: center; border-radius: 50%; background: var(--tj-color-theme-bg-2); color: var(--tj-color-theme-primary); font-size: 12px; }
.tema-ders-oge .tji-check { color: #186a3b; }
.tema-ders-ad { flex: 1 1 auto; min-width: 0; }
.tema-ders-ad em { font-style: normal; font-size: 12px; color: var(--tj-color-theme-primary); }
.tema-ders-sure { flex: 0 0 auto; color: var(--tj-color-text-body); font-size: 13px; }
.tema-hesabim-ilerleme { display: inline-flex; align-items: center; gap: 8px; min-width: 110px; }
.tema-hesabim-ilerleme .tema-ders-cubuk { flex: 1 1 70px; margin: 0; }
/* Panom + İlerleme (F10) */
.tema-hesabim-devam { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; border-color: var(--tj-color-theme-primary); }
.tema-hesabim-devam-ikon { display: inline-flex; flex: 0 0 56px; width: 56px; height: 56px; align-items: center; justify-content: center; border-radius: 50%; background: var(--tj-color-theme-primary); color: var(--tj-color-common-white); font-size: 20px; }
.tema-hesabim-devam-bilgi { flex: 1 1 240px; min-width: 0; }
.tema-hesabim-devam-bilgi small { display: block; color: var(--tj-color-theme-primary); font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; }
.tema-hesabim-devam-bilgi strong { display: block; margin: 2px 0; color: var(--tj-color-heading-primary); font-size: 18px; line-height: 1.35; }
.tema-hesabim-devam-bilgi > span:not(.tema-ders-cubuk) { color: var(--tj-color-text-body); font-size: 14px; }
.tema-hesabim-devam-bilgi .tema-ders-cubuk { max-width: 320px; margin-bottom: 0; }
.tema-hesabim-ilerleme-ozet { display: flex; align-items: center; gap: 8px 14px; flex-wrap: wrap; }
.tema-hesabim-ilerleme-ozet strong { color: var(--tj-color-heading-primary); font-size: 22px; line-height: 1; }
.tema-hesabim-ilerleme-ozet .tema-ders-cubuk { flex: 1 1 200px; margin: 0; }
.tema-hesabim-ilerleme-ozet small { flex: 1 0 100%; color: var(--tj-color-text-body); }
.tema-hesabim-dersler { margin-top: 18px; padding-top: 12px; border-top: 1px solid var(--tj-color-border-1); }
.tema-hesabim-dersler summary { padding: 4px 0; color: var(--tj-color-theme-primary); font-weight: 500; cursor: pointer; }
.tema-hesabim-dersler .tema-ders-bolum-baslik { margin-top: 12px; }
.tema-hesabim-ders-durum { flex: 0 0 auto; color: var(--tj-color-text-body); font-size: 13px; }
.tema-hesabim-ders-durum--tamamlandi { color: #186a3b; font-weight: 500; }
.tema-hesabim-ders-durum--yarim { color: var(--tj-color-theme-primary); font-weight: 500; }
.tema-hesabim-dersler .tji-check { color: #186a3b; }
/* Canlı dersler (F13) — hesabim.php, canli-ders-katil.php */
.tema-canli-liste { margin: 0; padding: 0; list-style: none; display: grid; gap: 12px; }
.tema-canli-oge { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; padding: 12px; border: 1px solid var(--tj-color-border-1); border-radius: 14px; }
.tema-canli-oge.acik { border-color: var(--tj-color-theme-primary); background: var(--tj-color-theme-bg-2); }
.tema-canli-oge.iptal .tema-canli-bilgi strong { text-decoration: line-through; color: var(--tj-color-text-body); }
.tema-canli-tarih { display: inline-flex; flex: 0 0 56px; height: 56px; flex-direction: column; align-items: center; justify-content: center; border-radius: 12px; background: var(--tj-color-theme-primary); color: var(--tj-color-common-white); line-height: 1.1; }
.tema-canli-tarih strong { font-size: 20px; }
.tema-canli-tarih small { font-size: 12px; text-transform: uppercase; opacity: .9; }
.tema-canli-bilgi { flex: 1 1 200px; min-width: 0; }
.tema-canli-bilgi strong { display: block; color: var(--tj-color-heading-primary); line-height: 1.35; }
.tema-canli-bilgi small { display: block; color: var(--tj-color-text-body); }
.tema-canli-eylem { display: inline-flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.tema-canli-not { color: var(--tj-color-text-body); }
.tema-canli-iptal { background: #fdecec; color: #b3261e; }
.tema-canli-katil-dugme { padding-top: 10px; padding-bottom: 10px; }
.tema-canli-ipucu { margin: 14px 0 0; color: var(--tj-color-text-body); font-size: 14px; }
.tema-canli-katil { max-width: 640px; margin: 0 auto; text-align: center; }
.tema-canli-katil-ikon { display: inline-flex; width: 64px; height: 64px; margin-bottom: 14px; align-items: center; justify-content: center; border-radius: 50%; background: var(--tj-color-theme-bg-2); color: var(--tj-color-theme-primary); font-size: 26px; }
.tema-canli-katil--bekle .tema-canli-katil-ikon { animation: tema-canli-nabiz 1.6s ease-in-out infinite; }
@keyframes tema-canli-nabiz { 50% { transform: scale(1.08); opacity: .75; } }
@media (prefers-reduced-motion: reduce) { .tema-canli-katil--bekle .tema-canli-katil-ikon { animation: none; } }
.tema-canli-katil-alt { color: var(--tj-color-text-body); margin-bottom: 14px; }
.tema-canli-katil-mesaj { font-size: 17px; color: var(--tj-color-heading-primary); }
.tema-canli-katil-dugmeler { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px 20px; margin-top: 20px; }
@media (max-width: 575px) { .tema-canli-eylem { flex: 1 0 100%; } .tema-canli-katil-dugme { width: 100%; justify-content: center; } }
/* Testler (F11/F12) — hesabim.php › Testler, hesabim-test.php, js/test-coz.js */
.tema-test-ikon { display: inline-flex; flex: 0 0 56px; height: 56px; align-items: center; justify-content: center; border-radius: 12px; background: var(--tj-color-theme-bg-2); color: var(--tj-color-theme-primary); font-size: 20px; }
.tema-test-aciklama { margin-bottom: 18px; color: var(--tj-color-text-body); }
.tema-test-bilgi { margin-bottom: 16px; }
.tema-test-bilgi span { font-size: 20px; }
.tema-test-not { color: var(--tj-color-text-body); font-size: 14px; }
.tema-test-basla { margin-top: 18px; }
.tema-test-gecmis { margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.tema-test-gecmis a { display: flex; justify-content: space-between; gap: 10px; padding: 10px 12px; border: 1px solid var(--tj-color-border-1); border-radius: 10px; color: var(--tj-color-heading-primary); }
.tema-test-gecmis a:hover { border-color: var(--tj-color-theme-primary); }
.tema-test-gecmis span { color: var(--tj-color-text-body); font-size: 14px; }
.tema-test-panel { padding: 20px; border: 1px solid var(--tj-color-border-3); border-radius: 20px; background: var(--tj-color-common-white); box-shadow: 0 10px 30px var(--tj-color-shadow-1); }
.tema-test-sayac { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 12px; padding: 12px; border-radius: 14px; background: var(--tj-color-theme-bg-2); color: var(--tj-color-heading-primary); font-size: 26px; font-weight: 600; font-variant-numeric: tabular-nums; }
.tema-test-sayac.az { background: #fdecec; color: #b3261e; }
.tema-test-ilerleme { margin-bottom: 12px; text-align: center; color: var(--tj-color-text-body); }
.tema-test-uyari { margin-bottom: 12px; padding: 8px 12px; border-radius: 10px; background: #fff4e5; color: #8a4b00; font-size: 14px; }
.tema-test-uyari[hidden] { display: none; }
.tema-test-optik { display: grid; grid-template-columns: repeat(auto-fill, minmax(38px, 1fr)); gap: 6px; max-height: 260px; margin-bottom: 16px; overflow-y: auto; }
.tema-test-optik a { display: flex; height: 36px; align-items: center; justify-content: center; border: 1px solid var(--tj-color-border-1); border-radius: 8px; color: var(--tj-color-heading-primary); font-size: 14px; }
.tema-test-optik a.dolu { border-color: var(--tj-color-theme-primary); background: var(--tj-color-theme-primary); color: var(--tj-color-common-white); }
.tema-test-bitir { width: 100%; justify-content: center; }
.tema-test-soru { margin-bottom: 20px; padding: 24px; border: 1px solid var(--tj-color-border-3); border-radius: 18px; background: var(--tj-color-common-white); scroll-margin-top: calc(var(--tema-header-h, 108px) + 20px); }
.tema-test-soru--dogru { border-color: #b9e2c8; }
.tema-test-soru--yanlis { border-color: #f3c1bd; }
.tema-test-soru-bas { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.tema-test-soru-bas small { color: var(--tj-color-text-body); }
.tema-test-no { display: inline-flex; width: 34px; height: 34px; align-items: center; justify-content: center; border-radius: 50%; background: var(--tj-color-theme-primary); color: var(--tj-color-common-white); font-weight: 600; }
.tema-test-durum { margin-left: auto; padding: 3px 10px; border-radius: 20px; font-size: 13px; font-weight: 500; background: #eceff1; color: #546e7a; }
.tema-test-durum--dogru { background: #e8f6ee; color: #186a3b; }
.tema-test-durum--yanlis { background: #fdecec; color: #b3261e; }
.tema-test-metin { margin-bottom: 14px; color: var(--tj-color-heading-primary); font-size: 17px; line-height: 1.6; overflow-wrap: anywhere; }
.tema-test-resim { display: block; max-width: 100%; height: auto; margin-bottom: 14px; border-radius: 10px; }
.tema-test-siklar { display: grid; gap: 8px; }
.tema-test-sik { position: relative; display: flex; align-items: flex-start; gap: 12px; margin: 0; padding: 12px 14px; border: 1px solid var(--tj-color-border-1); border-radius: 12px; cursor: pointer; transition: border-color .15s, background-color .15s; }
.tema-test-sik:hover { border-color: var(--tj-color-theme-primary); }
.tema-test-sik input { position: absolute; opacity: 0; pointer-events: none; }
.tema-test-sik:has(input:checked) { border-color: var(--tj-color-theme-primary); background: var(--tj-color-theme-bg-2); }
.tema-test-sik:has(input:focus-visible) { outline: 2px solid var(--tj-color-theme-primary); outline-offset: 2px; }
.tema-test-harf { display: inline-flex; flex: 0 0 30px; height: 30px; align-items: center; justify-content: center; border: 1px solid var(--tj-color-border-1); border-radius: 50%; font-weight: 600; color: var(--tj-color-heading-primary); }
.tema-test-sik:has(input:checked) .tema-test-harf { border-color: var(--tj-color-theme-primary); background: var(--tj-color-theme-primary); color: var(--tj-color-common-white); }
.tema-test-sik-metin { flex: 1 1 auto; min-width: 0; padding-top: 3px; overflow-wrap: anywhere; }
.tema-test-sik.dogru { border-color: #7cc79a; background: #e8f6ee; }
.tema-test-sik.dogru .tema-test-harf { border-color: #186a3b; background: #186a3b; color: #fff; }
.tema-test-sik.yanlis { border-color: #f3c1bd; background: #fdecec; }
.tema-test-sik.yanlis .tema-test-harf { border-color: #b3261e; background: #b3261e; color: #fff; }
.tema-test-soru--dogru .tema-test-sik, .tema-test-soru--yanlis .tema-test-sik, .tema-test-soru--bos .tema-test-sik { cursor: default; }
.tema-test-bosalt { margin-top: 10px; padding: 0; border: 0; background: none; color: var(--tj-color-text-body); font-size: 14px; text-decoration: underline; cursor: pointer; }
.tema-test-bosalt[hidden] { display: none; }
.tema-test-cozum { margin-top: 16px; padding: 14px 16px; border-radius: 12px; background: var(--tj-color-theme-bg-2); }
.tema-test-cozum strong { display: block; margin-bottom: 6px; color: var(--tj-color-heading-primary); }
.tema-test-cozum a { display: inline-block; margin-top: 8px; color: var(--tj-color-theme-primary); font-weight: 500; }
/* F22.6 havuz sorusu içeriği (HTML + KaTeX, js/soru-goster.js): tablo/blok formül dar ekranda kendi içinde kayar, sayfayı taşırmaz */
.tema-test [data-katex] > :first-child { margin-top: 0; }
.tema-test [data-katex] > :last-child { margin-bottom: 0; }
.tema-test [data-katex] p { margin: 0 0 8px; color: inherit; font-size: inherit; line-height: inherit; }
.tema-test [data-katex] ul, .tema-test [data-katex] ol { margin: 0 0 8px; padding-left: 22px; }
.tema-test [data-katex] ul { list-style: disc; }
.tema-test [data-katex] ol { list-style: decimal; }
.tema-test [data-katex] img { display: block; max-width: 100%; height: auto; margin: 8px 0; }
.tema-test [data-katex] figure { margin: 8px 0; }
.tema-test [data-katex] figcaption { margin-top: 4px; font-size: 14px; color: var(--tj-color-text-body); }
.tema-test [data-katex] table { display: block; width: max-content; max-width: 100%; margin: 8px 0; overflow-x: auto; border-collapse: collapse; font-size: .94em; }
.tema-test [data-katex] th, .tema-test [data-katex] td { padding: 5px 10px; border: 1px solid var(--tj-color-border-1); text-align: center; }
.tema-test [data-katex] th { background: var(--tj-color-theme-bg-2); font-weight: 600; }
.tema-test [data-katex] .katex { font-size: 1.08em; }
.tema-test [data-katex] .katex-display { margin: 8px 0; padding: 2px 0; overflow-x: auto; overflow-y: hidden; }
.tema-test-sik-metin[data-katex] .katex-display { margin: 2px 0; text-align: left; }
.tema-test-sik-metin[data-katex] .katex-display > .katex { text-align: left; }
.tema-test-ozet--dogru span { color: #186a3b !important; }
.tema-test-ozet--yanlis span { color: #b3261e !important; }
.tema-test-ozet--net span { color: var(--tj-color-theme-primary) !important; }
.tema-test-konu { width: 100%; font-size: 14px; }
.tema-test-konu th, .tema-test-konu td { padding: 6px 4px; border-bottom: 1px solid var(--tj-color-border-1); }
.tema-test-konu th:not(:first-child), .tema-test-konu td:not(:first-child) { width: 32px; text-align: center; }
.tema-test-eylemler { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; }
/* ≤ 991: js/test-coz.js paneli body'ye taşır (ScrollSmoother içinde fixed/sticky çalışmaz) → alt çubuk */
.tema-test-panel--masaustu { position: fixed; z-index: 1000; max-height: calc(100vh - 140px); overflow-y: auto; }
.tema-test-panel-yer { min-height: 1px; }
.tema-test-panel--mobil { position: fixed; left: 12px; right: 12px; bottom: 12px; top: auto; z-index: 1000; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 14px; }
.tema-test-panel--mobil .tema-test-sayac { margin: 0; padding: 6px 10px; font-size: 18px; }
.tema-test-panel--mobil .tema-test-ilerleme { margin: 0; font-size: 14px; text-align: left; }
.tema-test-panel--mobil .tema-test-optik { display: none; }
.tema-test-panel--mobil .tema-test-uyari { grid-column: 1 / -1; margin: 0; }
.tema-test-panel--mobil .tema-test-bitir { width: auto; padding: 8px 14px; }
.tema-test-panel--mobil .tema-test-bitir .btn-icon { display: none; }
@media (max-width: 991px) { .tema-test-coz { padding-bottom: 80px; } }
@media (max-width: 575px) { .tema-test-soru { padding: 16px; } .tema-test-metin { font-size: 16px; } }
/* Baskı (F22.6): sayaç paneli ve düğmeler basılmaz, soru sayfa arasında bölünmez, tablolar/formüller kırpılmaz */
@media print {
  .tema-test-panel, .tema-test-bosalt, .tema-test-eylemler, .tema-test-basla { display: none !important; }
  .tema-test .col-lg-8 { flex: 0 0 100%; max-width: 100%; }
  .tema-test-coz { padding-bottom: 0; }
  .tema-test-soru { break-inside: avoid; padding: 12px 0; border: 0; border-bottom: 1px solid #999; border-radius: 0; }
  .tema-test-sik { padding: 4px 0; border: 0; background: none !important; }
  .tema-test-sik.dogru .tema-test-harf { outline: 2px solid #186a3b; }
  .tema-test [data-katex] table, .tema-test [data-katex] .katex-display { overflow: visible; max-width: none; }
}
/* ≤ 991: hesap menüsü yatay tek satır (içerik ve "devam et" ilk ekranda kalsın) */
@media (max-width: 991px) { .tema-hesabim-menu { display: flex; align-items: center; gap: 4px; padding: 8px; overflow-x: auto; border-radius: 14px; } .tema-hesabim-kisi { display: none; } .tema-hesabim-menu nav { display: flex; flex: 0 0 auto; gap: 4px; } .tema-hesabim-menu nav a, .tema-hesabim-cikis { width: auto; padding: 8px 12px; white-space: nowrap; } .tema-hesabim-menu form { flex: 0 0 auto; } .tema-hesabim-cikis { margin-top: 0; } }
@media (max-width: 767px) { .tema-hesabim-ozet { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575px) { .tema-hesabim-ozet { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .tema-hesabim-ozet > div { padding: 12px 14px; } .tema-hesabim-ozet span { font-size: 18px; } .tema-hesabim-devam .tj-btn-primary { width: 100%; justify-content: center; } }
@media (max-width: 991px) { .tema-ders-liste { position: static; max-height: none; } }

/* Paket detayı: ders / doküman listesi (tema stilleri yalnız .tj-course-accordion-content içinde çalışıyor) */
.tema-paket-detay .tj-course-curriculum-title-wrap { margin-bottom: 20px; }
.tema-paket-detay .curriculum-title-meta { padding: 5px 14px; border-radius: 50px; background: var(--tj-color-theme-bg-2); border: 1px solid var(--tj-color-border-2); color: var(--tj-color-heading-primary); font-size: 14px; font-weight: 500; }
.tema-paket-detay .tj-course-curriculum-inner { overflow: hidden; border: 1px solid var(--tj-color-border-3); border-radius: 18px; background: var(--tj-color-common-white); box-shadow: 0 15px 30px var(--tj-color-shadow-1); }
.tema-paket-detay .course-content-lists { margin: 0; padding: 0; list-style: none; }
.tema-paket-detay .course-content-lists .tutor-course-content-list-item { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 16px 22px; border-top: 1px solid var(--tj-color-border-3); transition: background-color .25s; }
.tema-paket-detay .course-content-lists .tutor-course-content-list-item:first-child { border-top: 0; }
.tema-paket-detay .course-content-lists .tutor-course-content-list-item:hover { background: var(--tj-color-theme-bg-2); }
.tema-paket-detay .course-content-left { display: flex; align-items: center; gap: 14px; flex: 1 1 auto; min-width: 0; }
.tema-paket-detay .course-content-right { display: flex; align-items: center; gap: 10px; flex: 0 0 auto; }
.tema-paket-detay .course-sira { flex: 0 0 24px; color: var(--tj-color-text-body); font-size: 13px; font-weight: 600; letter-spacing: .02em; opacity: .7; }
.tema-paket-detay .course-icon { display: flex; align-items: center; justify-content: center; flex: 0 0 40px; width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--tj-color-border-2); background: var(--tj-color-theme-bg-2); color: var(--tj-color-theme-primary); font-size: 16px; }
.tema-paket-detay .course-baslik { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.tema-paket-detay .course-content-lists .tutor-course-content-list-item-title { margin: 0; color: var(--tj-color-heading-primary); font-family: var(--tj-ff-body); font-size: 16px; font-weight: 500; line-height: 1.4; letter-spacing: .01em; overflow-wrap: anywhere; }
.tema-paket-detay .course-duration { display: inline-flex; align-items: center; gap: 5px; color: var(--tj-color-text-body); font-size: 13px; }
.tema-paket-detay .course-duration i { font-size: 13px; }
.tema-paket-detay .course-lock { display: inline-flex; color: var(--tj-color-text-body); opacity: .6; }
.tema-paket-detay .course-kilit-yazi { color: var(--tj-color-text-body); font-size: 13px; opacity: .75; }
/* Kilitli ders: soluk değil, yalnız ikon/başlık sakin */
.tema-paket-detay .tutor-course-content-list-item.locked .course-icon { background: transparent; color: var(--tj-color-text-body); opacity: .6; }
.tema-paket-detay .tutor-course-content-list-item.locked .tutor-course-content-list-item-title { color: var(--tj-color-text-body); }
/* Demo ders: vurgulu satır */
.tema-paket-detay .tutor-course-content-list-item.tema-ders-demo { position: relative; background: color-mix(in srgb, var(--tj-color-theme-primary) 6%, var(--tj-color-common-white)); }
.tema-paket-detay .tutor-course-content-list-item.tema-ders-demo::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--tj-color-theme-primary); }
.tema-paket-detay .tutor-course-content-list-item.tema-ders-demo .course-icon { border-color: var(--tj-color-theme-primary); background: var(--tj-color-theme-primary); color: var(--tj-color-common-white); box-shadow: 0 0 0 5px color-mix(in srgb, var(--tj-color-theme-primary) 15%, transparent); }
.tema-paket-detay .preview-badge { display: inline-flex; align-items: center; gap: 6px; padding: 8px 16px; border: 1px solid var(--tj-color-theme-primary); border-radius: 50px; background: var(--tj-color-theme-primary); color: var(--tj-color-common-white); font-size: 14px; font-weight: 600; line-height: 1; white-space: nowrap; transition: transform .2s, box-shadow .2s, background-color .2s, color .2s; }
.tema-paket-detay .preview-badge:hover { color: var(--tj-color-common-white); transform: translateY(-1px); box-shadow: 0 8px 18px color-mix(in srgb, var(--tj-color-theme-primary) 35%, transparent); }
.tema-paket-detay .preview-badge i { font-size: 12px; }
/* Paketi almış öğrenci: satırın tamamı ders sayfasına bağlantı */
.tema-paket-detay .tutor-course-content-list-item.tema-ders-acik { position: relative; cursor: pointer; }
.tema-paket-detay .tema-ders-link { color: inherit; }
.tema-paket-detay .tema-ders-link::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.tema-paket-detay .tema-ders-link:focus-visible { outline: none; }
.tema-paket-detay .tema-ders-acik:has(.tema-ders-link:focus-visible) { outline: 2px solid var(--tj-color-theme-primary); outline-offset: -2px; }
.tema-paket-detay .tema-ders-acik .course-icon { transition: background-color .2s, color .2s; }
.tema-paket-detay .tema-ders-acik:hover .course-icon { border-color: var(--tj-color-theme-primary); background: var(--tj-color-theme-primary); color: var(--tj-color-common-white); }
.tema-paket-detay .tema-ders-acik:hover .tutor-course-content-list-item-title { color: var(--tj-color-theme-primary); }
.tema-paket-detay .tema-ders-izle { display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px; border: 1px solid var(--tj-color-border-2); border-radius: 50px; background: var(--tj-color-theme-bg-2); color: var(--tj-color-theme-primary); font-size: 14px; font-weight: 600; line-height: 1; white-space: nowrap; transition: background-color .2s, color .2s; }
.tema-paket-detay .tema-ders-izle i { font-size: 11px; transition: transform .2s; }
.tema-paket-detay .tema-ders-acik:hover .tema-ders-izle { border-color: var(--tj-color-theme-primary); background: var(--tj-color-theme-primary); color: var(--tj-color-common-white); }
.tema-paket-detay .tema-ders-acik:hover .tema-ders-izle i { transform: translateX(3px); }
/* Doküman listesi: rozet başlığın yanında, daha hafif */
.tema-paket-dokumanlar .preview-badge { padding: 5px 12px; background: transparent; color: var(--tj-color-theme-primary); font-size: 13px; }
.tema-paket-dokumanlar .preview-badge:hover { background: var(--tj-color-theme-primary); }
@media (max-width: 575px) {
  .tema-paket-detay .course-content-lists .tutor-course-content-list-item { flex-wrap: wrap; padding: 14px 16px; gap: 10px; }
  .tema-paket-detay .course-sira { display: none; }
  .tema-paket-detay .course-icon { flex-basis: 36px; width: 36px; height: 36px; }
  .tema-paket-detay .course-content-right { padding-left: 50px; }
  .tema-paket-detay .course-kilit-yazi, .tema-paket-mufredat .locked .course-content-right { display: none; }
  .tema-paket-dokumanlar .course-content-left { flex-wrap: wrap; }
}

/* Paket detayı: ücretsiz önizleme penceresi (F8.13) */
.tema-paket-onizle { border: 0; cursor: pointer; }
.tema-onizleme { position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(10, 10, 20, .75); }
.tema-onizleme[hidden] { display: none; }
.tema-onizleme__kutu { width: min(960px, 100%); overflow: hidden; border-radius: 16px; background: #000; }
.tema-onizleme__bas { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 16px; background: #111; color: #fff; }
.tema-onizleme__bas button { border: 0; background: none; color: #fff; font-size: 28px; line-height: 1; cursor: pointer; }
.tema-onizleme__oynatici { position: relative; aspect-ratio: 16 / 9; }
.tema-onizleme__oynatici iframe, .tema-onizleme__oynatici video { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
/* F26 demo ders: girişsiz / doğrulanmamış üyeye çağrı */
.tema-onizleme__mesaj { padding: 32px 24px; background: #fff; text-align: center; }
.tema-onizleme__mesaj p { margin: 0 0 20px; color: var(--tj-color-heading-primary); font-size: 17px; }
.tema-onizleme__dugmeler { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.tema-onizleme [hidden] { display: none !important; }

/* Satış (F9) — sepet.php, odeme.php, hesabim-siparis.php, hesabim.php (siparişlerim), paket-detay.php (helpers/satis_sablon.php, js/satis.js) */
.tema-satis-kalemler { margin: 0 0 18px; padding: 0; list-style: none; display: grid; gap: 12px; }
.tema-satis-kalemler li { display: flex; align-items: center; gap: 14px; padding: 12px; border: 1px solid var(--tj-color-border-1); border-radius: 14px; }
.tema-satis-kalemler li.hatali { border-color: #f5c2c2; background: #fff8f8; }
.tema-satis-kalemler .tema-hesabim-paket-bilgi a { color: inherit; }
.tema-satis-kalemler .tema-hesabim-paket-bilgi a:hover { color: var(--tj-color-theme-primary); }
.tema-satis-fiyat { flex: 0 0 auto; text-align: right; font-weight: 600; color: var(--tj-color-heading-primary); white-space: nowrap; }
.tema-satis-fiyat del { display: block; font-size: 13px; font-weight: 400; color: var(--tj-color-text-body); }
.tema-satis-kaldir { display: inline-flex; width: 34px; height: 34px; align-items: center; justify-content: center; border: 1px solid var(--tj-color-border-1); border-radius: 50%; background: var(--tj-color-common-white); color: var(--tj-color-text-body); font-size: 12px; cursor: pointer; }
.tema-satis-kaldir:hover { border-color: #e57373; color: #c62828; }
.tema-satis-yan { position: sticky; top: calc(var(--tema-header-h, 108px) + 20px); }
.tema-satis-yan .tema-satis-kalemler li { padding: 8px; gap: 10px; }
.tema-satis-yan .tema-satis-kalemler .tema-hesabim-paket-gorsel { flex-basis: 52px; width: 52px; height: 40px; font-size: 16px; }
.tema-satis-yan .tema-satis-kalemler strong { font-size: 15px; line-height: 1.35; }
.tema-satis-ozet { margin: 0 0 18px; }
.tema-satis-ozet > div { display: flex; justify-content: space-between; gap: 10px; padding: 8px 0; border-bottom: 1px dashed var(--tj-color-border-1); }
.tema-satis-ozet dt { font-weight: 400; color: var(--tj-color-text-body); }
.tema-satis-ozet dd { margin: 0; font-weight: 500; color: var(--tj-color-heading-primary); white-space: nowrap; }
.tema-satis-ozet .indirim dd { color: #186a3b; }
.tema-satis-ozet .toplam { border-bottom: 0; padding-top: 14px; }
.tema-satis-ozet .toplam dt, .tema-satis-ozet .toplam dd { font-size: 20px; font-weight: 700; color: var(--tj-color-heading-primary); }
.tema-satis-ozet .kdv { border-bottom: 0; padding-top: 0; font-size: 13px; }
.tema-satis-ozet .kdv dd { font-weight: 400; color: var(--tj-color-text-body); }
.tema-satis-kupon { margin-bottom: 18px; }
.tema-satis-kupon label { display: block; margin-bottom: 6px; font-size: 14px; font-weight: 500; color: var(--tj-color-heading-primary); }
.tema-satis-kupon > div { display: flex; gap: 8px; }
.tema-satis-kupon input { flex: 1 1 auto; min-width: 0; height: 46px; padding: 0 14px; border: 1px solid var(--tj-color-border-1); border-radius: 10px; text-transform: uppercase; }
.tema-satis-kupon button { flex: 0 0 auto; height: 46px; padding: 0 16px; border: 0; border-radius: 10px; background: var(--tj-color-heading-primary); color: var(--tj-color-common-white); font-weight: 500; cursor: pointer; }
.tema-satis-kupon button:hover { background: var(--tj-color-theme-primary); }
.tema-satis-kupon-aktif { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 18px; padding: 10px 14px; border-radius: 10px; background: #e8f6ee; color: #186a3b; font-weight: 600; }
.tema-satis-not { display: flex; gap: 8px; margin: 14px 0 0; font-size: 13px; line-height: 1.5; color: var(--tj-color-text-body); }
.tema-satis-not i { margin-top: 3px; }
.tema-satis-bos { text-align: center; }
.tema-satis-bos > i { display: block; margin-bottom: 10px; font-size: 44px; color: var(--tj-color-theme-primary); }
.tema-satis .tj-login-form { max-width: none; }
.tema-satis-fatura { margin: 0; padding: 0; border: 0; min-width: 0; }
.tema-satis-fatura legend { margin-bottom: 14px; }
.tema-satis-sekme { display: inline-flex; gap: 4px; margin-bottom: 18px; padding: 4px; border-radius: 12px; background: var(--tj-color-theme-bg-2); }
.tema-satis-sekme label { position: relative; margin: 0; cursor: pointer; }
.tema-satis-sekme input { position: absolute; opacity: 0; pointer-events: none; }
.tema-satis-sekme span { display: block; padding: 8px 18px; border-radius: 9px; font-weight: 500; color: var(--tj-color-text-body); }
.tema-satis-sekme input:checked + span { background: var(--tj-color-common-white); color: var(--tj-color-theme-primary); box-shadow: 0 2px 8px var(--tj-color-shadow-1); }
.tema-satis-sekme input:focus-visible + span { outline: 2px solid var(--tj-color-theme-primary); outline-offset: 2px; }
.tema-satis-textarea { width: 100%; padding: 12px 16px; border: 1px solid var(--tj-color-border-1); border-radius: 12px; resize: vertical; }
.tema-satis-dosya { width: 100%; padding: 12px; border: 1px dashed var(--tj-color-border-1); border-radius: 12px; background: var(--tj-color-theme-bg-2); }
.tema-satis-yontem { display: flex; gap: 14px; padding: 16px; border: 2px solid var(--tj-color-theme-primary); border-radius: 14px; }
.tema-satis-yontem > i { font-size: 26px; color: var(--tj-color-theme-primary); }
.tema-satis-yontem p { margin: 4px 0 0; font-size: 14px; }
.tema-satis-durum { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; margin-bottom: 20px; padding-bottom: 16px; border-bottom: 1px solid var(--tj-color-border-1); color: var(--tj-color-text-body); font-size: 14px; }
.tema-satis-rozet { display: inline-block; padding: 4px 12px; border-radius: 20px; background: #eceff1; color: #546e7a; font-size: 13px; font-weight: 600; white-space: nowrap; }
.tema-satis-rozet--odeme_bekliyor { background: #fff4e0; color: #8a5300; }
.tema-satis-rozet--onay_bekliyor { background: #e3f0fb; color: #0d5391; }
.tema-satis-rozet--odendi { background: #e8f6ee; color: #186a3b; }
.tema-satis-rozet--iptal, .tema-satis-rozet--basarisiz { background: #fdecec; color: #a61b1b; }
.tema-satis-tutar { font-size: 22px; color: var(--tj-color-theme-primary); }
.tema-satis-bankalar { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; }
.tema-satis-banka { display: flex; flex-direction: column; gap: 2px; min-width: 0; padding: 16px; border: 1px solid var(--tj-color-border-1); border-radius: 14px; background: var(--tj-color-theme-bg-2); }
.tema-satis-banka strong { color: var(--tj-color-heading-primary); }
.tema-satis-banka small { color: var(--tj-color-text-body); }
.tema-satis-iban { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 6px; }
.tema-satis-iban code { font-size: 15px; color: var(--tj-color-heading-primary); background: none; padding: 0; overflow-wrap: anywhere; }
.tema-satis-iban button { padding: 3px 10px; border: 1px solid var(--tj-color-border-1); border-radius: 20px; background: var(--tj-color-common-white); font-size: 12px; cursor: pointer; }
.tema-satis-iban button:hover { border-color: var(--tj-color-theme-primary); color: var(--tj-color-theme-primary); }
.tema-satis-ara { margin-top: 30px; padding-top: 24px; border-top: 1px solid var(--tj-color-border-1); }
.tema-satis-kontrol { display: flex; gap: 14px; margin-bottom: 20px; padding: 18px; border-radius: 14px; background: #e3f0fb; color: #0d3c66; }
.tema-satis-kontrol.tamam { background: #e8f6ee; color: #135a31; }
.tema-satis-kontrol > i { font-size: 26px; }
.tema-satis-kontrol p { margin: 4px 0 0; }
.tema-satis-fatura-bilgi { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin: 18px 0 0; }
.tema-satis-fatura-bilgi a { color: var(--tj-color-theme-primary); text-decoration: underline; }
.tema-satis-gecmis { margin-top: 24px; font-size: 14px; }
.tema-satis-gecmis ul { margin: 0; padding-left: 18px; }
.tema-satis-sozlesme-kopya { border: 1px solid var(--tj-color-border-1, #e6e6ef); border-radius: 10px; padding: 10px 14px; margin-top: 8px; }
.tema-satis-sozlesme-kopya summary { cursor: pointer; font-weight: 600; }
.tema-satis-sozlesme-kopya .tema-icerik { margin-top: 10px; max-height: 420px; overflow: auto; overflow-wrap: anywhere; }
.tema-satis-sozlesme-kopya table { width: 100%; border-collapse: collapse; font-size: 13px; }
.tema-satis-sozlesme-kopya th, .tema-satis-sozlesme-kopya td { border: 1px solid var(--tj-color-border-1, #e6e6ef); padding: 4px 6px; text-align: left; }
.tema-satis-iptal { margin-top: 14px; text-align: center; }
.tema-satis-pencere { position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(10, 10, 20, .6); }
.tema-satis-pencere[hidden] { display: none; }
.tema-satis-pencere__kutu { display: flex; flex-direction: column; width: min(820px, 100%); max-height: calc(100vh - 32px); overflow: hidden; border-radius: 18px; background: var(--tj-color-common-white); }
.tema-satis-pencere__bas { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 16px 22px; border-bottom: 1px solid var(--tj-color-border-1); }
.tema-satis-pencere__bas h2 { margin: 0; }
.tema-satis-pencere__bas button { border: 0; background: none; font-size: 30px; line-height: 1; color: var(--tj-color-text-body); cursor: pointer; }
.tema-satis-pencere__govde { padding: 22px; overflow-y: auto; overscroll-behavior: contain; }
.tema-satis-sozlesme-ozet { margin-bottom: 22px; padding: 16px; border-radius: 12px; background: var(--tj-color-theme-bg-2); }
.tema-satis-sozlesme-ozet h3 { font-size: 18px; margin-bottom: 8px; }
.tema-satis-sozlesme-ozet table { width: 100%; margin: 10px 0; border-collapse: collapse; font-size: 14px; }
.tema-satis-sozlesme-ozet th, .tema-satis-sozlesme-ozet td { padding: 6px 8px; border-bottom: 1px solid var(--tj-color-border-1); text-align: left; }
.tema-satis-siparisler { margin: 0; padding: 0; list-style: none; display: grid; gap: 10px; }
.tema-satis-siparisler a { display: grid; grid-template-columns: 150px minmax(0, 1fr) auto auto; align-items: center; gap: 14px; padding: 14px; border: 1px solid var(--tj-color-border-1); border-radius: 14px; color: var(--tj-color-heading-primary); }
.tema-satis-siparisler a:hover { border-color: var(--tj-color-theme-primary); }
.tema-satis-siparis-no small { display: block; color: var(--tj-color-text-body); }
.tema-satis-siparis-paket { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--tj-color-text-body); }
.tema-satis-siparis-tutar { font-weight: 600; white-space: nowrap; }
.tema-paket-satin-al { display: grid; gap: 10px; }
.tema-paket-satin-al button { width: 100%; }
.tema-paket-erisim-var { display: flex; align-items: flex-start; gap: 10px; margin: 0 0 14px; padding: 12px 14px; border: 1px solid #bfe3cc; border-radius: 12px; background: #eefaf2; color: #186a3b; font-size: 14px; line-height: 1.45; }
.tema-paket-erisim-ikon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 22px; width: 22px; height: 22px; border-radius: 50%; background: #1f8a4c; color: #fff; font-size: 11px; }
.tj-btn-primary.tema-paket-derslere { margin: 0 0 12px; }
@media (max-width: 991px) { .tema-satis-yan { position: static; } }
@media (max-width: 575px) {
  .tema-satis-kalemler li { flex-wrap: wrap; }
  .tema-satis-kalemler .tema-hesabim-paket-bilgi { flex-basis: calc(100% - 140px); }
  .tema-satis-siparisler a { grid-template-columns: 1fr auto; }
  .tema-satis-siparis-paket { grid-column: 1 / -1; white-space: normal; }
  .tema-satis-sekme { display: flex; }
  .tema-satis-sekme label { flex: 1 1 0; text-align: center; }
}

/* Soru-cevap (F15.4) — hesabim.php › Sorularım, hesabim-paket.php soru kutusu */
.tema-soru-sor { margin-top: 24px; }
.tema-soru-sor-not { margin-bottom: 14px; color: var(--tj-color-text-body); font-size: 15px; }
.tema-soru-form textarea { width: 100%; padding: 14px 16px; border: 1px solid var(--tj-color-border-1); border-radius: 12px; background: var(--tj-color-common-white); color: var(--tj-color-heading-primary); resize: vertical; }
.tema-soru-form textarea:focus { border-color: var(--tj-color-theme-primary); outline: none; }
.tema-soru-form-alt { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-top: 14px; }
.tema-soru-liste { margin: 0; padding: 0; list-style: none; display: grid; gap: 16px; }
.tema-soru-oge { padding: 18px 20px; border: 1px solid var(--tj-color-border-1); border-left-width: 4px; border-radius: 14px; background: var(--tj-color-common-white); }
.tema-soru-bekliyor { border-left-color: #e0a300; }
.tema-soru-onayli { border-left-color: var(--tj-color-theme-primary); }
.tema-soru-iptal { border-left-color: #b3261e; }
.tema-soru-ust { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 10px; color: var(--tj-color-text-body); font-size: 14px; }
.tema-soru-durum { font-weight: 600; }
.tema-soru-bekliyor .tema-soru-durum { color: #8a6500; }
.tema-soru-onayli .tema-soru-durum { color: var(--tj-color-theme-primary); }
.tema-soru-iptal .tema-soru-durum { color: #b3261e; }
.tema-soru-metin { margin-bottom: 12px; color: var(--tj-color-heading-primary); }
.tema-soru-cevap { padding: 14px 16px; border-radius: 12px; background: var(--tj-color-theme-bg-2); }
.tema-soru-cevap strong { display: block; margin-bottom: 6px; color: var(--tj-color-heading-primary); }
.tema-soru-cevap p { margin: 0; color: var(--tj-color-text-body); }
.tema-soru-red { padding: 12px 16px; border-radius: 12px; background: #fdecec; color: #b3261e; font-size: 15px; }
.tema-soru-oge .tema-hesabim-paket-link { display: inline-block; margin-top: 12px; }

/* Soru-cevap olgunlaştırma (F14.2) — kota, ek dosya, yazışma, puanlama, benzer sorular */
.tema-soru-kota { display: inline-block; margin-left: 6px; color: var(--tj-color-theme-primary); }
.tema-soru-benzer { margin-top: 12px; padding: 12px 14px; border: 1px dashed var(--tj-color-border-1); border-radius: 12px; background: var(--tj-color-theme-bg-2); }
.tema-soru-benzer[hidden] { display: none; }
.tema-soru-benzer-baslik { margin: 0 0 8px; font-weight: 600; color: var(--tj-color-heading-primary); font-size: 14px; }
.tema-soru-benzer ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 6px; }
.tema-soru-benzer summary { cursor: pointer; color: var(--tj-color-heading-primary); font-size: 14px; }
.tema-soru-benzer p { margin: 6px 0 0; color: var(--tj-color-text-body); font-size: 14px; }
.tema-soru-ek { margin-top: 12px; }
.tema-soru-ek label { display: inline-flex; align-items: center; gap: 6px; margin-bottom: 6px; color: var(--tj-color-heading-primary); font-size: 14px; font-weight: 600; }
.tema-soru-ek input[type="file"] { display: block; max-width: 100%; font-size: 14px; }
.tema-soru-ek small { display: block; margin-top: 4px; color: var(--tj-color-text-body); font-size: 13px; }
.tema-soru-ekler { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0; }
.tema-soru-ekler img { width: 120px; height: 90px; border-radius: 8px; border: 1px solid var(--tj-color-border-1); object-fit: cover; }
.tema-soru-ek-dosya { display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; border: 1px solid var(--tj-color-border-1); border-radius: 8px; color: var(--tj-color-heading-primary); font-size: 14px; }
.tema-soru-ek-dosya:hover { border-color: var(--tj-color-theme-primary); }
.tema-soru-mesaj { margin-top: 10px; padding: 14px 16px; border-radius: 12px; background: var(--tj-color-theme-bg-2); }
.tema-soru-mesaj--ben { background: transparent; border: 1px solid var(--tj-color-border-1); }
.tema-soru-mesaj strong { display: block; margin-bottom: 6px; color: var(--tj-color-heading-primary); }
.tema-soru-mesaj p { margin: 0; color: var(--tj-color-text-body); }
.tema-soru-puan { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 12px; color: var(--tj-color-text-body); font-size: 14px; }
.tema-soru-puan span { margin-right: 4px; }
.tema-soru-puan button { padding: 2px 4px; border: 0; background: none; color: var(--tj-color-border-1); font-size: 18px; line-height: 1; cursor: pointer; }
.tema-soru-puan button:hover, .tema-soru-puan button:focus-visible { color: #e0a300; }
.tema-soru-puan-verildi { margin: 12px 0 0; color: var(--tj-color-text-body); font-size: 14px; }
.tema-soru-ek-form { margin-top: 14px; padding-top: 14px; border-top: 1px dashed var(--tj-color-border-1); }
.tema-soru-ek-form textarea { width: 100%; padding: 12px 14px; border: 1px solid var(--tj-color-border-1); border-radius: 10px; background: var(--tj-color-common-white); color: var(--tj-color-heading-primary); resize: vertical; }
.tema-soru-ek-form textarea:focus { border-color: var(--tj-color-theme-primary); outline: none; }
.tema-soru-ek-form input[type="file"] { max-width: 60%; font-size: 13px; }

/* Koçluk (F14.4) — /hesabim/kocluk */
.tema-koc-kart { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; padding: 18px 20px; border: 1px solid var(--tj-color-border-1); border-radius: 14px; margin-bottom: 20px; }
.tema-koc-kart img { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; }
.tema-koc-kart-bilgi { flex: 1 1 200px; }
.tema-koc-kart-bilgi strong { display: block; color: var(--tj-color-heading-primary); }
.tema-koc-kart-bilgi small { color: var(--tj-color-text-body); }
.tema-koc-gunler { display: grid; gap: 14px; }
.tema-koc-gun strong { display: block; margin-bottom: 8px; color: var(--tj-color-heading-primary); font-size: 15px; }
.tema-koc-slotlar { display: flex; flex-wrap: wrap; gap: 8px; }
.tema-koc-slot { padding: 8px 14px; border: 1px solid var(--tj-color-border-1); border-radius: 999px; background: var(--tj-color-common-white); color: var(--tj-color-heading-primary); font-size: 14px; cursor: pointer; }
.tema-koc-slot:hover { border-color: var(--tj-color-theme-primary); }
.tema-koc-slot.secili { border-color: var(--tj-color-theme-primary); background: var(--tj-color-theme-primary); color: var(--tj-color-common-white); }
.tema-koc-form { margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--tj-color-border-1); }
.tema-koc-form textarea, .tema-koc-form select { width: 100%; padding: 12px 14px; border: 1px solid var(--tj-color-border-1); border-radius: 10px; background: var(--tj-color-common-white); color: var(--tj-color-heading-primary); }
.tema-koc-liste { margin: 0; padding: 0; list-style: none; display: grid; gap: 12px; }
.tema-koc-oge { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 18px; border: 1px solid var(--tj-color-border-1); border-left-width: 4px; border-radius: 12px; }
.tema-koc-oge small { display: block; color: var(--tj-color-text-body); }
.tema-koc-planlandi { border-left-color: var(--tj-color-theme-primary); }
.tema-koc-tamamlandi { border-left-color: #2f9e63; }
.tema-koc-iptal, .tema-koc-gelmedi { border-left-color: #b3261e; }

/* Destek talepleri (F14.5) */
.tema-destek-liste { margin: 0; padding: 0; list-style: none; display: grid; gap: 12px; }
.tema-destek-oge { display: block; padding: 16px 18px; border: 1px solid var(--tj-color-border-1); border-radius: 12px; color: inherit; }
.tema-destek-oge:hover { border-color: var(--tj-color-theme-primary); }
.tema-destek-ust { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 6px; }
.tema-destek-no { color: var(--tj-color-text-body); font-size: 13px; font-variant-numeric: tabular-nums; }
.tema-destek-durum { padding: 3px 10px; border-radius: 999px; font-size: 12px; font-weight: 600; }
.tema-destek-durum--acik { background: #fff4e5; color: #8a4b00; }
.tema-destek-durum--yanit_bekliyor { background: #e7f1ff; color: #14509c; }
.tema-destek-durum--cozuldu { background: #e6f5ec; color: #1d6b3f; }
.tema-destek-durum--kapali { background: var(--tj-color-theme-bg-2); color: var(--tj-color-text-body); }
.tema-destek-yazisma { display: grid; gap: 14px; margin-bottom: 20px; }
.tema-destek-mesaj { padding: 14px 16px; border-radius: 12px; background: var(--tj-color-theme-bg-2); }
.tema-destek-mesaj--ben { border: 1px solid var(--tj-color-border-1); background: transparent; }
.tema-destek-mesaj strong { display: block; margin-bottom: 6px; color: var(--tj-color-heading-primary); }
.tema-destek-mesaj p { margin: 0; color: var(--tj-color-text-body); }
.tema-destek-mesaj time { display: block; margin-top: 6px; color: var(--tj-color-text-body); font-size: 12px; }

/* WhatsApp destek butonu (F14.6) */
.tema-whatsapp { position: fixed; right: 20px; bottom: 20px; z-index: 60; display: inline-flex; align-items: center; gap: 10px;
    padding: 12px 18px; border-radius: 999px; background: #25d366; color: #fff; font-weight: 600; text-decoration: none;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .18); }
.tema-whatsapp:hover, .tema-whatsapp:focus-visible { color: #fff; transform: translateY(-2px); }
.tema-whatsapp i { font-size: 20px; }
.tema-whatsapp small { display: block; font-weight: 400; font-size: 11px; opacity: .9; }
.tema-whatsapp--kapali { background: #6b7280; }
@media (max-width: 575px) {
    .tema-whatsapp { right: 14px; bottom: 76px; padding: 12px; }
    .tema-whatsapp span { display: none; }
    .tema-soru-ek-form input[type="file"] { max-width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .tema-whatsapp:hover { transform: none; } }

/* Koçluk (F14.4) — hesabim.php › Koçluk */
.tema-kocluk-koc { display: flex; align-items: center; gap: 14px; margin-bottom: 20px; }
.tema-kocluk-koc img { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; }
.tema-kocluk-koc small, .tema-kocluk-randevu small { display: block; color: var(--tj-color-text-body); font-size: 14px; }
.tema-kocluk-koc strong { color: var(--tj-color-heading-primary); font-size: 18px; }
.tema-kocluk-randevu { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 14px; margin-bottom: 20px; padding: 18px 20px; border-left: 4px solid var(--tj-color-theme-primary); border-radius: 14px; background: var(--tj-color-theme-bg-2); }
.tema-kocluk-randevu strong { display: block; color: var(--tj-color-heading-primary); font-size: 18px; }
.tema-kocluk-randevu span { color: var(--tj-color-text-body); font-size: 14px; }
.tema-kocluk-randevu p { margin: 8px 0 0; color: var(--tj-color-text-body); font-size: 14px; }
.tema-kocluk-iptal { display: flex; flex-wrap: wrap; gap: 8px; }
.tema-kocluk-iptal input { padding: 8px 12px; border: 1px solid var(--tj-color-border-1); border-radius: 10px; min-width: 200px; }
.tema-kocluk-iptal-dugme { padding: 8px 14px; border: 1px solid #b3261e; border-radius: 10px; background: transparent; color: #b3261e; font-size: 14px; font-weight: 600; cursor: pointer; }
.tema-kocluk-iptal-dugme:hover, .tema-kocluk-iptal-dugme:focus-visible { background: #b3261e; color: #fff; }
.tema-kocluk-not { color: var(--tj-color-text-body); font-size: 14px; }
.tema-kocluk-gunler { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 14px; margin: 14px 0 20px; }
.tema-kocluk-gun { margin: 0; padding: 12px 14px; border: 1px solid var(--tj-color-border-1); border-radius: 12px; }
.tema-kocluk-gun legend { float: none; width: auto; margin: 0 0 8px; padding: 0; font-size: 15px; font-weight: 600; color: var(--tj-color-heading-primary); }
.tema-kocluk-slot { display: inline-block; margin: 0 6px 6px 0; cursor: pointer; }
.tema-kocluk-slot input { position: absolute; opacity: 0; pointer-events: none; }
.tema-kocluk-slot span { display: inline-block; padding: 6px 10px; border: 1px solid var(--tj-color-border-1); border-radius: 8px; font-size: 14px; color: var(--tj-color-heading-primary); }
.tema-kocluk-slot input:checked + span { border-color: var(--tj-color-theme-primary); background: var(--tj-color-theme-primary); color: var(--tj-color-common-white); }
.tema-kocluk-slot input:focus-visible + span { outline: 2px solid var(--tj-color-theme-primary); outline-offset: 2px; }
.tema-kocluk-alanlar { display: grid; gap: 8px; max-width: 560px; margin-bottom: 18px; }
.tema-kocluk-alanlar label { font-weight: 600; color: var(--tj-color-heading-primary); font-size: 14px; }
.tema-kocluk-alanlar select, .tema-kocluk-alanlar textarea { width: 100%; padding: 10px 14px; border: 1px solid var(--tj-color-border-1); border-radius: 10px; background: var(--tj-color-common-white); }
.tema-kocluk-gecmis { margin: 0; padding: 0; list-style: none; display: grid; gap: 10px; }
.tema-kocluk-gecmis li { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 12px; padding: 12px 16px; border: 1px solid var(--tj-color-border-1); border-radius: 12px; }
.tema-kocluk-gecmis small { flex-basis: 100%; color: var(--tj-color-text-body); font-size: 13px; }
.tema-kocluk-durum { font-size: 14px; }
.tema-kocluk-durum--tamamlandi { color: var(--tj-color-theme-primary); }
.tema-kocluk-durum--iptal { color: #b3261e; }
.tema-kocluk-durum--gelmedi { color: #8a6500; }

/* Destek (F14.5) — destek.php, destek-takip.php, hesabim.php › Destek */
.tema-destek-not { color: var(--tj-color-text-body); font-size: 15px; }
/* Destek formu: açılır liste, metin kutusu ve dosya seçici temanın ikonlu kutularıyla aynı görünür */
.tema-destek-form .tema-uyelik-secim { height: 52px; padding: 0 48px 0 52px; border: 1px solid rgba(39, 47, 84, .1); border-radius: 60px; background: #faf8fe url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23434966' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 24px center; font-size: 16px; appearance: none; -webkit-appearance: none; cursor: pointer; }
.tema-destek-form .tema-destek-alan { width: 100%; min-height: 160px; padding: 16px 25px; border: 1px solid rgba(39, 47, 84, .1); border-radius: 24px; background: #faf8fe; color: var(--tj-color-heading-primary); font-size: 16px; resize: vertical; }
.tema-destek-form .tema-uyelik-secim:focus, .tema-destek-form .tema-destek-alan:focus { border-color: var(--tj-color-theme-primary); outline: none; }
.tema-destek-form .tema-soru-ek input[type="file"] { width: 100%; padding: 8px; border: 1px dashed rgba(39, 47, 84, .2); border-radius: 60px; background: #faf8fe; color: var(--tj-color-text-body); font-size: 15px; }
.tema-destek-form .tema-soru-ek input[type="file"]::file-selector-button { margin-right: 14px; padding: 8px 20px; border: 0; border-radius: 40px; background: var(--tj-color-theme-primary); color: var(--tj-color-common-white); font-weight: 600; cursor: pointer; }
.tema-destek-ust { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 10px; margin-bottom: 16px; }
.tema-destek-ust small { color: var(--tj-color-text-body); font-size: 14px; }
.tema-destek-ust h2 { margin: 4px 0 0; }
.tema-destek-durum { display: inline-block; padding: 4px 12px; border-radius: 999px; font-size: 13px; font-weight: 600; background: var(--tj-color-theme-bg-2); color: var(--tj-color-heading-primary); white-space: nowrap; }
.tema-destek-durum--acik { background: #fff4d6; color: #8a6500; }
.tema-destek-durum--yanit_bekliyor { background: #e3f0ff; color: #1d5fa8; }
.tema-destek-durum--cozuldu { background: #e3f6ea; color: #1e7a45; }
.tema-destek-durum--kapali { background: #eeeeee; color: #555; }
.tema-destek-yazisma { display: grid; gap: 10px; }
.tema-destek-mesaj strong small { margin-left: 8px; font-weight: 400; color: var(--tj-color-text-body); font-size: 13px; }
.tema-destek-yanit label { display: block; margin-bottom: 6px; font-weight: 600; color: var(--tj-color-heading-primary); font-size: 14px; }
.tema-destek-liste { margin: 0; padding: 0; list-style: none; display: grid; gap: 10px; }
.tema-destek-liste a { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px; padding: 14px 16px; border: 1px solid var(--tj-color-border-1); border-radius: 12px; color: var(--tj-color-heading-primary); }
.tema-destek-liste a:hover, .tema-destek-liste a:focus-visible { border-color: var(--tj-color-theme-primary); }
.tema-destek-liste small { display: block; color: var(--tj-color-text-body); font-size: 13px; }

/* WhatsApp destek butonu (F14.6) — header.php, #smooth-wrapper dışında; "yukarı çık" sağ altta olduğu için sol altta */
.tema-wa { position: fixed; inset-inline-start: 30px; bottom: 30px; z-index: 98; display: flex; align-items: center; gap: 10px; text-decoration: none; }
.tema-wa-ikon { display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 50%; background: #25d366; color: #fff; font-size: 26px; box-shadow: 0 8px 24px rgba(37, 211, 102, .35); transition: transform .2s ease; }
.tema-wa--disi .tema-wa-ikon { background: #6b7c72; box-shadow: 0 8px 24px rgba(0, 0, 0, .18); }
.tema-wa:hover .tema-wa-ikon, .tema-wa:focus-visible .tema-wa-ikon { transform: scale(1.06); }
.tema-wa:focus-visible { outline: none; }
.tema-wa:focus-visible .tema-wa-ikon { outline: 3px solid var(--tj-color-theme-primary); outline-offset: 3px; }
.tema-wa-balon { max-width: 240px; padding: 10px 14px; border-radius: 12px; background: var(--tj-color-common-white); box-shadow: 0 10px 30px var(--tj-color-shadow-1); color: var(--tj-color-heading-primary);
  opacity: 0; transform: translateX(-6px); pointer-events: none; transition: opacity .2s ease, transform .2s ease; }
.tema-wa-balon strong { display: block; font-size: 14px; }
.tema-wa-balon small { display: block; color: var(--tj-color-text-body); font-size: 13px; line-height: 1.4; }
.tema-wa:hover .tema-wa-balon, .tema-wa:focus-visible .tema-wa-balon { opacity: 1; transform: none; }
@media (max-width: 767px) { .tema-wa { inset-inline-start: 16px; bottom: 16px; } .tema-wa-ikon { width: 50px; height: 50px; font-size: 23px; } .tema-wa-balon { display: none; } }
@media print { .tema-wa { display: none; } }

/* Paket değerlendirmeleri (F16.2) — hesabim-paket.php formu, paket-detay.php özet + liste, paket kartı */
.tema-degerlendir h2 { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.tema-degerlendir-durum { padding: 2px 10px; border-radius: 999px; font-size: 12px; font-weight: 600; background: #fff4d6; color: #8a6500; }
.tema-degerlendir-durum--onaylandi { background: #e3f6ea; color: #1e7a45; }
.tema-degerlendir-durum--reddedildi { background: #fdecec; color: #b3261e; }
.tema-degerlendir-not { color: var(--tj-color-text-body); font-size: 14px; }
.tema-degerlendir-form label { display: block; margin: 12px 0 6px; font-weight: 600; font-size: 14px; color: var(--tj-color-heading-primary); }
.tema-degerlendir-form input[type="text"], .tema-degerlendir-form textarea { width: 100%; padding: 10px 14px; border: 1px solid var(--tj-color-border-1); border-radius: 10px; background: var(--tj-color-common-white); }
.tema-degerlendir-form input[type="text"]:focus, .tema-degerlendir-form textarea:focus { border-color: var(--tj-color-theme-primary); outline: none; }
/* Yıldız seçimi: radyolar 5→1 sıralı, sağdan sola doldurulur */
.tema-yildiz-sec { display: inline-flex; flex-direction: row-reverse; justify-content: flex-end; gap: 2px; margin: 0; padding: 0; border: 0; }
.tema-yildiz-sec legend { float: none; width: 100%; margin: 0 0 4px; font-size: 14px; font-weight: 600; color: var(--tj-color-heading-primary); }
.tema-yildiz-sec input { position: absolute; opacity: 0; pointer-events: none; }
.tema-yildiz-sec label { margin: 0 !important; padding: 2px; cursor: pointer; font-size: 26px; line-height: 1; color: var(--tj-color-border-1); }
.tema-yildiz-sec label:hover, .tema-yildiz-sec label:hover ~ label, .tema-yildiz-sec input:checked ~ label { color: #e0a300; }
.tema-yildiz-sec input:focus-visible + label { outline: 2px solid var(--tj-color-theme-primary); outline-offset: 2px; border-radius: 4px; }
.tema-puan-ozet { display: flex; flex-wrap: wrap; gap: 24px; align-items: center; margin-bottom: 24px; }
.tema-puan-ortalama { text-align: center; }
.tema-puan-ortalama strong { display: block; font-size: 44px; line-height: 1; color: var(--tj-color-heading-primary); }
.tema-puan-ortalama small { color: var(--tj-color-text-body); }
.tema-puan-dagilim { flex: 1 1 240px; margin: 0; padding: 0; list-style: none; display: grid; gap: 6px; }
.tema-puan-dagilim li { display: grid; grid-template-columns: 34px 1fr 30px; align-items: center; gap: 8px; font-size: 14px; color: var(--tj-color-text-body); }
.tema-puan-cubuk { height: 8px; border-radius: 4px; background: var(--tj-color-border-3); overflow: hidden; }
.tema-puan-cubuk span { display: block; height: 100%; background: #e0a300; }
.tema-degerlendirme-liste { margin: 0; padding: 0; list-style: none; display: grid; gap: 16px; }
.tema-degerlendirme-oge { padding: 18px 20px; border: 1px solid var(--tj-color-border-1); border-radius: 14px; }
.tema-degerlendirme-ust { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px; margin-bottom: 6px; color: var(--tj-color-text-body); font-size: 14px; }
.tema-degerlendirme-oge h3 { margin: 6px 0; font-size: 17px; }
.tema-degerlendirme-oge p { margin: 0; color: var(--tj-color-text-body); }
.tema-degerlendirme-oge .tema-soru-cevap { margin-top: 12px; }
.tema-kart-puan { display: inline-flex; align-items: center; gap: 4px; font-size: 14px; color: var(--tj-color-text-body); }
.tema-kart-puan i { color: #e0a300; }

/* Başarılarımız (F16.3) — basarilarimiz.php + ana sayfa bölümü */
.tema-basari-giris { max-width: 720px; color: var(--tj-color-text-body); }
.tema-basari-suzgec { display: grid; gap: 10px; margin: 20px 0 30px; }
.tema-basari-suzgec div { display: flex; flex-wrap: wrap; gap: 8px; }
.tema-basari-suzgec a { padding: 6px 14px; border: 1px solid var(--tj-color-border-1); border-radius: 999px; font-size: 14px; color: var(--tj-color-heading-primary); }
.tema-basari-suzgec a.aktif, .tema-basari-suzgec a:hover, .tema-basari-suzgec a:focus-visible { border-color: var(--tj-color-theme-primary); background: var(--tj-color-theme-primary); color: var(--tj-color-common-white); }
.tema-basari-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 24px; }
.tema-basari-ana .tema-basari-izgara { margin-top: 40px; }
.tema-basari-kart { display: flex; flex-direction: column; gap: 12px; padding: 24px; border: 1px solid var(--tj-color-border-3); border-radius: 20px; background: var(--tj-color-common-white); box-shadow: 0 10px 30px var(--tj-color-shadow-1); }
.tema-basari-ust { display: flex; align-items: center; gap: 14px; }
.tema-basari-ust img, .tema-basari-bas { flex: 0 0 64px; width: 64px; height: 64px; border-radius: 50%; object-fit: cover; }
.tema-basari-bas { display: inline-flex; align-items: center; justify-content: center; background: var(--tj-color-theme-bg-2); color: var(--tj-color-theme-primary); font-size: 26px; font-weight: 700; }
.tema-basari-ust h3 { margin: 0; }
.tema-basari-ust small { color: var(--tj-color-text-body); font-size: 14px; }
.tema-basari-bilgi { display: flex; gap: 24px; margin: 0; }
.tema-basari-bilgi dt { font-size: 13px; font-weight: 400; color: var(--tj-color-text-body); }
.tema-basari-bilgi dd { margin: 0; font-size: 22px; font-weight: 700; color: var(--tj-color-theme-primary); }
.tema-basari-kurum { margin: 0; font-weight: 600; color: var(--tj-color-heading-primary); font-size: 15px; }
.tema-basari-hikaye { margin: 0; color: var(--tj-color-text-body); font-size: 15px; }
.tema-basari-sayfa { display: flex; justify-content: space-between; margin-top: 30px; }

/* Aday / lead formu (F16.9) — modül, paket detayı yanı ve açılır pencere ortak */
.tema-aday { --aday-bosluk: 16px; }
.tema-aday-baslik { margin: 0 0 6px; }
.tema-aday-aciklama { margin: 0 0 16px; color: var(--tj-color-text-body); font-size: 15px; }
.tema-aday-alanlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--aday-bosluk); }
.tema-aday--sade .tema-aday-alanlar { grid-template-columns: 1fr; }
.tema-aday-genis { grid-column: 1 / -1; }
.tema-aday .form-input { display: flex; flex-direction: column; gap: 6px; }
.tema-aday .cf-label { font-size: 14px; font-weight: 500; color: var(--tj-color-heading-primary); }
.tema-aday input[type="text"], .tema-aday input[type="tel"], .tema-aday input[type="email"], .tema-aday textarea, .tema-aday select {
  width: 100%; padding: 12px 16px; border: 1px solid var(--tj-color-border-1); border-radius: 10px;
  background: var(--tj-color-common-white); color: var(--tj-color-heading-primary); font-size: 15px;
}
.tema-aday input:focus-visible, .tema-aday textarea:focus-visible, .tema-aday select:focus-visible { outline: 2px solid var(--tj-color-theme-primary); outline-offset: 1px; }
.tema-aday .tema-onay { font-size: 14px; }
.tema-aday-sonuc { margin: 10px 0 0; font-size: 14px; min-height: 1px; }
.tema-aday-sonuc--ok { color: var(--tj-color-theme-primary); }
.tema-aday-sonuc--hata { color: #d33; }
.tema-aday-yan .tema-aday { padding: 0; }
.tema-aday-popup .modal-content { border: 0; border-radius: 20px; padding: 8px; }
.tema-aday-popup__kapat { position: absolute; top: 14px; right: 14px; z-index: 2; }
@media (max-width: 575.98px) {
  .tema-aday-alanlar { grid-template-columns: 1fr; }
}

/* Tarih / saat / sayı girdileri — temanın taban kuralı yalnız text, email, tel, password, search, url ve textarea'yı kapsıyor;
   bu tipler stilsiz kalıp diğer alanlardan farklı görünüyordu (havale bildirimi "Ödeme tarihi", F9). */
input[type="date"],
input[type="datetime-local"],
input[type="time"],
input[type="month"],
input[type="number"] {
  width: 100%;
  height: auto;
  min-height: 52px;
  font-size: var(--tj-fs-body);
  font-family: inherit;
  color: var(--tj-color-heading-primary);
  background-color: var(--tj-color-theme-bg-10);
  border: 1px solid var(--tj-color-border-3);
  padding: 10px 25px;
  outline: none;
  box-shadow: 0 0 0;
  border-radius: 60px;
  appearance: none;
  -webkit-appearance: none;
}
input[type="date"]:focus,
input[type="datetime-local"]:focus,
input[type="time"]:focus,
input[type="month"]:focus,
input[type="number"]:focus { border-color: var(--tj-color-theme-primary); }

/* Takvim düğmesi sağda kalsın, sol ikonlu sarmalda metinle çakışmasın */
.input-icon-wrap input[type="date"],
.input-icon-wrap input[type="datetime-local"],
.input-icon-wrap input[type="time"],
.input-icon-wrap input[type="month"] { padding-inline-end: 44px; }
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="datetime-local"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator,
input[type="month"]::-webkit-calendar-picker-indicator { opacity: .65; cursor: pointer; }
input[type="date"]::-webkit-calendar-picker-indicator:hover { opacity: 1; }
/* Safari/iOS: boş tarih alanı dikey ortalanmıyor */
input[type="date"]::-webkit-date-and-time-value { text-align: start; }

/* F26.3 korumalı doküman görüntüleyici (dokuman-goruntule.php) + doküman listeleri */
.tema-dokuman__arac { position: sticky; top: 0; z-index: 5; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; margin-bottom: 12px; padding: 10px 14px; border: 1px solid var(--tj-color-border-1); border-radius: 12px; background: var(--tj-color-common-white); }
.tema-dokuman__geri { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; color: var(--tj-color-heading-primary); }
.tema-dokuman__bilgi { color: var(--tj-color-text-body); font-size: 15px; }
.tema-dokuman__dugmeler { display: flex; align-items: center; gap: 8px; }
.tema-dokuman__dugmeler button, .tema-dokuman__dugmeler a { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-width: 40px; height: 40px; padding: 0 12px; border: 1px solid var(--tj-color-border-1); border-radius: 10px; background: var(--tj-color-common-white); color: var(--tj-color-heading-primary); font-size: 18px; font-weight: 600; line-height: 1; }
.tema-dokuman__dugmeler a { font-size: 15px; background: var(--tj-color-theme-primary); border-color: var(--tj-color-theme-primary); color: var(--tj-color-common-white); }
.tema-dokuman__not { margin: 0 0 12px; font-size: 14px; color: var(--tj-color-text-body); }
.tema-dokuman__sayfalar { display: flex; flex-direction: column; align-items: center; gap: 16px; overflow-x: auto; padding: 16px 0; border-radius: 12px; background: #eef0f4; user-select: none; -webkit-user-select: none; }
.tema-dokuman__sayfa { max-width: none; background: #fff; box-shadow: 0 2px 10px rgba(20, 20, 40, .12); }
.tema-dokuman__sayfa canvas { display: block; }
.tema-dokuman__durum { margin: 40px 16px; color: var(--tj-color-text-body); }
.tema-dokuman__durum--hata { color: #b42318; }
@media print { .tema-dokuman { display: none !important; } }
.tema-dokuman-liste { margin: 0; padding: 0; list-style: none; }
.tema-dokuman-liste li { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--tj-color-border-1); }
.tema-dokuman-liste li:last-child { border-bottom: 0; }
.tema-dokuman-liste__ad { display: flex; align-items: flex-start; gap: 8px; min-width: 0; overflow-wrap: anywhere; color: var(--tj-color-heading-primary); }
.tema-dokuman-liste__ad small { display: block; color: var(--tj-color-text-body); }
.tema-dokuman-liste__ac { flex: none; font-weight: 600; white-space: nowrap; }
.tema-dokuman-liste .kilitli { opacity: .6; }

/* ==========================================================================
   Hesabım — ortak görünüm (29.09): ikonlu bölüm başlığı, karşılama bandı, kart satırlar,
   küçük çerçeveli düğme, liste ikon/ok. Eski sınıflar (testlerin kullandıkları) korunur, burada ezilir.
   ========================================================================== */
.tema-hesabim-sayfa .tema-bolum-baslik { display: flex; align-items: center; gap: 12px; }
.tema-hesabim-sayfa .tema-bolum-ikon { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 12px; background: var(--tj-color-theme-bg-9); color: var(--tj-color-theme-primary); font-size: 17px; }
.tema-hesabim-sayfa .tema-hesabim-kutu-bas { margin-bottom: 22px; }
.tema-hesabim-sayfa .tema-hesabim-kutu-bas a:not(.tj-btn-primary) { display: inline-flex; align-items: center; gap: 6px; padding: 7px 14px; border-radius: 30px; background: var(--tj-color-theme-bg-9); font-size: 14px; font-weight: 600; }
.tema-hesabim-sayfa .tema-hesabim-kutu-bas a:not(.tj-btn-primary):hover { background: var(--tj-color-theme-primary); color: #fff; }

/* Küçük çerçeveli düğme (Kaydı izle, Sonucu gör, Pakete git…) */
.tema-hesabim-sayfa .tema-kucuk-dugme { display: inline-flex; align-items: center; gap: 6px; padding: 8px 16px; border: 1px solid var(--tj-color-theme-primary); border-radius: 30px; background: transparent; color: var(--tj-color-theme-primary); font-size: 14px; font-weight: 600; line-height: 1.3; transition: background-color .25s, color .25s; }
.tema-hesabim-sayfa .tema-kucuk-dugme:hover, .tema-hesabim-sayfa .tema-kucuk-dugme:focus-visible { background: var(--tj-color-theme-primary); color: #fff; }
.tema-hesabim-sayfa .tema-soru-oge .tema-kucuk-dugme { margin-top: 16px; }

/* Panom karşılama bandı */
.tema-hesabim-sayfa .tema-hesabim-hos { position: relative; overflow: hidden; border: 0; background: linear-gradient(120deg, #2b1f63 0%, #5b2fb0 55%, #8a4fd8 100%); color: rgba(255, 255, 255, .85); }
.tema-hesabim-sayfa .tema-hesabim-hos::after { content: ""; position: absolute; top: -60px; right: -40px; width: 260px; height: 260px; border-radius: 50%; background: radial-gradient(circle, rgba(255, 196, 140, .35), transparent 70%); pointer-events: none; }
.tema-hesabim-sayfa .tema-hesabim-hos__ust { position: relative; z-index: 1; display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 24px; }
.tema-hesabim-sayfa .tema-hesabim-hos__ust small { color: rgba(255, 255, 255, .65); font-size: 13px; font-weight: 600; letter-spacing: .04em; }
.tema-hesabim-sayfa .tema-hesabim-hos h2 { margin: 4px 0 6px; color: #fff; }
.tema-hesabim-sayfa .tema-hesabim-hos p { margin: 0; color: rgba(255, 255, 255, .8); }
.tema-hesabim-sayfa .tema-hesabim-hos__hedef { display: inline-flex; flex: none; align-items: center; gap: 8px; padding: 8px 16px; border-radius: 30px; background: rgba(255, 255, 255, .14); color: #fff; font-size: 14px; font-weight: 600; }
.tema-hesabim-sayfa .tema-hesabim-hos .tema-hesabim-ozet { position: relative; z-index: 1; }
.tema-hesabim-sayfa .tema-hesabim-hos .tema-hesabim-ozet > div { display: flex; flex-direction: column; padding: 16px 18px; border: 1px solid rgba(255, 255, 255, .14); background: rgba(255, 255, 255, .1); }
.tema-hesabim-sayfa .tema-hesabim-hos .tema-hesabim-ozet i { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; margin-bottom: 10px; border-radius: 10px; background: rgba(255, 255, 255, .16); color: #fff; font-size: 15px; }
.tema-hesabim-sayfa .tema-hesabim-hos .tema-hesabim-ozet span { color: #fff; }
.tema-hesabim-sayfa .tema-hesabim-hos .tema-hesabim-ozet small { color: rgba(255, 255, 255, .7); }

/* Kaldığın yerden devam (panom) */
.tema-hesabim-sayfa .tema-hesabim-devam { border: 0; background: linear-gradient(90deg, rgba(114, 62, 195, .08), rgba(255, 196, 140, .14)), var(--tj-color-common-white); }
.tema-hesabim-sayfa .tema-hesabim-devam-ikon { border-radius: 50%; background: var(--tj-color-theme-primary); color: #fff; box-shadow: 0 10px 24px -10px rgba(114, 62, 195, .7); }

/* Canlı ders ve deneme satırları */
.tema-hesabim-sayfa .tema-canli-liste { gap: 14px; }
.tema-hesabim-sayfa .tema-canli-oge { gap: 18px; padding: 16px 18px; border: 1px solid var(--tj-color-border-1); border-radius: 18px; background: var(--tj-color-common-white); transition: border-color .25s, box-shadow .25s; }
.tema-hesabim-sayfa .tema-canli-oge:hover { border-color: rgba(114, 62, 195, .35); box-shadow: 0 12px 28px -18px rgba(39, 47, 84, .35); }
.tema-hesabim-sayfa .tema-canli-oge.acik { border-color: var(--tj-color-theme-primary); background: linear-gradient(90deg, rgba(114, 62, 195, .07), transparent 60%), var(--tj-color-common-white); }
.tema-hesabim-sayfa .tema-canli-tarih { flex-basis: 62px; width: 62px; height: 66px; border-radius: 16px; background: linear-gradient(160deg, var(--tj-color-theme-primary), #9a63e6); box-shadow: 0 10px 22px -12px rgba(114, 62, 195, .8); }
.tema-hesabim-sayfa .tema-canli-tarih strong { font-size: 24px; line-height: 1; }
.tema-hesabim-sayfa .tema-canli-bilgi strong { margin-bottom: 3px; font-size: 17px; }
.tema-hesabim-sayfa .tema-canli-bilgi small { font-size: 14px; line-height: 1.5; }
.tema-hesabim-sayfa .tema-canli-bilgi .tema-canli-not { display: inline-block; margin-top: 6px; padding: 2px 10px; border-radius: 20px; background: var(--tj-color-theme-bg-9); color: var(--tj-color-theme-primary); font-size: 13px; font-weight: 600; }
.tema-hesabim-sayfa .tema-canli-eylem { gap: 10px; }
.tema-hesabim-sayfa .tema-canli-eylem > .tema-canli-not { padding: 6px 12px; border-radius: 20px; background: #f4f5f7; font-size: 13px; font-weight: 600; }
.tema-hesabim-sayfa .tema-test-ikon { flex-basis: 62px; width: 62px; height: 62px; border-radius: 16px; background: var(--tj-color-theme-bg-9); color: var(--tj-color-theme-primary); font-size: 22px; }
.tema-hesabim-sayfa .tema-canli-ipucu { display: flex; align-items: center; gap: 8px; padding: 10px 14px; border-radius: 12px; background: #f4f5f7; }
.tema-hesabim-sayfa .tema-canli-ipucu::before { content: "i"; display: inline-flex; flex: none; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; background: var(--tj-color-theme-primary); color: #fff; font-size: 12px; font-weight: 700; }

/* Sorularım: kart + konuşma balonları (eğitmen / sen) */
.tema-hesabim-sayfa .tema-soru-liste { gap: 18px; }
.tema-hesabim-sayfa .tema-soru-oge { padding: 22px 24px; border-width: 1px 1px 1px 5px; border-radius: 18px; background: var(--tj-color-common-white); }
.tema-hesabim-sayfa .tema-soru-ust { margin-bottom: 12px; }
.tema-hesabim-sayfa .tema-soru-ust small { font-size: 13px; }
.tema-hesabim-sayfa .tema-soru-durum { padding: 3px 12px; border-radius: 20px; background: var(--tj-color-theme-bg-9); font-size: 13px; }
.tema-hesabim-sayfa .tema-soru-bekliyor .tema-soru-durum { background: #fff4e5; }
.tema-hesabim-sayfa .tema-soru-iptal .tema-soru-durum { background: #fdecec; }
.tema-hesabim-sayfa .tema-soru-metin { font-size: 16px; font-weight: 500; line-height: 1.6; }
.tema-hesabim-sayfa .tema-soru-cevap, .tema-hesabim-sayfa .tema-soru-mesaj { position: relative; margin-top: 12px; padding: 16px 18px 16px 66px; border-radius: 16px; }
.tema-hesabim-sayfa .tema-soru-cevap { background: linear-gradient(90deg, rgba(114, 62, 195, .09), rgba(114, 62, 195, .03)); }
.tema-hesabim-sayfa .tema-soru-cevap::before, .tema-hesabim-sayfa .tema-soru-mesaj::before { position: absolute; top: 14px; left: 16px; display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; font-family: "edunex-icons"; font-size: 15px; line-height: 1; }
.tema-hesabim-sayfa .tema-soru-cevap::before { content: "\e911"; background: var(--tj-color-theme-primary); color: #fff; }
.tema-hesabim-sayfa .tema-soru-mesaj--ben::before { content: "\e95c"; background: var(--tj-color-theme-bg-9); color: var(--tj-color-theme-primary); }
.tema-hesabim-sayfa .tema-soru-cevap strong, .tema-hesabim-sayfa .tema-soru-mesaj strong { font-size: 15px; }
.tema-hesabim-sayfa .tema-soru-puan { padding: 10px 14px; border-radius: 12px; background: #f4f5f7; }
.tema-hesabim-sayfa .tema-soru-puan button { font-size: 20px; }
.tema-hesabim-sayfa .tema-soru-ek-form { padding-top: 16px; }
.tema-hesabim-sayfa .tema-soru-ek-form textarea { padding: 14px 20px; border: 1px solid rgba(39, 47, 84, .1); border-radius: 18px; background: #faf8fe; }
.tema-hesabim-sayfa .tema-soru-ek-form input[type="file"], .tema-hesabim-sayfa .tema-soru-ek input[type="file"] { max-width: 100%; padding: 6px; border: 1px dashed rgba(39, 47, 84, .2); border-radius: 40px; background: #faf8fe; color: var(--tj-color-text-body); font-size: 14px; }
.tema-hesabim-sayfa .tema-soru-ek-form input[type="file"]::file-selector-button, .tema-hesabim-sayfa .tema-soru-ek input[type="file"]::file-selector-button { margin-right: 12px; padding: 6px 16px; border: 0; border-radius: 30px; background: var(--tj-color-theme-primary); color: #fff; font-weight: 600; cursor: pointer; }
.tema-hesabim-sayfa .tema-soru-form-alt { gap: 12px; margin-top: 12px; }

/* Destek talepleri ve siparişler: ikonlu kart satır + sağda ok */
.tema-hesabim-sayfa .tema-liste-ikon { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 14px; background: var(--tj-color-theme-bg-9); color: var(--tj-color-theme-primary); font-size: 18px; }
.tema-hesabim-sayfa .tema-liste-ok { flex: none; color: var(--tj-color-text-body); transition: transform .25s, color .25s; }
.tema-hesabim-sayfa a:hover > .tema-liste-ok { transform: translateX(4px); color: var(--tj-color-theme-primary); }
.tema-hesabim-sayfa .tema-destek-liste { gap: 12px; }
.tema-hesabim-sayfa .tema-destek-liste a { flex-wrap: nowrap; gap: 16px; padding: 14px 18px; border-radius: 18px; background: var(--tj-color-common-white); transition: border-color .25s, box-shadow .25s; }
.tema-hesabim-sayfa .tema-destek-liste a:hover { box-shadow: 0 12px 28px -18px rgba(39, 47, 84, .35); }
.tema-hesabim-sayfa .tema-destek-liste__bilgi { flex: 1; min-width: 0; }
.tema-hesabim-sayfa .tema-destek-liste strong { display: block; color: var(--tj-color-heading-primary); font-size: 16px; }
.tema-hesabim-sayfa .tema-satis-siparisler { gap: 12px; }
.tema-hesabim-sayfa .tema-satis-siparisler a { grid-template-columns: auto 150px minmax(0, 1fr) auto auto auto; gap: 16px; padding: 14px 18px; border-radius: 18px; background: var(--tj-color-common-white); transition: border-color .25s, box-shadow .25s; }
.tema-hesabim-sayfa .tema-satis-siparisler a:hover { box-shadow: 0 12px 28px -18px rgba(39, 47, 84, .35); }
.tema-hesabim-sayfa .tema-satis-siparis-no strong { color: var(--tj-color-heading-primary); }
.tema-hesabim-sayfa .tema-satis-siparis-tutar { color: var(--tj-color-heading-primary); font-size: 16px; }

/* Profil: açılır liste diğer kutularla aynı, düğmeler içerik genişliğinde */
.tema-hesabim-sayfa .tj-login-form .tema-uyelik-secim { height: 52px; padding: 0 48px 0 52px; border: 1px solid rgba(39, 47, 84, .1); border-radius: 60px; background: #faf8fe url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23434966' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 24px center; font-size: 16px; appearance: none; -webkit-appearance: none; }
.tema-hesabim-sayfa .tj-login-form button.tj-btn-primary { width: auto; min-width: 200px; }

@media (max-width: 767px) {
  .tema-hesabim-sayfa .tema-hesabim-hos__ust { flex-direction: column; }
  .tema-hesabim-sayfa .tema-canli-oge { padding: 14px; }
  .tema-hesabim-sayfa .tema-canli-eylem { width: 100%; }
  .tema-hesabim-sayfa .tema-satis-siparisler a { grid-template-columns: auto minmax(0, 1fr) auto; }
  .tema-hesabim-sayfa .tema-satis-siparisler .tema-satis-siparis-paket { grid-column: 2 / -1; }
  .tema-hesabim-sayfa .tema-satis-siparisler .tema-liste-ok { display: none; }
  .tema-hesabim-sayfa .tema-soru-oge { padding: 18px; }
  .tema-hesabim-sayfa .tema-soru-cevap, .tema-hesabim-sayfa .tema-soru-mesaj { padding: 58px 18px 16px; }
}
@media (max-width: 575px) {
  .tema-hesabim-sayfa .tj-login-form button.tj-btn-primary { width: 100%; }
}
/* Hesabım: boş durum ve bilgi uyarısı */
.tema-hesabim-sayfa .tema-hesabim-kutu > p.mb-0 { display: flex; align-items: center; gap: 12px; padding: 18px 20px; border: 1px dashed rgba(114, 62, 195, .3); border-radius: 16px; background: rgba(114, 62, 195, .03); color: var(--tj-color-text-body); }
.tema-hesabim-sayfa .tema-hesabim-kutu > p.mb-0::before { content: "\e95e"; display: inline-flex; flex: none; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%; background: var(--tj-color-theme-bg-9); color: var(--tj-color-theme-primary); font-family: "edunex-icons"; font-size: 16px; }
.tema-hesabim-sayfa .col-lg-9 > .tema-uyelik-mesaj--bilgi { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin-bottom: 30px; padding: 16px 20px; border: 0; border-left: 4px solid #f2a93b; border-radius: 14px; background: #fff8ec; color: #6b4a00; font-weight: 500; }
.tema-hesabim-sayfa .col-lg-9 > .tema-uyelik-mesaj--bilgi a { padding: 4px 12px; border-radius: 20px; background: #f2a93b; color: #fff; font-weight: 600; text-decoration: none; }
@media (max-width: 767px) {
  .tema-hesabim-sayfa .tema-satis-siparisler a { grid-template-columns: auto minmax(0, 1fr); grid-template-areas: "ikon no" "ikon paket" "ikon tutar" "ikon rozet"; align-items: start; gap: 6px 14px; }
  .tema-hesabim-sayfa .tema-satis-siparisler .tema-liste-ikon { grid-area: ikon; }
  .tema-hesabim-sayfa .tema-satis-siparisler .tema-satis-siparis-no { grid-area: no; }
  .tema-hesabim-sayfa .tema-satis-siparisler .tema-satis-siparis-tutar { grid-area: tutar; }
  .tema-hesabim-sayfa .tema-satis-siparisler .tema-satis-siparis-paket { grid-area: paket; white-space: normal; }
  .tema-hesabim-sayfa .tema-satis-siparisler .tema-satis-rozet { grid-area: rozet; justify-self: start; }
  .tema-hesabim-sayfa .tema-soru-oge { min-width: 0; }
  .tema-hesabim-sayfa .tema-soru-form-alt input[type="file"] { flex: 1 1 100%; width: 100%; min-width: 0; }
}

/* Ana sayfa blog (index.php): öne çıkan yazı sayısına göre tema ızgarası — 1200px altında tema zaten tek sütun */
@media (min-width: 1200px) {
  .tj-blog-wrap-3.tema-blog-tek { grid-template-columns: 1fr; }
  .tj-blog-wrap-3.tema-blog-cok .blog-item:first-child { grid-row: 1 / span var(--blog-satir, 3); }
}

/* ==========================================================================
   Hesabım › Koçluk (F28) — yalnız hesabim.php (.tema-hesabim-sayfa), önek tema-kc-
   ========================================================================== */
.tema-hesabim-sayfa .tema-kc-hak { display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px; border-radius: 30px; background: #eef8f1; color: #1f7a45; font-size: 14px; font-weight: 600; }
.tema-hesabim-sayfa .tema-kc-aciklama { margin: -8px 0 22px; color: var(--tj-color-text-body); }

/* Hâl 1: tanıtım */
.tema-hesabim-sayfa .tema-kc-tanitim { padding: 40px; text-align: center; background: linear-gradient(160deg, rgba(114, 62, 195, .08), rgba(255, 196, 140, .14)), var(--tj-color-common-white); }
.tema-hesabim-sayfa .tema-kc-tanitim__ikon { display: inline-flex; align-items: center; justify-content: center; width: 72px; height: 72px; margin-bottom: 16px; border-radius: 22px; background: var(--tj-color-theme-primary); color: #fff; font-size: 30px; box-shadow: 0 14px 30px -14px rgba(114, 62, 195, .8); }
.tema-hesabim-sayfa .tema-kc-tanitim p { max-width: 560px; margin: 8px auto 20px; color: var(--tj-color-text-body); }
.tema-hesabim-sayfa .tema-kc-maddeler { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 22px; margin: 0 0 26px; padding: 0; list-style: none; color: var(--tj-color-heading-primary); font-weight: 500; }
.tema-hesabim-sayfa .tema-kc-maddeler i { margin-right: 6px; color: var(--tj-color-theme-primary); }

/* Hâl 2: koç kartları */
.tema-hesabim-sayfa .tema-kc-koclar { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 18px; }
.tema-hesabim-sayfa .tema-kc-koc { display: flex; flex-direction: column; gap: 12px; padding: 20px; border: 1px solid var(--tj-color-border-1); border-radius: 18px; background: var(--tj-color-common-white); transition: border-color .25s, box-shadow .25s, transform .25s; }
.tema-hesabim-sayfa .tema-kc-koc:hover { border-color: rgba(114, 62, 195, .4); box-shadow: 0 16px 34px -20px rgba(39, 47, 84, .4); transform: translateY(-2px); }
.tema-hesabim-sayfa .tema-kc-koc--pasif { opacity: .6; }
.tema-hesabim-sayfa .tema-kc-koc--pasif:hover { transform: none; box-shadow: none; }
.tema-hesabim-sayfa .tema-kc-koc__ust { display: flex; align-items: center; gap: 14px; }
.tema-hesabim-sayfa .tema-kc-koc__ust h3 { margin: 0; font-size: 18px; }
.tema-hesabim-sayfa .tema-kc-koc__ust small { color: var(--tj-color-text-body); font-size: 13px; }
.tema-hesabim-sayfa .tema-kc-avatar { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 58px; height: 58px; overflow: hidden; border-radius: 50%; background: var(--tj-color-theme-bg-9); color: var(--tj-color-theme-primary); font-size: 20px; font-weight: 700; }
.tema-hesabim-sayfa .tema-kc-avatar img { width: 100%; height: 100%; object-fit: cover; }
.tema-hesabim-sayfa .tema-kc-avatar--buyuk { width: 88px; height: 88px; font-size: 28px; box-shadow: 0 0 0 5px rgba(114, 62, 195, .12); }
.tema-hesabim-sayfa .tema-kc-dersler { display: flex; flex-wrap: wrap; gap: 6px; }
.tema-hesabim-sayfa .tema-kc-dersler span { padding: 2px 10px; border-radius: 20px; background: var(--tj-color-theme-bg-9); color: var(--tj-color-theme-primary); font-size: 12px; font-weight: 600; }
.tema-hesabim-sayfa .tema-kc-koc__tanitim { margin: 0; color: var(--tj-color-text-body); font-size: 14px; line-height: 1.6; }
.tema-hesabim-sayfa .tema-kc-koc__bilgi { display: grid; gap: 6px; margin: auto 0 0; padding: 12px 0 0; border-top: 1px dashed var(--tj-color-border-1); list-style: none; color: var(--tj-color-text-body); font-size: 13px; }
.tema-hesabim-sayfa .tema-kc-koc__bilgi i { margin-right: 6px; color: var(--tj-color-theme-primary); }
.tema-hesabim-sayfa .tema-kc-koc__dugme { width: 100%; justify-content: center; }
.tema-hesabim-sayfa .tema-kc-koc__durum { padding: 10px; border-radius: 30px; background: #f4f5f7; color: var(--tj-color-text-body); font-size: 14px; font-weight: 600; text-align: center; }

/* Hâl 3: koçum + hak kutusu */
.tema-hesabim-sayfa .tema-kc-kocum { display: flex; align-items: center; gap: 22px; }
.tema-hesabim-sayfa .tema-kc-kocum__bilgi { flex: 1; min-width: 0; }
.tema-hesabim-sayfa .tema-kc-kocum__bilgi small { color: var(--tj-color-theme-primary); font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.tema-hesabim-sayfa .tema-kc-kocum__bilgi h2 { margin: 2px 0; }
.tema-hesabim-sayfa .tema-kc-kocum__bilgi > span { color: var(--tj-color-text-body); font-size: 14px; }
.tema-hesabim-sayfa .tema-kc-kocum__bilgi p { margin: 8px 0 0; color: var(--tj-color-text-body); font-size: 14px; line-height: 1.6; }
.tema-hesabim-sayfa .tema-kc-hak-kutu { display: flex; flex: none; flex-direction: column; align-items: center; justify-content: center; min-width: 120px; padding: 16px; border-radius: 18px; background: linear-gradient(160deg, var(--tj-color-theme-primary), #9a63e6); color: rgba(255, 255, 255, .85); text-align: center; }
.tema-hesabim-sayfa .tema-kc-hak-kutu strong { color: #fff; font-size: 34px; line-height: 1; }
.tema-hesabim-sayfa .tema-kc-hak-kutu span { margin-top: 4px; font-size: 13px; }

/* Yaklaşan görüşme */
.tema-hesabim-sayfa .tema-kc-gorusme { display: flex; align-items: center; gap: 20px; }
.tema-hesabim-sayfa .tema-kc-gorusme--acik { border-color: var(--tj-color-theme-primary); background: linear-gradient(90deg, rgba(114, 62, 195, .08), transparent 70%), var(--tj-color-common-white); }
.tema-hesabim-sayfa .tema-kc-tarih { display: inline-flex; flex: none; flex-direction: column; align-items: center; justify-content: center; width: 70px; height: 76px; border-radius: 18px; background: linear-gradient(160deg, var(--tj-color-theme-primary), #9a63e6); color: #fff; box-shadow: 0 10px 22px -12px rgba(114, 62, 195, .8); }
.tema-hesabim-sayfa .tema-kc-tarih strong { font-size: 28px; line-height: 1; }
.tema-hesabim-sayfa .tema-kc-tarih small { font-size: 12px; text-transform: uppercase; opacity: .9; }
.tema-hesabim-sayfa .tema-kc-tarih--kucuk { width: 52px; height: 56px; border-radius: 14px; box-shadow: none; }
.tema-hesabim-sayfa .tema-kc-tarih--kucuk strong { font-size: 20px; }
.tema-hesabim-sayfa .tema-kc-gorusme__bilgi { flex: 1; min-width: 0; }
.tema-hesabim-sayfa .tema-kc-gorusme__bilgi small { color: var(--tj-color-theme-primary); font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.tema-hesabim-sayfa .tema-kc-gorusme__bilgi strong { display: block; margin: 2px 0 4px; color: var(--tj-color-heading-primary); font-size: 20px; }
.tema-hesabim-sayfa .tema-kc-gorusme__bilgi > span { color: var(--tj-color-text-body); font-size: 14px; }
.tema-hesabim-sayfa .tema-kc-gorusme__bilgi > span i { margin-right: 6px; color: var(--tj-color-theme-primary); }
.tema-hesabim-sayfa .tema-kc-not { margin: 10px 0 0; padding: 10px 14px; border-radius: 12px; background: #f4f5f7; color: var(--tj-color-text-body); font-size: 14px; }
.tema-hesabim-sayfa .tema-kc-gorusme__eylem { display: flex; flex: none; flex-direction: column; align-items: flex-end; gap: 10px; max-width: 260px; text-align: right; }
.tema-hesabim-sayfa .tema-kc-ipucu { color: var(--tj-color-text-body); font-size: 13px; line-height: 1.5; }
.tema-hesabim-sayfa .tema-kc-iptal summary { color: #b3261e; font-size: 14px; font-weight: 600; cursor: pointer; }
.tema-hesabim-sayfa .tema-kc-iptal form { display: grid; gap: 8px; margin-top: 10px; }
.tema-hesabim-sayfa .tema-kc-iptal input { padding: 8px 14px; border: 1px solid var(--tj-color-border-1); border-radius: 20px; font-size: 14px; }
.tema-hesabim-sayfa .tema-kc-iptal button { padding: 8px 14px; border: 1px solid #b3261e; border-radius: 20px; background: transparent; color: #b3261e; font-size: 14px; font-weight: 600; }
.tema-hesabim-sayfa .tema-kc-iptal button:hover { background: #b3261e; color: #fff; }

/* Boş / bilgi durumu */
.tema-hesabim-sayfa .tema-kc-bos { display: flex; align-items: center; gap: 16px; padding: 18px 20px; border: 1px dashed rgba(114, 62, 195, .3); border-radius: 16px; background: rgba(114, 62, 195, .03); }
.tema-hesabim-sayfa .tema-kc-bos > i { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; background: var(--tj-color-theme-bg-9); color: var(--tj-color-theme-primary); font-size: 18px; }
.tema-hesabim-sayfa .tema-kc-bos > div { flex: 1; }
.tema-hesabim-sayfa .tema-kc-bos strong { color: var(--tj-color-heading-primary); }
.tema-hesabim-sayfa .tema-kc-bos p { margin: 2px 0 0; color: var(--tj-color-text-body); font-size: 14px; }

/* Randevu formu: adımlar, gün sekmeleri, saat çipleri */
.tema-hesabim-sayfa .tema-kc-adim { display: flex; align-items: center; gap: 10px; margin: 18px 0 10px; color: var(--tj-color-heading-primary); font-weight: 600; }
.tema-hesabim-sayfa .tema-kc-adim span { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%; background: var(--tj-color-theme-primary); color: #fff; font-size: 13px; }
.tema-hesabim-sayfa .tema-kc-adim label { margin: 0; }
.tema-hesabim-sayfa .tema-kc-gunler { display: flex; gap: 10px; padding: 8px 8px 6px 0; overflow-x: auto; scrollbar-width: thin; }
.tema-hesabim-sayfa .tema-kc-gun { position: relative; display: flex; flex: none; flex-direction: column; align-items: center; min-width: 72px; padding: 10px 8px; border: 1px solid var(--tj-color-border-1); border-radius: 16px; background: var(--tj-color-common-white); color: var(--tj-color-heading-primary); line-height: 1.2; transition: border-color .2s, background-color .2s, color .2s; }
.tema-hesabim-sayfa .tema-kc-gun small { color: var(--tj-color-text-body); font-size: 12px; }
.tema-hesabim-sayfa .tema-kc-gun strong { font-size: 22px; }
.tema-hesabim-sayfa .tema-kc-gun em { position: absolute; top: -6px; right: -6px; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 10px; background: #1f7a45; color: #fff; font-size: 11px; font-style: normal; font-weight: 700; line-height: 20px; }
.tema-hesabim-sayfa .tema-kc-gun:hover { border-color: var(--tj-color-theme-primary); }
.tema-hesabim-sayfa .tema-kc-gun.secili { border-color: var(--tj-color-theme-primary); background: var(--tj-color-theme-primary); color: #fff; }
.tema-hesabim-sayfa .tema-kc-gun.secili small { color: rgba(255, 255, 255, .8); }
.tema-hesabim-sayfa .tema-kc-saatler { display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 10px; }
.tema-hesabim-sayfa .tema-kc-saatler[hidden] { display: none; }
.tema-hesabim-sayfa .tema-kc-saat { margin: 0; cursor: pointer; }
.tema-hesabim-sayfa .tema-kc-saat input { position: absolute; opacity: 0; pointer-events: none; }
.tema-hesabim-sayfa .tema-kc-saat span { display: flex; flex-direction: column; align-items: center; padding: 10px; border: 1px solid var(--tj-color-border-1); border-radius: 14px; color: var(--tj-color-heading-primary); font-size: 17px; font-weight: 600; transition: border-color .2s, background-color .2s, color .2s; }
.tema-hesabim-sayfa .tema-kc-saat span small { color: var(--tj-color-text-body); font-size: 12px; font-weight: 400; }
.tema-hesabim-sayfa .tema-kc-saat:hover span { border-color: var(--tj-color-theme-primary); }
.tema-hesabim-sayfa .tema-kc-saat input:checked + span { border-color: var(--tj-color-theme-primary); background: var(--tj-color-theme-primary); color: #fff; }
.tema-hesabim-sayfa .tema-kc-saat input:checked + span small { color: rgba(255, 255, 255, .8); }
.tema-hesabim-sayfa .tema-kc-saat input:focus-visible + span { outline: 2px solid var(--tj-color-theme-primary); outline-offset: 2px; }
.tema-hesabim-sayfa .tema-kc-randevu textarea { width: 100%; padding: 14px 20px; border: 1px solid rgba(39, 47, 84, .1); border-radius: 18px; background: #faf8fe; color: var(--tj-color-heading-primary); }
.tema-hesabim-sayfa .tema-kc-randevu textarea:focus { border-color: var(--tj-color-theme-primary); outline: none; }
.tema-hesabim-sayfa .tema-kc-randevu__alt { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-top: 18px; }
.tema-hesabim-sayfa .tema-kc-randevu__alt small { color: var(--tj-color-text-body); font-size: 13px; }
.tema-hesabim-sayfa .tema-kc-randevu__alt small i { margin-right: 6px; color: var(--tj-color-theme-primary); }

/* Geçmiş görüşmeler */
.tema-hesabim-sayfa .tema-kc-gecmis { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.tema-hesabim-sayfa .tema-kc-gecmis li { display: flex; align-items: center; gap: 14px; padding: 10px 14px; border: 1px solid var(--tj-color-border-1); border-radius: 16px; }
.tema-hesabim-sayfa .tema-kc-gecmis li > div { flex: 1; min-width: 0; }
.tema-hesabim-sayfa .tema-kc-gecmis li > div strong { display: block; color: var(--tj-color-heading-primary); }
.tema-hesabim-sayfa .tema-kc-gecmis li > div small { color: var(--tj-color-text-body); font-size: 13px; }
.tema-hesabim-sayfa .tema-kc-durum { flex: none; padding: 3px 12px; border-radius: 20px; background: #f4f5f7; color: var(--tj-color-text-body); font-size: 12px; font-weight: 600; }
.tema-hesabim-sayfa .tema-kc-durum--tamamlandi { background: #eef8f1; color: #1f7a45; }
.tema-hesabim-sayfa .tema-kc-durum--iptal { background: #fdecec; color: #b3261e; }
.tema-hesabim-sayfa .tema-kc-durum--gelmedi { background: #fff4e5; color: #8a4b00; }
.tema-hesabim-sayfa .tema-kc-degistir { margin: -10px 0 0; color: var(--tj-color-text-body); font-size: 14px; text-align: center; }
.tema-hesabim-sayfa .tema-kc-degistir a { color: var(--tj-color-theme-primary); font-weight: 600; }

@media (max-width: 767px) {
  .tema-hesabim-sayfa .tema-kc-tanitim { padding: 28px 20px; }
  .tema-hesabim-sayfa .tema-kc-kocum { flex-wrap: wrap; }
  .tema-hesabim-sayfa .tema-kc-hak-kutu { flex-direction: row; gap: 10px; width: 100%; }
  .tema-hesabim-sayfa .tema-kc-gorusme { flex-wrap: wrap; }
  .tema-hesabim-sayfa .tema-kc-gorusme__eylem { align-items: stretch; width: 100%; max-width: none; text-align: left; }
  .tema-hesabim-sayfa .tema-kc-gorusme__eylem .tj-btn-primary { justify-content: center; }
  .tema-hesabim-sayfa .tema-kc-bos { flex-wrap: wrap; }
}

/* Paket detayı › Koçlarımız (F28) */
.tema-paket-detay .tema-paket-kocluk-not { margin: -6px 0 20px; color: var(--tj-color-text-body); }
.tema-paket-detay .tema-paket-koc-tanitim { margin: 8px 0 0; color: var(--tj-color-text-body); font-size: 14px; line-height: 1.6; }