/* EK Haber — Sesli Okuma eklentisi · © 2026 Engin Koçali · https://ekbilisim.com */
.tts-btn { display: inline-flex; align-items: center; gap: 6px; margin: 0; padding: 4px 11px 4px 9px; border: 1px solid color-mix(in srgb, var(--main, #da171e) 35%, transparent); border-radius: 999px; background: color-mix(in srgb, var(--main, #da171e) 8%, transparent); color: var(--main, #da171e); font: inherit; font-weight: 700; line-height: 1.2; cursor: pointer; white-space: nowrap; transition: background .15s, color .15s; }
.tts-btn[hidden] { display: none !important; }
.tts-btn:hover, .tts-btn:focus-visible { background: var(--main, #da171e); color: #fff; outline: none; }
.tts-btn .tts-ic { width: 16px; height: 16px; flex: none; }
.tts-btn.is-on { background: var(--main, #da171e); color: #fff; }
.tts-btn.is-on .tts-ic path:last-child { animation: ttsWave 1.2s ease-in-out infinite; }
@keyframes ttsWave { 0%, 100% { opacity: .35; } 50% { opacity: 1; } }

/* okunan paragraf */
.tts-cur { background: color-mix(in srgb, var(--main, #da171e) 10%, transparent); box-shadow: -10px 0 0 color-mix(in srgb, var(--main, #da171e) 10%, transparent), 10px 0 0 color-mix(in srgb, var(--main, #da171e) 10%, transparent); border-radius: 4px; transition: background .25s; }
h1.tts-cur, .lead.tts-cur { box-shadow: none; }

/* çalar çubuğu */
.tts-bar { position: fixed; left: 50%; bottom: 16px; z-index: 1500; width: min(720px, calc(100% - 24px)); transform: translate(-50%, 140%); transition: transform .3s ease; background: #15171c; color: #fff; border-radius: 14px; box-shadow: 0 14px 40px rgba(0,0,0,.35); overflow: hidden; font-family: var(--font, inherit); }
.tts-bar.is-open { transform: translate(-50%, 0); }
.tts-prog { height: 3px; background: rgba(255,255,255,.12); }
.tts-prog span { display: block; height: 100%; width: 0; background: var(--main, #da171e); transition: width .3s; }
.tts-row { display: flex; align-items: center; gap: 6px; padding: 9px 10px; }
.tts-b { flex: none; width: 38px; height: 38px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 50%; background: transparent; color: #fff; cursor: pointer; }
.tts-b svg { width: 20px; height: 20px; }
.tts-b:hover, .tts-b:focus-visible { background: rgba(255,255,255,.12); outline: none; }
.tts-play { width: 44px; height: 44px; background: var(--main, #da171e); }
.tts-play:hover, .tts-play:focus-visible { background: var(--main, #da171e); filter: brightness(1.1); }
.tts-info { flex: 1; min-width: 0; display: flex; flex-direction: column; padding: 0 6px; line-height: 1.25; }
.tts-state { font-size: 12px; font-weight: 700; color: rgba(255,255,255,.7); }
.tts-title { font-size: 14px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tts-speed select { height: 32px; padding: 0 6px; border: 1px solid rgba(255,255,255,.25); border-radius: 8px; background: transparent; color: #fff; font: inherit; font-size: 13px; cursor: pointer; }
.tts-speed option { color: #111; }
.tts-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
/* "Sıradaki haber" şeridi ve mobil alt menüyle çakışmasın */
html.tts-open .next-bar, html.tts-open .art-next-bar { visibility: hidden; }
@media (max-width: 767px) {
  .tts-bar { bottom: calc(10px + env(safe-area-inset-bottom)); width: calc(100% - 16px); border-radius: 12px; }
  body:has(.mobile-nav) .tts-bar { bottom: calc(68px + env(safe-area-inset-bottom)); }
  .tts-b { width: 36px; height: 36px; }
  .tts-play { width: 42px; height: 42px; }
  .tts-title { font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) { .tts-bar, .tts-prog span { transition: none; } .tts-btn.is-on .tts-ic path:last-child { animation: none; } }
@media print { .tts-bar, .tts-btn { display: none !important; } }