/* style.css */

body { 
    background-color: #f8f9fa; 
}
.banner { 
    height: 250px; 
    background: url('https://quatrorodas.abril.com.br/wp-content/uploads/2019/02/dc5aeab5-ferrari-f8-tributo-1.jpg') center/cover; 
    border-radius: 10px; 
}
.subscribe-btn { 
    background-color: #d40000; 
    color: white; 
    border: none; 
}
.subscribe-btn:hover { 
    background-color: #b00000; 
}
.member-avatar { 
    width: 40px; 
    height: 40px; 
    border-radius: 50%; 
    object-fit: cover; 
    margin-right: 10px; 
}

/* NOVO: Regras para Scroll e Busca de Membros */
#members-scroll-container {
    max-height: 400px; /* Limite a altura da lista */
    overflow-y: auto; /* Adiciona scroll vertical quando necessário */
    padding-right: 5px; /* Evita que o scrollbar fique muito colado no conteúdo */
}

/* Regras do Spinner (para o loading state) */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.spin {
    animation: spin 1s linear infinite;
}

.list-group-item:hover {
    background-color: #f7f7f7; /* Um tom de cinza suave ao passar o mouse */
    cursor: pointer; /* Muda o cursor para indicar que é clicável */
    border-left: 5px solid #d40000; /* Linha lateral da cor do subscribe-btn */
    transition: all 0.2s ease-in-out; /* Transição suave */
}