/*
Theme Name:     GIRO62 Notícias
Theme URI:      https://giro62.com.br
Description:    Tema filho do Newspaper (tagDiv) com a identidade visual do GIRO62 Notícias. Layout de portal de notícias inspirado no Boletim Goiás: header com logo centralizada, grade de destaques, blocos por editoria com cores próprias, espaços publicitários e rodapé institucional. Após ativar, acesse Aparência > GIRO62 – Configurar para montar header, rodapé, página inicial, templates de post/categoria, menus e categorias automaticamente.
Author:         GIRO62 Notícias
Template:       Newspaper
Version:        1.0.0
Text Domain:    giro62
*/


/*  ----------------------------------------------------------------------------
    Paleta GIRO62
    (cores extraídas do manual da marca)
*/
:root {
	--giro62-navy:        #00062A; /* texto "GIRO62" na versão clara */
	--giro62-deep:        #000A54; /* azul profundo (início do degradê) */
	--giro62-blue:        #0215B7; /* azul da marca */
	--giro62-blue-bright: #0019D6; /* azul vivo (fim do degradê) */
	--giro62-red:         #FF1A1A; /* vermelho "notícias _" */
	--giro62-red-dark:    #D90000;
	--giro62-gray:        #E6E8EF;

	/* sobrescreve a cor de destaque do tema Newspaper */
	--td_theme_color: var(--giro62-red);
}


/*  ----------------------------------------------------------------------------
    Header (desktop + mobile)
    O fundo é aplicado no wrapper do template para cobrir 100% da largura.
*/
.td-header-template-wrap .td-header-desktop-wrap,
.td-header-template-wrap .td-header-desktop-sticky-wrap,
.td-header-template-wrap .td-header-mobile-wrap,
.td-header-template-wrap .td-header-mobile-sticky-wrap {
	background: linear-gradient(110deg, var(--giro62-deep) 0%, var(--giro62-blue) 60%, var(--giro62-blue-bright) 100%);
}

/* variante "preto" (selecionável no instalador) */
body.giro62-header-preto .td-header-template-wrap .td-header-desktop-wrap,
body.giro62-header-preto .td-header-template-wrap .td-header-desktop-sticky-wrap,
body.giro62-header-preto .td-header-template-wrap .td-header-mobile-wrap,
body.giro62-header-preto .td-header-template-wrap .td-header-mobile-sticky-wrap {
	background: #000;
}

/* faixa do logo */
.giro62-hdr-top {
	padding: 34px 0 26px;
}

/* faixa do menu: linha fina separando do logo */
.giro62-hdr-menu {
	border-top: 1px solid rgba(255, 255, 255, .12);
}
.giro62-hdr-menu .wpb_wrapper {
	position: relative;
}
.giro62-hdr-menu .tdb_header_menu {
	width: 100%;
	text-align: center;
}
.giro62-hdr-menu .tdb_header_menu .tdb-menu {
	float: none;
	display: inline-block;
}
/* busca alinhada à direita, sem tirar o menu do centro */
.giro62-hdr-menu .tdb_header_search {
	position: absolute !important;
	top: 0;
	right: 0;
	z-index: 1000;
}

/* menu principal */
.giro62-hdr-menu .tdb-menu > li > a {
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .3px;
}
.giro62-hdr-menu .tdb-menu > li > a .tdb-sub-menu-icon {
	color: #fff;
}
.giro62-hdr-menu .tdb-menu > li > a:after {
	background-color: var(--giro62-red) !important;
	height: 3px;
}

/* submenu "Mais" */
.giro62-hdr-menu .tdb-menu .sub-menu {
	border-top: 3px solid var(--giro62-red);
	box-shadow: 0 10px 24px rgba(0, 6, 42, .18);
}
.giro62-hdr-menu .tdb-menu .sub-menu .tdb-menu-item-text {
	color: var(--giro62-navy);
}
.giro62-hdr-menu .tdb-menu .sub-menu li:hover > a .tdb-menu-item-text,
.giro62-hdr-menu .tdb-menu .sub-menu .current-menu-item > a .tdb-menu-item-text {
	color: var(--giro62-red);
}

/* ícones sociais e busca no header */
.td-header-template-wrap .tdm-social-item i,
.td-header-template-wrap .tdb-head-search-btn i,
.td-header-template-wrap .tdb-mobile-menu-button i,
.td-header-template-wrap .tdb-header-search-button-mob i {
	color: #fff !important;
}
.td-header-template-wrap .tdb-head-search-btn svg,
.td-header-template-wrap .tdb-head-search-btn svg *,
.td-header-template-wrap .tdb-mobile-menu-button svg,
.td-header-template-wrap .tdb-mobile-menu-button svg *,
.td-header-template-wrap .tdb-header-search-button-mob svg,
.td-header-template-wrap .tdb-header-search-button-mob svg * {
	fill: #fff !important;
}
.td-header-template-wrap .tdm-social-item-wrap:hover i {
	color: var(--giro62-red) !important;
}
.td-header-template-wrap .tdm-social-item {
	width: 34px;
	height: 34px;
	margin: 0 2px;
}

/* logo do header: SVG embutido */
.td-header-template-wrap .tdb_header_logo .tdb-logo-svg-wrap svg {
	height: auto;
}

/* mobile */
.giro62-hdr-mob {
	padding: 4px 0;
}
@media (max-width: 767px) {
	.giro62-hdr-mob .tdb_header_logo .tdb-logo-a {
		justify-content: center;
	}
}


/*  ----------------------------------------------------------------------------
    Conteúdo
*/

/* etiquetas de categoria nos módulos */
.td-post-category,
.tdb-category .tdb-entry-category {
	background-color: var(--giro62-navy);
	color: #fff;
}
.td-post-category:hover,
.tdb-category .tdb-entry-category:hover {
	background-color: var(--giro62-red) !important;
	color: #fff !important;
}

/* títulos: hover em vermelho da marca */
.td-module-title a:hover,
.entry-title a:hover,
.td_block_wrap .td-module-title a:hover {
	color: var(--giro62-red);
}

/* grade de destaques (topo da home) */
.td_block_big_grid_flex_5 .td-module-container .td-post-category,
.td_block_big_grid_flex_2 .td-module-container .td-post-category {
	background-color: var(--giro62-red);
}

/* cabeçalhos dos blocos (estilo 1 do Newspaper) */
.td_block_template_1 .td-block-title > * {
	font-weight: 700;
	letter-spacing: .3px;
}

/* paginação dos blocos */
.td-load-more-wrap a:hover,
.td_ajax_load_more:hover {
	background-color: var(--giro62-red) !important;
	border-color: var(--giro62-red) !important;
}

/* espaços publicitários */
.td-a-rec img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}
.td-a-rec .td-adspot-title {
	color: #9aa0b4;
	font-size: 10px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

/* post: links e citações */
.tdb_single_content a {
	color: var(--giro62-blue);
}
.tdb_single_content a:hover {
	color: var(--giro62-red);
}
.tdb_single_content blockquote {
	border-left: 4px solid var(--giro62-red);
}


/*  ----------------------------------------------------------------------------
    Rodapé
*/
.td-footer-template-wrap {
	background: var(--giro62-navy);
}
.td-footer-template-wrap .giro62-footer-bottom {
	position: relative;
	background: #000318;
	/* estende o fundo da faixa inferior por toda a largura da tela */
	box-shadow: 0 0 0 100vmax #000318;
	clip-path: inset(0 -100vmax);
}
.td-footer-template-wrap .giro62-footer-bottom:before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 100vw;
	height: 3px;
	transform: translateX(-50%);
	background: var(--giro62-red);
	z-index: 1;
}
.giro62-footer .tdm-descr,
.giro62-footer-bottom .tdm-descr {
	color: rgba(255, 255, 255, .82);
	font-size: 13px;
	line-height: 1.6;
}
.giro62-footer .giro62-footer-title .tdm-descr {
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	margin-bottom: 14px;
}
.giro62-footer .td_block_list_menu a {
	color: rgba(255, 255, 255, .68);
	font-size: 12px;
	line-height: 2.2;
}
.giro62-footer .td_block_list_menu a:hover {
	color: var(--giro62-red);
}
.giro62-footer .td_block_list_menu .sub-menu {
	padding-left: 14px;
}
.giro62-footer .tdm-social-item i {
	color: #fff;
}
.giro62-footer .tdm-social-item-wrap:hover i {
	color: var(--giro62-red);
}
.giro62-footer-bottom .tdm-descr {
	font-size: 12px;
	color: rgba(255, 255, 255, .6);
}
.giro62-footer-bottom .tdm-descr a {
	color: rgba(255, 255, 255, .8);
}

/* botão voltar ao topo */
.td-scroll-up {
	background-color: var(--giro62-red);
}