/* chapter-show.css — Extracted from show.blade.php inline styles */

/* Allow vertical scrolling even when touching toolbar buttons/selects/links */
#ttsToolbar,
#ttsSettingsPanel,
.tts-pill,
.tts-pill * {
    touch-action: pan-y;
}

/* Range sliders need full touch control for horizontal drag */
#ttsSettingsPanel input[type="range"] {
    touch-action: none;
}

/* Fixed bottom buttons: allow pan + tap, no double-tap-zoom delay */
#theme-toggle,
#global-chat-btn,
#donate {
    touch-action: manipulation;
}

.tts-pill {
    display: flex;
    align-items: center;
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 9999px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.dark .tts-pill {
    background: #2a2a2a;
    border-color: #404040;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.tts-pill .div-sep {
    background: #e5e7eb;
}

.dark .tts-pill .div-sep {
    background: #404040;
}

.tts-icon {
    color: #6b7280;
}

.dark .tts-icon {
    color: #9ca3af;
}

.tts-icon:hover {
    background: #f3f4f6;
    color: #111827;
}

.dark .tts-icon:hover {
    background: #404040;
    color: white;
}

/* Select option colors for dark/light modes */
select option {
    background-color: #ffffff;
    color: #111827;
}

.dark select option {
    background-color: #2a2a2a;
    color: #f3f4f6;
}

/* Only protect the text content */
#content {
    user-select: none;
    -webkit-user-select: none;
}

.chap {
    list-style: none;
    padding: 0;
    margin: 0;
    counter-reset: item;
}

.chap>* {
    display: block;
}

/* TTS active paragraph highlight */
.tts-active-p {
    background: rgba(250, 204, 21, 0.18);
    border-radius: 4px;
    transition: background 0.3s;
}

/* TTS global button hover */
#tts-global-btn:hover {
    background: rgba(245, 158, 11, 0.2) !important;
    color: #d97706 !important;
}

body.dark #tts-global-btn:hover {
    background: rgba(253, 186, 116, 0.2) !important;
    color: #fcd34d !important;
}