/* Stili per il player audio TTS */

.speed-controls {
    position: relative;
    z-index: 5;
}

.speed-controls .btn {
    pointer-events: auto !important; /* Forza la cliccabilità dei pulsanti */
    z-index: 10; /* Assicura che siano sopra altri elementi */
}

.speed-controls .btn.active {
    background-color: #0d6efd; /* Un blu standard, si abbinerà bene */
    color: #fff !important;
}

/* Stili per la barra di progresso */
.progress-container {
    padding: 0 5px; /* Spazio per non far toccare i bordi ai tempi */
}

.progress-bar-wrapper {
    background-color: #e9ecef;
    border-radius: 5px;
    cursor: pointer;
    height: 8px; /* Altezza della barra */
    width: 100%;
}

.progress-bar-fill {
    background-color: #0d6efd; /* Stesso blu dei pulsanti */
    border-radius: 5px;
    height: 100%;
    width: 0; /* Inizia da 0 */
    transition: width 0.1s linear; /* Transizione fluida */
}

.time-display {
    color: #6c757d; /* Un grigio standard */
    margin-top: 4px; /* Spazio tra barra e tempo */
}

/* Rimpicciolisco i bottoni come richiesto */
.speed-controls .btn.btn-xs {
    padding: 5px 8px;
    font-size: 11px;
}