/* Ajustes para o WordPress (conteúdo gerado pelo editor, widgets nativos, menus). */

/* Logo em texto quando não há logotipo enviado */
.navbar-brand.hmp-text-logo {
	font-size: 34px;
	font-weight: 900;
	line-height: 1.1;
	height: auto;
	padding: 18px 0;
	color: #222;
	text-transform: uppercase;
}
.navbar-brand.hmp-text-logo:hover { color: #d0021b; }
.navbar-brand img { max-width: 100%; height: auto; }

/* Banners */
.hmp-header-ad { margin: 20px auto; text-align: center; }
.hmp-ad { text-align: center; margin: 20px 0; }
.hmp-ad img, .hmp-ad iframe { max-width: 100%; }
.hmp-ad .desktop-advert { display: block; }

/* Conteúdo das matérias */
.single-post-box .post-content img,
.single-post-box .post-content figure,
.single-post-box .post-content iframe,
.single-post-box .post-content video {
	max-width: 100%;
	height: auto;
}
.single-post-box .post-content .alignleft { float: left; margin: 0 20px 10px 0; }
.single-post-box .post-content .alignright { float: right; margin: 0 0 10px 20px; }
.single-post-box .post-content .aligncenter { display: block; margin: 0 auto 15px; }
.single-post-box .post-content .wp-caption { max-width: 100%; }
.single-post-box .post-content .wp-caption-text,
.single-post-box .post-content figcaption { font-size: 13px; color: #888; font-style: italic; margin-top: 5px; }
.single-post-box .post-content ul { list-style: disc; padding-left: 25px; margin-bottom: 15px; }
.single-post-box .post-content ol { padding-left: 25px; margin-bottom: 15px; }
.single-post-box .post-content table { max-width: 100%; }
.single-post-box .title-post .category-post {
	display: inline-block;
	background: #d0021b;
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	padding: 3px 10px;
	margin-bottom: 10px;
}


/* Widgets nativos do WordPress na barra lateral */
.sidebar .widget ul { list-style: none; margin: 0; padding: 0; }
.sidebar .widget ul li { padding: 8px 0; border-bottom: 1px solid #eee; }
.sidebar .widget ul li:last-child { border-bottom: 0; }
.sidebar .widget select,
.sidebar .widget input[type="text"],
.sidebar .widget input[type="search"] { width: 100%; padding: 8px; border: 1px solid #ddd; }
.sidebar .widget img { max-width: 100%; height: auto; }
.footer-widgets-part .widget ul { list-style: none; margin: 0; padding: 0; }
.footer-widgets-part .widget ul li { padding: 5px 0; }
.footer-widgets-part .widget ul li a { color: #bbb; }
.footer-widgets-part .widget ul li a:hover { color: #fff; }

/* Menu principal: submenus nativos do WordPress */
.nav-list-container .navbar-nav li { position: relative; }
.nav-list-container .navbar-nav li .sub-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 200px;
	background: #fff;
	border: 1px solid #eee;
	z-index: 999;
	list-style: none;
	margin: 0;
	padding: 0;
}
.nav-list-container .navbar-nav li:hover > .sub-menu { display: block; }
.nav-list-container .navbar-nav li .sub-menu li { float: none; display: block; }
.nav-list-container .navbar-nav li .sub-menu li a { padding: 10px 15px; display: block; }

/* Menu do topo e rodapé */
.top-line-list li { display: inline-block; }
.footer-nav ul { list-style: none; margin: 0; padding: 0; }
.footer-nav ul li { display: inline-block; }

/* Comentários */
.hmp-comment-list { list-style: none; padding: 0; }
.hmp-comment-list .comment-body { padding: 15px 0; border-bottom: 1px solid #eee; }
.hmp-comment-list .comment-author img { float: left; margin-right: 12px; border-radius: 50%; }
.hmp-comment-list .children { list-style: none; padding-left: 30px; }
.hmp-comment-list .comment-metadata { font-size: 12px; color: #999; }
#comment-form input[type="text"],
#comment-form input[type="email"],
#comment-form input[type="url"],
#comment-form textarea { width: 100%; }
#comment-form .comment-form-author,
#comment-form .comment-form-email,
#comment-form .comment-form-url { margin-bottom: 10px; }

/* Busca 404 */
.hmp-404-search input { padding: 8px; border: 1px solid #ddd; width: 70%; }
.hmp-404-search button { padding: 8px 18px; }

/* Acessibilidade WP */
.screen-reader-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* Botão de WhatsApp e demais redes no compartilhar */
.share-post-box .share-box li a.whatsapp { background: #25d366; color: #fff; }
.share-post-box .share-box li a.whatsapp:hover { background: #1ebe57; }
.share-post-box .share-box { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }

/* ---------------------------------------------------------------------
 * Imagens: o WordPress grava width/height nas <img>; o CSS do template
 * também define tamanhos. Sem isto as fotos ficam esticadas/achatadas.
 * object-fit: cover preenche a caixa cortando o excesso, sem deformar.
 * ------------------------------------------------------------------- */
.news-post img,
.list-post img,
ul.list-posts > li img { max-width: 100%; object-fit: cover; }

.news-post .post-gallery img,
.news-post.image-post2 img,
.news-post.image-post3 img,
.video-post img { width: 100%; height: auto; }

/* Manchetes da home (blocos de tamanho fixo) */
.heading-news2 .heading-news-box .news-post > img,
.heading-news2 .heading-news-box .image-slider .news-post > img {
	width: 100%;
	object-fit: cover;
}
.heading-news2 .heading-news-box .news-post.default-size > img,
.heading-news2 .heading-news-box .image-slider .news-post > img { height: 450px; }
.heading-news2 .heading-news-box .news-post.image-post:not(.default-size) > img { height: 220px; }

/* Faixa de notícias no topo */
header .list-line-posts div.list-post img { width: 109px; height: 100px; object-fit: cover; }

/* Miniaturas de listas (home, sidebar, rodapé) */
ul.list-posts > li img { width: 100px; height: 75px; object-fit: cover; }
.sidebar .features-slide-widget ul.list-posts li img { width: 70px; height: 55px; }

/* Imagens de matérias na listagem */
.article-post .post-gallery img { width: 100%; height: 170px; object-fit: cover; }

@media (max-width: 767px) {
	.heading-news2 .heading-news-box .news-post.default-size > img,
	.heading-news2 .heading-news-box .image-slider .news-post > img { height: 260px; }
	.heading-news2 .heading-news-box .news-post.image-post:not(.default-size) > img { height: 200px; }
}
