/**
 * Mangakyu - Estilos para o leitor de mangá
 * Arquivo: assets/css/reader.css
 */

/* Estilos básicos para o leitor */
.reader-container {
    padding-top: 60px;
    padding-bottom: 60px;
}

/* Temas do leitor */
.theme-dark {
    background-color: #0e1115;
    color: #ffffff;
}

.theme-light {
    background-color: #ffffff;
    color: #333333;
}

.theme-sepia {
    background-color: #f4ecd8;
    color: #5b4636;
}

/* Animação de virada de página */
#current-page-img, #single-page-img {
    transition: transform 0.3s ease-in-out;
}

/* Estilo para imagem ampliada */
.zoomed {
    cursor: zoom-out;
    transition: transform 0.3s ease-in-out;
}

/* Controles do leitor */
.reader-controls {
    background-color: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(5px);
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.reader-controls:hover {
    opacity: 1;
}

/* Estilos para dispositivos móveis */
@media (max-width: 768px) {
    .reader-controls {
        padding: 8px;
    }
    
    .reader-controls .container {
        flex-direction: column;
        gap: 8px;
    }
    
    .manga-page img {
        width: 100%;
        height: auto;
    }
}

/* Animação para virada de página */
@keyframes pageFlip {
    0% {
        opacity: 0;
        transform: translateX(30px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.manga-page img.flip {
    animation: pageFlip 0.3s ease-in-out;
}

/* Estilo de foco para acessibilidade */
.tactical-button:focus, 
#readingMode:focus, 
#theme:focus {
    outline: 2px solid #00ff9d;
    outline-offset: 2px;
}