/*
 Theme Name:   Smart Mag Child
 Theme URI:    https://seusite.com
 Description:  Tema filho do Smart Mag. Mantém todas as funcionalidades e permite customizações seguras.
 Author:       Seu Nome
 Author URI:   https://seusite.com
 Template:     smart-mag
 Version:      1.0.0
 Text Domain:  smart-mag-child
*/

/* ========================================
   Importa o CSS do tema pai Smart Mag
   ======================================== */
@import url("../smart-mag/style.css");

/* ========================================
   Aqui você pode adicionar CSS customizado
   para o tema filho sem mexer no tema pai
   ======================================== */

/* ========================================
   AVATARES – Smart Mag Child
   ======================================== */

/* 1️⃣ Estilo base para todos os avatars
   Aplica-se a autores, administradores, editores, visitantes e fallback */
.avatar {
    border-radius: 50%;      /* Torna o avatar circular */
    width: 50px;             /* Tamanho padrão para comentários */
    height: 50px;
    overflow: hidden;        /* Esconde partes que ultrapassarem o círculo */
    object-fit: cover;       /* Mantém proporção da imagem */
    border: 1px solid #ddd;  /* Borda discreta opcional */
    display: inline-block;   /* Garante alinhamento correto */
}

/* 2️⃣ Avatar fallback – Pessoa Misteriosa
   Se o usuário não tiver avatar (Gravatar ou Nextend), mostra imagem padrão */
.avatar[src*="pessoa-misteriosa.png"] {
    background-color: #f0f0f0; /* Fundo neutro caso imagem tenha transparência */
    border: 1px solid #ccc;    /* Borda mais suave para diferenciar */
}

/* 3️⃣ Autores, Administradores e Editores
   Mantêm Gravatar normalmente, sem alterações visuais adicionais */
.avatar[src*="gravatar.com"] {
    /* Aqui você poderia adicionar estilos extras se quisesse,
       mas por enquanto mantemos padrão para não quebrar layout */
}

/* 4️⃣ Visitantes com Nextend Social Login ou Email
   Mantêm avatar da rede social ou do email
   Caso não exista, o fallback Pessoa Misteriosa entra automaticamente */
.avatar[src*="facebook.com"],
.avatar[src*="googleusercontent.com"] {
    /* Nenhuma alteração necessária, apenas referência para entendimento */
}

/* 5️⃣ Hover – efeito visual quando mouse passa sobre qualquer avatar */
.avatar:hover {
    box-shadow: 0 0 5px rgba(0,0,0,0.2); /* Sombra leve */
    transition: box-shadow 0.3s ease;     /* Suaviza a transição */
}

/* 6️⃣ Responsivo – ajusta tamanho dos avatars em telas pequenas (mobile) */
@media (max-width: 768px) {
    .avatar {
        width: 40px;
        height: 40px;
    }
}

/* 7️⃣ Comentários e notas:
   - Administradores, editores e autores → Gravatar garantido
   - Visitantes (assinantes e colaboradores) → Nextend / Email / Gravatar
   - Visitantes sem avatar → fallback Pessoa Misteriosa
   - Totalmente seguro para futuras atualizações do Smart Mag
   - Todas as alterações aplicadas no tema filho, sem mexer no tema pai
*/

/* ============================================================
   MENSAGEM AO LADO DO ALTERAR SENHA (PÁGINA DE PERFIL SIMPLES)
=========================================================== */
.perfil-msg {
    margin-top:15px;
    font-size:14px;
    font-weight:600;
    opacity:0;
    transform:translateY(-5px);
    animation:fadePerfil 0.4s ease forwards;
}

.perfil-sucesso {
    color:#28a745;
}

.perfil-erro {
    color:#dc3545;
}

@keyframes fadePerfil {
    to {
        opacity:1;
        transform:translateY(0);
    }
}

/* ============================================================
   REMOVE DA HOME AUTOR E TEMPO DE LEITURA DE BLOCOS
=========================================================== */
.home .post-meta-items.meta-below > * {
    display: none !important;
}

.home .post-meta-items.meta-below .meta-item-date {
    display: inline-block !important;
}

/* ================================
 FUNÇÃO ESCONDER NO COMENTÁRIO
=============================== */
.comment-form {
    display: block !important;
}