/**
 * Estilos base para widgets Elementor - Sindecom Filiados
 * 
 * @author Dante Testa
 * @link https://infoxweb.com.br
 * @since 2024-02-04
 */

/* Container */
.sindecom-aniversariantes-container {
    width: 100%;
}

/* Título */
.sindecom-aniversariantes-titulo {
    margin: 0 0 20px 0;
    padding: 0;
}

/* Layout Lista */
.sindecom-aniversariantes-lista {
    display: flex;
    flex-direction: column;
}

/* Layout Grid */
.sindecom-aniversariantes-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

/* Item */
.sindecom-aniversariante-item {
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

/* Foto/Avatar */
.sindecom-aniversariante-foto {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0;
}

.sindecom-aniversariante-foto img {
    width: 100%;
    height: 100%;
    display: block;
}

.sindecom-aniversariante-foto svg {
    display: block;
}

/* Área de Informações */
.sindecom-aniversariante-info {
    flex: 1;
    min-width: 0;
}

/* Nome */
.sindecom-aniversariante-nome {
    font-weight: 600;
    line-height: 1.3;
    word-break: break-word;
}

/* Idade */
.sindecom-aniversariante-idade {
    display: inline-flex;
    align-items: center;
    line-height: 1.4;
}

/* Data */
.sindecom-aniversariante-data {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1.4;
}

.sindecom-aniversariante-data svg {
    flex-shrink: 0;
}

/* Mensagem Vazia */
.sindecom-aniversariantes-vazio {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Responsividade base */
@media (max-width: 767px) {
    .sindecom-aniversariantes-grid {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .sindecom-aniversariantes-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}