/* CPT Latest Post Shortcode Styles */

.cpt-latest-post-container {
    margin-bottom: 20px; /* Espaçamento abaixo do bloco */
    max-width: 400px; /* Largura máxima, ajuste conforme necessário */
    /* Para um grid real com múltiplos posts (não é o caso aqui), você usaria display: grid ou flex no container */
}

.cpt-latest-post-item {
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden; /* Garante que elementos filhos não ultrapassem a borda arredondada */
    background-color: #f9f9f9;
    position: relative; /* Necessário para posicionar o ícone */
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    transition: box-shadow 0.3s ease;
}

.cpt-latest-post-item:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

/* Ícone de Alerta */
.cpt-latest-post-icon {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 10; /* Garante que fique sobre a imagem/conteúdo */
    font-size: 1.5em; /* Tamanho do ícone */
    line-height: 1;
    /* Opcional: Fundo para melhor visibilidade */
    /* background-color: rgba(255, 255, 255, 0.7); */
    /* padding: 2px 4px; */
    /* border-radius: 3px; */
    text-shadow: 1px 1px 2px rgba(0,0,0,0.2); /* Sombra para destaque */
    /* Você pode substituir o emoji por uma imagem de fundo ou font icon aqui */
    /* content: url('path/to/your/icon.png'); */
    /* font-family: 'Font Awesome 5 Free'; content: '\f071'; font-weight: 900; */
}

/* Thumbnail */
.cpt-latest-post-thumbnail {
    line-height: 0; /* Remove espaço extra abaixo da imagem */
}

.cpt-latest-post-thumbnail a {
    display: block;
}

.cpt-latest-post-thumbnail img {
    display: block; /* Remove espaço extra abaixo da imagem */
    width: 100%;  /* Faz a imagem ocupar toda a largura */
    height: auto; /* Mantém a proporção da imagem */
    border-bottom: 1px solid #ddd; /* Linha separadora opcional */
}

/* Conteúdo (Título e Descrição) */
.cpt-latest-post-content {
    padding: 15px;
}

.cpt-latest-post-title {
    margin: 0 0 10px 0; /* Remove margem superior, adiciona inferior */
    font-size: 1.2em;
    line-height: 1.3;
}

.cpt-latest-post-title a {
    text-decoration: none;
    color: #333;
    transition: color 0.3s ease;
}

.cpt-latest-post-title a:hover,
.cpt-latest-post-title a:focus {
    color: #0073aa; /* Cor padrão do WordPress para links */
}

.cpt-latest-post-description {
    margin: 0;
    font-size: 0.9em;
    color: #555;
    line-height: 1.5;
}

/* Estilos para Mensagens de Erro (Admin) */
/* Você pode adicionar estilos específicos aqui se desejar,
   mas o inline style no PHP já aplica a cor vermelha básica */