/* Namaz.info — Sesli okuma */
.tts-btn { display: inline-flex; align-items: center; gap: .35rem; font: inherit; font-size: .85rem; font-weight: 600; padding: .4rem .85rem; border-radius: 99px; border: 1px solid var(--ni-border, #e3dfd3); background: var(--ni-surface, #fff); color: var(--ni-primary, #0e5a4f); cursor: pointer; }
.tts-btn:hover { background: var(--ni-surface-2, #f1eee5); }
.tts-btn.is-active { background: var(--ni-primary, #0e5a4f); color: #fff; border-color: var(--ni-primary, #0e5a4f); }
.tts-btn svg { width: 16px; height: 16px; }
.tts-article { margin: 0 0 1.1rem; }
.is-reading { outline: 2px solid var(--ni-accent, #c8a24a); outline-offset: 3px; }
.tts-bar { position: fixed; left: 50%; transform: translateX(-50%); bottom: calc(16px + env(safe-area-inset-bottom)); z-index: 60; width: min(560px, calc(100% - 24px)); display: flex; flex-direction: column; gap: .35rem; padding: .5rem .6rem; border-radius: 16px; background: #0f2a26; color: #fff; box-shadow: 0 18px 40px -16px rgba(0, 0, 0, .55); }
.tts-bar[hidden] { display: none; }
.tts-b { flex: none; width: 38px; height: 38px; border-radius: 50%; border: 0; background: rgba(255, 255, 255, .12); color: #fff; font-size: .95rem; cursor: pointer; display: grid; place-items: center; }
.tts-b.tts-toggle { background: var(--ni-accent, #c8a24a); color: #1b1606; }
.tts-b[hidden] { display: none; }
.tts-info { flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.2; }
.tts-info strong { font-size: .88rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tts-info span { font-size: .72rem; opacity: .8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tts-rate { flex: none; font: inherit; font-size: .78rem; background: rgba(255, 255, 255, .12); color: #fff; border: 0; border-radius: 8px; padding: .35rem .3rem; }
.tts-rate option { color: #000; }
@media (max-width: 760px) { .tts-bar { bottom: calc(76px + env(safe-area-inset-bottom)); } }
@media print { .tts-bar, .tts-btn { display: none !important; } }
.tts-row { display: flex; align-items: center; gap: .5rem; }
.tts-langs { display: flex; flex-wrap: wrap; align-items: center; gap: .25rem .8rem; font-size: .78rem; padding: .1rem .2rem 0; border-top: 1px solid rgba(255, 255, 255, .12); padding-top: .35rem; }
.tts-langs > span { opacity: .7; }
.tts-langs label { display: inline-flex; align-items: center; gap: .3rem; cursor: pointer; }
.tts-langs label[hidden] { display: none; }
.tts-langs label.is-na { opacity: .45; text-decoration: line-through; }
.tts-langs input { accent-color: var(--ni-accent, #c8a24a); }