/*
 * Estilos para os Templates da Bíblia Digital
 * Versão: 1.0.2
 * Última atualização: 17/06/2025
 *
 * Esta seção contém estilos específicos para os templates do plugin.
 * Cada seção está comentada para facilitar futuras alterações.
 */

/* === Estilos Gerais dos Cards ===
 * Controla o tamanho, espaçamento e aparência dos cards dos livros
 */
.book-card,
.biblia-digital-book-card {
    /* Tamanho fixo do card */
    width: 120px !important;
    height: 50px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    min-height: 50px !important;
    
    /* Layout e alinhamento */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    
    /* Estilo do texto */
    font-size: 13px !important;
    line-height: 1.4 !important;
    white-space: normal !important;
    
    /* Controle de overflow */
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    
    /* Espaçamento interno */
    padding: 0 !important;
    margin: 5px !important;
    
    /* Box model */
    box-sizing: border-box !important;
    flex-shrink: 0 !important;
}

/* === Estilos do Grid de Livros ===
 * Controla o layout e espaçamento do grid que contém os cards dos livros
 */
.book-grid {
    /* Layout do grid */
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 0px;
    
    /* Espaçamento e alinhamento */
    padding: 20px !important;
    margin: 0 auto !important;
    max-width: 1200px !important;
}

/* === Estilos dos Textos nos Cards ===
 * Controla como o texto é exibido dentro dos cards
 * 
 * Notas:
 * - O texto é limitado a 2 linhas usando line-clamp
 * - A propriedade word-break: keep-all evita quebras de palavras
 * - O padding horizontal (5px) ajuda a evitar texto muito colado nas bordas
 */
.book-card span,
.biblia-digital-book-card span {
    /* Layout do texto */
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    
    /* Dimensões */
    width: 100%;
    padding: 0 5px;
    
    /* Estilo do texto */
    font-size: 13px;
    font-weight: normal;
    line-height: 1.4;
    
    /* Alinhamento */
    text-align: center;
    
    /* Controle de quebras de linha */
    white-space: normal;
    word-break: keep-all;
    
    /* Transformações de texto */
    text-transform: none;
    
    /* Tratamento de overflow */
    overflow: hidden;
    text-overflow: ellipsis;
}

/* === Hover States ===
 * Efeitos quando o usuário passa o mouse sobre os cards
 */
.biblia-digital-book-card:hover {
    background-color: var(--card-hover-bg-color);
}

/* === Estilos Responsivos ===
 * Ajustes específicos para diferentes tamanhos de tela
 */
@media (max-width: 768px) {
    .book-card,
    .biblia-digital-book-card {
        /* Ajustes para dispositivos móveis */
        font-size: 12px !important;
        margin: 3px !important;
    }
}