/* team_profile.css - Estilos para páginas de perfil (profile-card) */

/* Profile Card */
.profile-card {
    background-color: var(--card-bg);
    border-radius: var(--border-radius);
    overflow: hidden;
    box-shadow: var(--shadow-light);
    transition: all var(--transition-slow);
    opacity: 0;
}

.profile-card.visible {
    opacity: 1;
    animation: fadeInUp 0.6s ease-out;
}

.profile-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-hover);
}

.profile-avatar {
    width: 100%;
    max-width: 150px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    margin: var(--spacing-md) auto;
    display: block;
    transition: transform var(--transition-fast);
    border-radius: 50%;
}

.profile-card:hover .profile-avatar {
    transform: scale(1.1);
}

/* About Card (adicionado para consistência com o template) */
.about-card {
    background-color: var(--card-bg);
    border-radius: var(--border-radius);
    overflow: hidden;
    box-shadow: var(--shadow-light);
    transition: all var(--transition-slow);
    opacity: 0;
}

.about-card.visible {
    opacity: 1;
    animation: fadeInUp 0.6s ease-out;
}

.about-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-hover);
}

.about-card .card-header {
    background-color: rgba(0, 0, 0, 0.03); /* Leve fundo para header */
    padding: var(--spacing-md); /* Aumentado padding para evitar colagem */
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

/* Tabs Card (adicionado para consistência com o template) */
.tabs-card {
    background-color: var(--card-bg);
    border-radius: var(--border-radius);
    overflow: hidden;
    box-shadow: var(--shadow-light);
    transition: all var(--transition-slow);
    opacity: 0;
}

.tabs-card.visible {
    opacity: 1;
    animation: fadeInUp 0.6s ease-out;
}

.tabs-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--shadow-hover);
}

.tabs-card .nav-pills .nav-link {
    border-radius: var(--border-radius);
}

.tabs-card .nav-pills .nav-link.active {
    background-color: var(--accent-color);
    color: var(--primary-color);
}

.tabs-card .tab-pane {
    padding: var(--spacing-lg); /* Adicionado padding maior para o conteúdo das tabs */
}

/* Social Links (adicionado para estilizar a lista de redes sociais) */
.social-links {
    list-style: none;
    padding: 0 var(--spacing-md); /* Adicionado padding horizontal para evitar colagem nas bordas */
    margin: var(--spacing-md) 0;
}

.social-links li {
    margin-bottom: var(--spacing-sm);
}

.social-links a {
    color: var(--accent-color);
    text-decoration: none;
    transition: color var(--transition-fast);
}

.social-links a:hover {
    color: var(--accent-dark);
}

/* Article Content (aumentado padding geral para todos os cards) */
.article-content {
    padding: var(--spacing-lg); /* Aumentado de md (20px) para lg (30px) para mais espaço interno */
}

/* List Group Items (aumentado padding para itens da lista) */
.list-group-item {
    padding: var(--spacing-md); /* Aumentado para evitar colagem vertical/horizontal */
}

/* Media Queries para Profile */
@media (max-width: 480px) {
    .profile-avatar {
        max-width: 120px;
    }
}

/* Suporte a Dark Mode */
[data-bs-theme="dark"] {
    .profile-card,
    .about-card,
    .tabs-card {
        box-shadow: var(--shadow-light); /* Ajustado em custom.css para dark */
    }

    .about-card .card-header {
        background-color: rgba(255, 255, 255, 0.03);
        border-bottom: 1px solid rgba(255, 255, 255, 0.125);
    }

    .tabs-card .nav-pills .nav-link.active {
        background-color: var(--accent-color);
        color: var(--primary-color);
    }

    .social-links a {
        color: var(--accent-color);
    }

    .social-links a:hover {
        color: var(--accent-dark);
    }
}