/*==================== Tema: SANEAMENTO SUSTENTÁVEL UFOP (Versão Final com !important em Hover) ====================*/
/* Paleta Base:
   Verde Escuro: #355648
   Verde Claro: #A4C686
   Verde Pastel: #E2EED5
   Bege Claro: #D8D2B2
   Cinza Terroso: #2E3A35
*/

/*==================== Links e Botões ====================*/
a {
    color: #355648;
}

a:hover,
a:focus {
    color: #A4C686 !important;
}

input[type="submit"],
button,
.btn-theme,
.more_btn {
    background: #355648;
    border-color: #355648;
    color: #D8D2B2;
}

input[type="submit"]:hover,
button:hover,
.btn-theme:hover,
.more_btn:hover {
    background: #A4C686 !important;
    border-color: #A4C686 !important;
    color: #2E3A35 !important;
}

/*==================== Navegação ====================*/
.mg-headwidget .navbar-wp .navbar-nav>li>a:hover {
    color: #A4C686 !important;
}

.mg-headwidget .navbar-wp .navbar-nav>.active>a:hover,
.mg-headwidget .navbar-wp .navbar-nav>.active>a:focus {
    background: #A4C686 !important;
    color: #2E3A35 !important;
}

.navbar-wp .dropdown-menu>li>a:hover,
.navbar-wp .dropdown-menu>li>a:focus {
    background: #A4C686 !important;
    color: #2E3A35 !important;
}

/*==================== Títulos e Destaques ====================*/
.site-title a:hover,
.site-title a:focus {
    color: #A4C686 !important;
}

.mg-sec-title h4:hover {
    background: #A4C686 !important;
    color: #2E3A35 !important;
}

/*==================== Posts e Notícias ====================*/
.mg-post-box .title a:hover {
    color: #A4C686 !important;
}

.mg-blog-category a:hover {
    background: #A4C686 !important;
    color: #2E3A35 !important;
}

.mg-post-bottom .mg-share-icons .mg-share span a:hover,
.mg-post-bottom .mg-share-icons .mg-share-toggle:hover {
    background-color: #A4C686 !important;
    color: #2E3A35 !important;
}

.mg-viewmr-btn:hover {
    color: #A4C686 !important;
}

/*==================== Sidebar ====================*/
.mg-sidebar .mg-widget ul li a:hover,
.mg-sidebar .mg-widget ul li a:focus {
    color: #A4C686 !important;
}

.mg-sidebar .mg-widget .mg-widget-tags a:hover,
.mg-sidebar .mg-widget .tagcloud a:hover {
    background: #A4C686 !important;
    color: #2E3A35 !important;
    border-color: #A4C686 !important;
}

.mg-sidebar .mg-widget .mg-social li span.icon-soci:hover {
    background: #A4C686 !important;
    border-color: #A4C686 !important;
    color: #2E3A35 !important;
}

/*==================== Rodapé ====================*/
footer .mg-widget ul li a:hover,
footer .mg-widget ul li a:focus {
    color: #A4C686 !important;
}

footer .mg-widget .mg-widget-tags a:hover,
footer .mg-widget .tagcloud a:hover {
    background: #A4C686 !important;
    color: #2E3A35 !important;
    border-color: #A4C686 !important;
}

.ta_upscr:hover {
    background: #A4C686 !important;
    color: #2E3A35 !important;
}

/*==================== WooCommerce ====================*/
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
    background: #A4C686 !important;
    border-color: #A4C686 !important;
    color: #2E3A35 !important;
}

.woocommerce .price:hover {
    color: #A4C686 !important;
}

/*==================== Tabelas e Formulários ====================*/
.form-control:hover,
.form-control:focus {
    border-color: #A4C686 !important;
    background: #E2EED5 !important;
    color: #2E3A35 !important;
}

.form-group label:hover::after {
    background-color: #A4C686 !important;
}

/*==================== Componentes Gerais ====================*/
blockquote:hover {
    border-left-color: #A4C686 !important;
    background: #E2EED5 !important;
}

hr:hover {
    border-color: #A4C686 !important;
}

::selection {
    background: #A4C686 !important;
    color: #2E3A35 !important;
}

::-moz-selection {
    background: #A4C686 !important;
    color: #2E3A35 !important;
}


/* =============================
   Créditos institucionais UFOP
   ============================= */

/* Estilo geral do rodapé */
.site-info,
.mg-footer-copyright,
footer .mg-footer-copyright p {
    text-align: center !important;
    font-size: 13px !important;
    color: #D8D2B2 !important;
    /* Bege institucional */
}


/* =============================
   Botão "Voltar ao topo" (ta_upscr)
   ============================= */

/* cor branca no ícone e texto */
.ta_upscr,
.ta_upscr i {
    color: #fff !important;
    /* branco puro */
}

/* borda e fundo (opcional) */
.ta_upscr {
    background-color: #355648 !important;
    /* verde institucional UFOP */
    border: 1px solid #355648 !important;
}

/* efeito hover */
.ta_upscr:hover,
.ta_upscr:hover i {
    color: #D8D2B2 !important;
    /* bege institucional */
    background-color: #A4C686 !important;
    /* verde claro sustentável */
    border-color: #A4C686 !important;
    transition: all 0.3s ease-in-out !important;
}


/* ==========================================
   Texto branco nos cards de notícias
   ========================================== */

/* Título e links */
.mg-blog-post-3 .mg-blog-inner h4.title,
.mg-blog-post-3 .mg-blog-inner h4.title a {
    color: #fff !important;
}

/* Categoria */
.mg-blog-post-3 .mg-blog-category a {
    color: #fff !important;
    background-color: rgba(53, 86, 72, 0.85) !important;
    /* verde escuro translúcido */
    border-radius: 4px;
    padding: 4px 8px;
    font-weight: 600;
}

/* Metadados: data, autor, ícones */
.mg-blog-post-3 .mg-blog-meta,
.mg-blog-post-3 .mg-blog-meta a,
.mg-blog-post-3 .mg-blog-meta i,
.mg-blog-post-3 .mg-blog-date {
    color: #fff !important;
}

/* Ícones dentro dos cards */
.mg-blog-post-3 .mg-blog-meta i,
.mg-blog-post-3 .mg-blog-category i {
    color: #fff !important;
}

/* Ajuste de sombra para melhorar legibilidade sobre imagens */
.mg-blog-post-3 .mg-blog-inner h4.title a,
.mg-blog-post-3 .mg-blog-meta,
.mg-blog-post-3 .mg-blog-category a {
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.7) !important;
}

/* Ajuste de hover para contraste */
.mg-blog-post-3 .mg-blog-inner h4.title a:hover,
.mg-blog-post-3 .mg-blog-meta a:hover,
.mg-blog-post-3 .mg-blog-category a:hover {
    color: #D8D2B2 !important;
    /* bege claro no hover */
    transition: color 0.3s ease-in-out !important;
}