/* =========================================================
   42-profile-tabs-theme.css
   Faz as abas "Posts" e "Fanzei" (moldura/borda/ativo)
   herdarem a cor do tema do perfil, ao invés de ficarem
   travadas no azul padrão.
   ========================================================= */

/* Cada tema já pinta .profile-page.theme-<key> com uma cor de destaque.
   Usamos currentColor + as variáveis mais comuns dos temas para o botão
   ativo, a borda inferior e o hover. Se seu tema usa outra variável,
   adicione um fallback aqui. */

.profile-page .profile-tabs {
    /* remove qualquer borda azul global */
    border-color: color-mix(in srgb, currentColor 18%, transparent);
}

.profile-page .profile-tab {
    color: color-mix(in srgb, currentColor 62%, transparent);
    border-bottom: 2px solid transparent;
    background: transparent;
    transition: color .18s ease, border-color .18s ease, background .18s ease;
}

.profile-page .profile-tab:hover {
    color: currentColor;
}

.profile-page .profile-tab.active {
    color: currentColor;
    /* moldura/underline usa a MESMA cor do tema, não mais o azul fixo */
    border-bottom-color: currentColor;
    background: color-mix(in srgb, currentColor 10%, transparent);
    border-radius: 10px 10px 0 0;
}

/* Se o seu tema define um "accent" próprio, ele ganha prioridade */
.profile-page[style*="--profile-accent"] .profile-tab.active,
.profile-page.theme-neon .profile-tab.active,
.profile-page.theme-rosa .profile-tab.active,
.profile-page.theme-fogo .profile-tab.active,
.profile-page.theme-ouro .profile-tab.active,
.profile-page.theme-verde .profile-tab.active,
.profile-page.theme-roxo .profile-tab.active {
    border-bottom-color: var(--profile-accent, currentColor);
    color: var(--profile-accent, currentColor);
    background: color-mix(in srgb, var(--profile-accent, currentColor) 12%, transparent);
}

/* Ícone SVG dentro da aba Fanzei também segue o tema */
.profile-page .profile-tab svg { stroke: currentColor; }
.profile-page .profile-tab.active svg { stroke: currentColor; }

/* Tema "padrao" mantém o comportamento original azul (não sobrescreve) */
.profile-page.theme-padrao .profile-tab.active {
    border-bottom-color: var(--accent, #3b82f6);
    color: var(--accent, #3b82f6);
    background: color-mix(in srgb, var(--accent, #3b82f6) 12%, transparent);
}