/* ==========================================================================
   W7 METİN DİLİ — İçerik biçimlendirme stilleri
   Renkler tasarım sisteminden gelir; içerik yazarı renk seçmez, anlam seçer.
   ========================================================================== */

/* ---- Okuma yüzeyi ---- */
.wt-rich{ font-size:15.5px; line-height:1.62; }
.wt-rich[data-read-size="large"]{ font-size:17.5px; }
.wt-rich[data-read-spacing="wide"]{ line-height:1.95; }
.wt-rich[data-read-spacing="wide"] .wt-p{ margin-bottom:16px; }

.wt-rich .wt-p{ margin:0 0 12px; }
.wt-rich > *:last-child{ margin-bottom:0; }

.wt-rich .wt-h3{
  font-family:var(--font-display,inherit);
  font-size:1.22em; font-weight:700; letter-spacing:-.01em;
  margin:22px 0 10px; color:#eaf3ff;
}
.wt-rich .wt-h4{
  font-size:1.06em; font-weight:700;
  margin:18px 0 8px; color:#cfe0f2;
}
.wt-rich .wt-hr{
  border:0; height:1px; margin:20px 0;
  background:linear-gradient(90deg,rgba(148,177,211,.30),rgba(148,177,211,0));
}
.wt-rich .wt-list{ margin:0 0 13px; padding-left:21px; }
.wt-rich .wt-list li{ margin-bottom:6px; }
.wt-rich .wt-list li::marker{ color:#35b5a8; font-weight:700; }

/* ---- Satır içi ---- */
.wt-rich strong{ color:#f2f8ff; font-weight:700; }
.wt-rich em{ color:#d7e6f7; }
.wt-rich .wt-mark{
  background:linear-gradient(180deg,transparent 58%,rgba(233,161,59,.34) 58%);
  color:inherit; padding:0 2px; border-radius:2px;
}
.wt-rich .wt-code{
  font-family:ui-monospace,monospace; font-size:.9em;
  background:rgba(148,177,211,.14); padding:2px 6px; border-radius:6px;
}

/* ---- Anlamsal bloklar ---- */
.wt-rich .wt-block{ margin:0 0 14px; }

.wt-rich .wt-emphasis{
  font-size:1.16em; font-weight:600; line-height:1.42;
  color:#f3faff;
  padding:12px 0 12px 16px;
  border-left:3px solid #35b5a8;
}

.wt-rich .wt-warning{
  display:flex; gap:11px; align-items:flex-start;
  padding:13px 15px; border-radius:14px;
  background:rgba(233,161,59,.11);
  border:1px solid rgba(233,161,59,.32);
  color:#f6e4c6;
}

.wt-rich .wt-quote{
  position:relative;
  margin:0 0 14px; padding:14px 18px 14px 44px;
  border-radius:14px; font-style:italic; line-height:1.55;
  background:rgba(139,92,246,.10);
  border:1px solid rgba(139,92,246,.26);
  color:#e6ddff;
}
.wt-rich .wt-quote::before{
  content:"❝"; position:absolute; left:15px; top:9px;
  font-size:24px; font-style:normal; color:rgba(167,139,250,.72);
}

.wt-rich .wt-action{
  display:flex; gap:11px; align-items:flex-start;
  padding:13px 15px; border-radius:14px; font-weight:600;
  background:rgba(53,181,168,.11);
  border:1px solid rgba(53,181,168,.34);
  color:#dbfaf5;
}

.wt-rich .wt-question{
  padding:14px 16px; border-radius:14px;
  background:rgba(148,177,211,.07);
  border:1px solid rgba(148,177,211,.22);
  font-weight:600; color:#e8f1fb;
}
.wt-rich .wt-answer-line{
  display:block; margin-top:12px; height:1px;
  background:repeating-linear-gradient(90deg,rgba(148,177,211,.42) 0 22px,transparent 22px 30px);
}

.wt-rich .wt-note{
  font-size:.92em; color:var(--muted,#92a6bf);
  padding-left:13px; border-left:2px solid rgba(148,177,211,.26);
}

.wt-rich .wt-block-icon{ flex:0 0 auto; font-size:1.05em; line-height:1.4; }

/* ---- Okuma ayarı çubuğu ---- */
.wt-reading-toolbar{
  display:flex; align-items:center; gap:7px; flex-wrap:wrap;
  margin-bottom:12px; padding-bottom:11px;
  border-bottom:1px solid rgba(148,177,211,.16);
  font-size:11.5px; color:var(--muted,#92a6bf);
}
.wt-reading-toolbar span{ letter-spacing:.05em; text-transform:uppercase; }
.wt-read-btn{
  min-width:36px; min-height:32px; padding:4px 11px;
  border-radius:9px; cursor:pointer; font-size:13px; font-weight:600;
  color:#c8d9ec; background:rgba(148,177,211,.10);
  border:1px solid rgba(148,177,211,.22);
}
.wt-read-btn.is-on{
  color:#0a1a2c; background:#35b5a8; border-color:#35b5a8;
}

/* ---- Editör araç çubuğu ---- */
.wt-editor-toolbar{
  display:flex; flex-wrap:wrap; gap:5px; align-items:center;
  margin-bottom:8px; padding:8px; border-radius:12px;
  background:rgba(148,177,211,.07);
  border:1px solid rgba(148,177,211,.18);
}
.wt-editor-toolbar button{
  padding:6px 11px; border-radius:9px; cursor:pointer;
  font-size:12.5px; font-weight:600; color:#cfe0f2;
  background:rgba(8,21,36,.72);
  border:1px solid rgba(148,177,211,.24);
}
.wt-editor-toolbar button:hover{ border-color:rgba(53,181,168,.55); color:#eaf7ff; }
.wt-editor-sep{ width:1px; height:22px; background:rgba(148,177,211,.24); margin:0 3px; }
.wt-editor-preview{
  margin-top:10px; padding:16px; border-radius:14px;
  background:rgba(8,21,36,.62);
  border:1px solid rgba(148,177,211,.20);
  max-height:420px; overflow:auto;
}
#mcontent{ font-family:ui-monospace,monospace; font-size:13.5px; line-height:1.6; }

@media (max-width:700px){
  .wt-rich{ font-size:15px; }
  .wt-rich .wt-emphasis{ font-size:1.1em; padding-left:13px; }
  .wt-editor-toolbar{ gap:4px; padding:7px; }
  .wt-editor-toolbar button{ padding:6px 9px; font-size:12px; }
}

/* ==========================================================================
   OKUMA DENEYİMİ OPTİMİZASYONU (v3.6.1)
   1) Satır uzunluğu 60-70 karaktere sınırlandı (okunabilirlik)
   2) İç kaydırma kaldırıldı: tek kaydırma = pencerenin kendisi
   3) Okuma ayarları çubuğu sadeleştirildi
   4) Alıntıda tırnak-metin çakışması giderildi
   5) Okuma ilerlemesi çizgisi
   ========================================================================== */

/* --- 1 & 2: ölçülü satır + tek kaydırma --- */
.wt-read-frame{ width:100%; }
.modal .wt-read-frame .txtcontent,
.modal .training-reading-surface.wt-rich{
  max-height:none!important;      /* iç kaydırma kapatıldı */
  overflow:visible!important;
  max-width:none!important;
  padding:22px 24px!important;
  white-space:normal!important;   /* zengin içerikte pre-wrap gerekmiyor */
}
/* Satır uzunluğu sınırı: metin bloğu ortalanır, pencere genişliği değişmez */
.wt-rich > *{
  max-width:68ch;
  margin-left:auto;
  margin-right:auto;
}
.wt-rich[data-read-size="large"] > *{ max-width:62ch; }
.wt-rich .wt-hr{ max-width:68ch; }

/* --- 3: okuma ayarları çubuğu sadeleşti --- */
.wt-reading-toolbar{
  justify-content:flex-end!important;
  gap:5px!important;
  margin-bottom:10px!important;
  padding-bottom:9px!important;
  font-size:10px!important;
  opacity:.72;
  transition:opacity .18s;
}
.wt-reading-toolbar:hover,
.wt-reading-toolbar:focus-within{ opacity:1; }
.wt-reading-toolbar span{ font-size:9.5px!important; letter-spacing:.08em!important; }
.wt-read-btn{
  min-width:30px!important; min-height:28px!important;
  padding:3px 9px!important; font-size:12px!important;
  background:transparent!important;
  color:#9db2cb!important;
  border-color:rgba(148,177,211,.22)!important;
}
.wt-read-btn.is-on{
  background:rgba(53,181,168,.12)!important;
  color:#4fd8c9!important;
  border-color:rgba(53,181,168,.55)!important;
}

/* --- 4: alıntıda tırnak çakışması --- */
.wt-rich .wt-quote{ padding:16px 20px 16px 52px!important; }
.wt-rich .wt-quote::before{ top:13px!important; left:17px!important; font-size:26px!important; }

/* --- 5: okuma ilerlemesi çizgisi --- */
.wt-read-progress{
  position:sticky; top:0; z-index:11;
  height:2px; margin:-4px -4px 10px;
  border-radius:2px;
  background:rgba(148,177,211,.16);
  overflow:hidden; opacity:0; transition:opacity .25s;
}
.wt-read-progress > i{
  display:block; height:100%; width:100%;
  transform:scaleX(0); transform-origin:left center;
  background:linear-gradient(90deg,#35b5a8,#7dd8ff);
  transition:transform .12s linear;
}

/* --- Blok zeminleri korunsun (dashboard.css'teki transparent ezmesine karşı) --- */
.training-reading-surface .wt-warning{ background:rgba(233,161,59,.11)!important; }
.training-reading-surface .wt-action{ background:rgba(53,181,168,.11)!important; }
.training-reading-surface .wt-quote{ background:rgba(139,92,246,.10)!important; }
.training-reading-surface .wt-question{ background:rgba(148,177,211,.07)!important; }
.training-reading-surface .wt-mark{
  background:linear-gradient(180deg,transparent 58%,rgba(233,161,59,.34) 58%)!important;
}
.training-reading-surface .wt-code{ background:rgba(148,177,211,.14)!important; }
.training-reading-surface .wt-list li::marker{ color:#35b5a8!important; }
.training-reading-surface .wt-emphasis{ border-left-color:#35b5a8!important; }

/* --- Mobil --- */
@media (max-width:700px){
  .modal .wt-read-frame .txtcontent,
  .modal .training-reading-surface.wt-rich{ padding:16px 15px!important; }
  .wt-rich > *{ max-width:none; }
  .wt-reading-toolbar{ font-size:9.5px!important; }
  .wt-rich .wt-quote{ padding:14px 15px 14px 44px!important; }
}

/* ==========================================================================
   MEDYA BLOKLARI (v3.7.0) — görsel · galeri · PDF · video
   ========================================================================== */
.wt-rich .wt-media{
  margin:0 0 18px;
  max-width:68ch;
  margin-left:auto; margin-right:auto;
}
.wt-rich .wt-media img{
  display:block; width:100%; height:auto;
  border-radius:14px; cursor:zoom-in;
  border:1px solid rgba(148,177,211,.22);
  background:rgba(148,177,211,.05);
  transition:transform .18s, border-color .18s;
}
.wt-rich .wt-media img:hover{ transform:scale(1.008); border-color:rgba(53,181,168,.45); }
.wt-rich .wt-media img:focus-visible{ outline:2px solid #35b5a8; outline-offset:3px; }
.wt-rich .wt-media figcaption{
  margin-top:8px; font-size:12.5px; line-height:1.45;
  color:var(--muted,#92a6bf); text-align:center;
}

/* Galeri: 2-3 görsel yan yana */
.wt-rich .wt-gallery-grid{ display:grid; gap:9px; grid-template-columns:1fr 1fr; }
.wt-rich .wt-gallery[data-count="3"] .wt-gallery-grid{ grid-template-columns:repeat(3,1fr); }
.wt-rich .wt-gallery[data-count="4"] .wt-gallery-grid{ grid-template-columns:repeat(2,1fr); }
.wt-rich .wt-gallery img{ aspect-ratio:4/3; object-fit:cover; }

/* Video */
.wt-rich .wt-video-frame{
  position:relative; width:100%; padding-top:56.25%;
  border-radius:14px; overflow:hidden; background:#06111f;
  border:1px solid rgba(148,177,211,.22);
}
.wt-rich .wt-video-frame iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }

/* PDF / belge kartı */
.wt-rich .wt-file{
  display:flex; align-items:center; gap:13px;
  max-width:68ch; margin:0 auto 16px;
  padding:14px 16px; border-radius:15px;
  text-decoration:none; color:inherit;
  background:rgba(148,177,211,.07);
  border:1px solid rgba(148,177,211,.24);
  transition:border-color .18s, background .18s, transform .18s;
}
.wt-rich .wt-file:hover{
  border-color:rgba(53,181,168,.55);
  background:rgba(53,181,168,.09);
  transform:translateY(-1px);
}
.wt-rich .wt-file-icon{
  flex:0 0 auto; display:grid; place-items:center;
  width:42px; height:42px; border-radius:12px; font-size:20px;
  background:rgba(233,161,59,.14);
}
.wt-rich .wt-file-copy{ flex:1 1 auto; min-width:0; }
.wt-rich .wt-file-copy b{ display:block; font-size:14.5px; margin-bottom:2px; }
.wt-rich .wt-file-copy small{ font-size:11.5px; color:var(--muted,#92a6bf); }
.wt-rich .wt-file-go{
  flex:0 0 auto; font-size:12.5px; font-weight:700; color:#4fd8c9;
  padding:6px 12px; border-radius:99px; background:rgba(53,181,168,.13);
}

/* Zemin korumaları (dashboard.css transparent ezmesine karşı) */
.training-reading-surface .wt-file{ background:rgba(148,177,211,.07)!important; }
.training-reading-surface .wt-file-icon{ background:rgba(233,161,59,.14)!important; }
.training-reading-surface .wt-file-go{ background:rgba(53,181,168,.13)!important; color:#4fd8c9!important; }
.training-reading-surface .wt-video-frame{ background:#06111f!important; }

/* Tam ekran görsel */
.wt-lightbox{
  position:fixed; inset:0; z-index:9999;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:12px; padding:26px;
  background:rgba(4,10,20,.94); cursor:zoom-out;
  animation:wtFadeIn .16s ease-out;
}
@keyframes wtFadeIn{ from{opacity:0} to{opacity:1} }
.wt-lightbox img{
  max-width:100%; max-height:82vh;
  border-radius:12px; object-fit:contain;
  box-shadow:0 24px 70px rgba(0,0,0,.6);
}
.wt-lightbox figcaption{ color:#cfe0f2; font-size:13.5px; text-align:center; max-width:640px; }
.wt-lightbox-close{
  position:absolute; top:16px; right:18px;
  width:44px; height:44px; border-radius:14px; cursor:pointer;
  font-size:24px; color:#eaf2ff;
  background:rgba(148,177,211,.14);
  border:1px solid rgba(148,177,211,.3);
}

@media (max-width:700px){
  .wt-rich .wt-media, .wt-rich .wt-file{ max-width:none; }
  .wt-rich .wt-gallery-grid,
  .wt-rich .wt-gallery[data-count="3"] .wt-gallery-grid{ grid-template-columns:1fr 1fr!important; gap:7px; }
  .wt-rich .wt-file{ padding:12px 13px; gap:11px; }
  .wt-rich .wt-file-icon{ width:38px; height:38px; font-size:18px; }
  .wt-rich .wt-file-go{ padding:5px 10px; font-size:12px; }
  .wt-lightbox{ padding:16px; }
}

/* ==========================================================================
   GÖRSEL BOYUTLARI (v3.7.1)
   ::s  küçük  — ekran görüntüsü, ikon, telefon çıktısı
   ::   orta   — varsayılan
   ::l  büyük  — tam genişlik, grafik/afiş
   ========================================================================== */
.wt-rich .wt-media.wt-size-s{ max-width:280px; }
.wt-rich .wt-media.wt-size-m{ max-width:480px; }
.wt-rich .wt-media.wt-size-l{ max-width:68ch; }

/* Boyut belirtilmemiş eski içerikler orta boyda görünsün */
.wt-rich .wt-media:not(.wt-size-s):not(.wt-size-m):not(.wt-size-l){ max-width:480px; }

/* Küçük görsellerde altyazı daha ölçülü */
.wt-rich .wt-media.wt-size-s figcaption{ font-size:11.5px; }

/* Galeriler daha geniş alan ister */
.wt-rich .wt-gallery.wt-size-s{ max-width:420px; }
.wt-rich .wt-gallery.wt-size-m{ max-width:600px; }

@media (max-width:700px){
  .wt-rich .wt-media.wt-size-s{ max-width:220px; }
  .wt-rich .wt-media.wt-size-m,
  .wt-rich .wt-media.wt-size-l,
  .wt-rich .wt-media:not(.wt-size-s){ max-width:none; }
}

/* ==========================================================================
   SES OYNATICI (v3.9.0) — ses:: bloğu
   Kendi HTML5 kontrolleri: oynat/duraklat, ilerleme çubuğu, süre.
   Native <audio controls> yerine sistemin görsel diline uyumlu tasarım.
   ========================================================================== */
.wt-rich .wt-audio{
  display:flex; align-items:center; gap:13px;
  max-width:68ch; margin:0 auto 16px;
  padding:14px 16px; border-radius:15px;
  background:rgba(148,177,211,.07);
  border:1px solid rgba(148,177,211,.24);
}
.wt-rich .wt-audio-icon{
  flex:0 0 auto; display:grid; place-items:center;
  width:44px; height:44px; border-radius:12px; font-size:19px;
  background:rgba(139,92,246,.14);
}
.wt-rich .wt-audio-body{ flex:1 1 auto; min-width:0; }
.wt-rich .wt-audio-body b{ display:block; font-size:14px; margin-bottom:7px; }
.wt-rich .wt-audio-controls{ display:flex; align-items:center; gap:10px; }
.wt-rich .wt-audio-play{
  flex:0 0 auto; width:34px; height:34px; border-radius:50%;
  border:0; cursor:pointer; font-size:13px;
  background:#35b5a8; color:#06111f;
  display:flex; align-items:center; justify-content:center;
}
.wt-rich .wt-audio-play:hover{ background:#4fd8c9; }
.wt-rich .wt-audio-seek{
  flex:1 1 auto; height:4px; -webkit-appearance:none; appearance:none;
  background:rgba(148,177,211,.24); border-radius:99px; outline:none; cursor:pointer;
}
.wt-rich .wt-audio-seek::-webkit-slider-thumb{
  -webkit-appearance:none; width:13px; height:13px; border-radius:50%;
  background:#35b5a8; cursor:pointer;
}
.wt-rich .wt-audio-seek::-moz-range-thumb{
  width:13px; height:13px; border-radius:50%; background:#35b5a8; border:0; cursor:pointer;
}
.wt-rich .wt-audio-time{ flex:0 0 auto; font-size:11px; color:var(--muted,#92a6bf); min-width:32px; }

.training-reading-surface .wt-audio{ background:rgba(148,177,211,.07)!important; }
.training-reading-surface .wt-audio-icon{ background:rgba(139,92,246,.14)!important; }

@media (max-width:700px){
  .wt-rich .wt-audio{ max-width:none; padding:12px 13px; gap:10px; }
  .wt-rich .wt-audio-icon{ width:38px; height:38px; font-size:17px; }
}