/**
 * custom.css — Estilos específicos do site Mineirinho
 * Este arquivo sobrescreve o tema base (style.css) quando necessário.
 * Adicione aqui qualquer customização futura ao invés de editar style.css.
 *
 * Seções:
 *   #AUTOFILL      — Estilo de campos com preenchimento automático
 *   #COMPONENTS    — Estilos para componentes injetados via JS (header/footer)
 *   #NEWS-LIST     — Ajustes da lista de notícias dinâmica
 *   #SIDEBAR       — Widget "Postagens Recentes"
 */


/* ─── #AUTOFILL ────────────────────────────────────────────────────────────── */
/*
 * Substitui o bloco <style> inline presente em todas as páginas de notícia.
 * Com custom.css, esses estilos são centralizados aqui.
 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border: 1px solid #EEEBE2;
    -webkit-text-fill-color: #5B584D !important;
    -webkit-box-shadow: 0 0 0px 1000px #EEEBE2 inset;
    transition: background-color 5000s ease-in-out 0s;
}


/* ─── #COMPONENTS ──────────────────────────────────────────────────────────── */
/*
 * Garante que o header-placeholder não cause deslocamento visual
 * enquanto o componente é carregado via JS.
 */
#header-placeholder,
#footer-placeholder {
    display: block;
    min-height: 0;
}


/* ─── #NEWS-LIST ───────────────────────────────────────────────────────────── */
/*
 * Estilos para a lista de notícias renderizada dinamicamente em novidades.html.
 */
#news-list-rendered .post-prev-img img {
    width: 100%;
    height: auto;
}


/* ─── #SIDEBAR ─────────────────────────────────────────────────────────────── */
/*
 * Widget "Postagens Recentes" nas páginas de notícia.
 */
.widget-posts-img {
    width: 100%;
    height: auto;
}