/*
 * MODO ESCURO do tema
 *
 * Só é aplicado quando o aparelho do visitante está no modo escuro: o tema carrega este arquivo com
 * <link media="(prefers-color-scheme: dark)"> (functions.php → mts_enqueue_css). No modo claro o
 * navegador não espera por ele para mostrar a página.
 *
 * Como funciona: o style.css usa variáveis de cor (--branco, --preto, --cor-primaria...). Aqui elas
 * recebem os valores escuros; a maior parte do site se ajusta sozinha. Abaixo das variáveis ficam
 * só as exceções: cores fixas do Bootstrap/dflt.css e componentes que precisam de outro tom.
 *
 * Regra para manter: cada elemento faz no escuro o mesmo papel que no claro.
 *   texto escuro no claro      → texto claro aqui (--preto)
 *   azul como texto/link       → azul-claro (--cor-primaria-texto)
 *   azul como fundo/botão      → azul-petróleo (--cor-primaria)
 *   laranja como texto         → laranja-claro (--cor-segundaria-texto)
 *   caixas brancas             → cinza-escuro (--superficie / --quase-branco)
 */

/* ------------------------------------------------------------------ */
/* 1. Cores (variáveis)                                                */
/* ------------------------------------------------------------------ */
body {
	--cor-primaria: 35, 72, 80;            /* fundos e botões (cabeçalho, botões, destaques) */
	--cor-primaria-texto: 66, 203, 255;    /* azul do claro quando é texto ou link */
	--cor-segundaria: 216, 126, 5;         /* laranja de fundo (faixas, botões) */
	--cor-segundaria-texto: 246, 153, 13;  /* laranja como texto sobre fundo escuro */
	--cor-link: rgb(var(--cor-primaria-texto));
	--texto-sobre-cor: #fefefe;            /* texto sobre a cor da marca/imagens: continua branco */
	--branco: #333;                        /* fundo da página */
	--preto: #fefefe;                      /* texto */
	--meio-preto: rgba(255, 255, 255, .1); /* bordas e divisórias */
	--quase-branco: #f6f9fa1a;             /* caixas leves (painéis laterais, blocos) */
	--superficie: #424242;                 /* cartões e itens de lista */
	--cor-rodape: #183c45;
	--rodape-direitos: #8f5d14;            /* faixa de direitos autorais (laranja suave) */
	color: var(--preto);
	background-color: var(--branco);
}

/* ------------------------------------------------------------------ */
/* 2. Links e textos com cor fixa no Bootstrap / dflt.css              */
/* ------------------------------------------------------------------ */
/* No claro o Bootstrap fixa #2b296a (o azul) nos links: aqui vira o azul-claro. Sem !important:
   links que no claro têm outra cor (texto preto, branco sobre a marca...) mantêm o mesmo papel. */
a {
	color: rgba(var(--cor-primaria-texto), 1);
}

a:hover {
	color: rgba(var(--cor-segundaria-texto), 1);
}

/* Links de widgets e comentários que já eram azul-claro no escuro antigo. */
.textwidget a,
.single_post a,
.widget .thecomment,
.reply a,
.fn a,
.title a:hover,
.post-info a:hover {
	color: rgba(var(--cor-primaria-texto), 1) !important; /* !important: vencem cores fixas do Bootstrap/dflt.css */
}

/* Elementos que no claro têm texto escuro fixo (#222, #444, #000...) e aqui ficam claros. */
.f-widget .links-rapidos a,
.links-rapidos,
.f-widget #termos a,
.f-widget .widget,
.social-profile-icons ul li a,
.related_listing h3:first-child,
#outras-empresas li p:not(.review),
.sobre_empresa p,
#sidebar .company_info p,
.navigation #menu-novo-menu-desktop li.menu-item a,
#menu-item-286:after,
.logo-wrap #logo,
.rede_social a,
#logar,
#sidebar.ebr-sidebar-sobre .post-edit-link,
.sobre_empresa .edit-link .post-edit-link,
.btn-primary,
.read_more,
a.read_more:hover,
h1,
h2:not(.subtitulo_home),
h3:not(.subtitulo_home),
h4,
h5,
h6,
#banner h3,
#categorias_home_article #cat_list_home li a,
#header #header_logar .member_link a,
#secondary-navigation a,
.navigation.mobile-only ul li .toggle-caret,
.steps span.current,
#commentform #submit,
#commentform .form-submit:hover #submit,
#commentform .form-submit::after,
#commentform #comment,
#commentform #author,
#commentform #email,
.featured_img,
#i_mapa:hover,
.i_comente:hover,
.author_content .btn-acicionar:hover,
.author_content .btn-acicionar:active,
.btverde:hover,
.btverde:active,
.preview_section form .btn,
.preview_section form a.btn {
	color: var(--preto) !important; /* !important: vencem cores fixas do Bootstrap/dflt.css */
}

h1.single-title,
h1.nomeempresa,
.single-empresas p .fa-copy {
	color: rgba(var(--cor-segundaria-texto), 1) !important;
}

.post_bottom .post-category,
.post_bottom .post-tags {
	color: rgba(var(--cor-primaria-texto), 1);
}

#commentform #comment::placeholder,
#commentform #author::placeholder,
#commentform #email::placeholder {
	color: rgba(255, 255, 255, .4);
}

.line {
	stroke: var(--preto);
}

/* ------------------------------------------------------------------ */
/* 3. Fundos e superfícies                                             */
/* ------------------------------------------------------------------ */
.sobre_empresa,
.categorias,
.autor,
.sucesso,
.logar,
.col.single,
#sidebar.ebr-sidebar-sobre,
#sidebar.ebr-sidebar-blog-categoria,
#sidebar.ebr-sidebar-empresa-categoria,
#sidebar.ebr-sidebar-sidebar,
#sidebar.ebr-sidebar-registra-empresa,
.col.sitemap,
.col.cadastre_empresa,
.col.sobre_cidade {
	background-color: var(--quase-branco);
}

/* Cartões e itens de lista: cinza-escuro (antes #515151/#5d5c5c, claros demais para o texto azul-claro) */
#loop .post-content,
.categorias #itens1 li a {
	background: var(--superficie);
}

.modal-content {
	background: var(--superficie);
	border-color: rgba(255, 255, 255, .08);
}

/* Cabeçalho no mesmo tom do rodapé (no claro os dois usam o azul da marca) */
#cabecalho {
	background-image: linear-gradient(to bottom, #21505c 0%, var(--cor-rodape) 100%);
}

#site-footer {
	background: var(--cor-rodape);
}

.copyrights {
	background-color: var(--rodape-direitos) !important; /* !important: vence a cor da faixa definida nas Opções do Tema (só vale para o claro) */
}

.related_listing {
	border-top-color: rgba(200, 200, 200, .2);
}

#slider,
#carousel .flex-viewport .slides li {
	border: 1px solid #383838;
}

/* Busca do Google (CSE) */
.gsc-input-box,
#gsc-i-id1,
input.gsc-input {
	background-color: var(--branco) !important; /* !important: estilos do Google vêm depois */
	border-color: rgba(0, 0, 0, .5) !important;
}

input.gsc-input {
	background-image: none !important;
}

/* ------------------------------------------------------------------ */
/* 4. Alertas e avisos (Bootstrap): tons suaves em vez do rosa/verde/amarelo claro */
/* ------------------------------------------------------------------ */
/* O bootstrap-theme.css pinta um degradê claro (background-image) e uma sombra de texto branca por
   cima da cor de fundo: sem isso, o fundo escuro não aparece e o texto fica borrado. */
.alert {
	background-image: none;
	text-shadow: none;
	box-shadow: none;
}

.alert-danger {
	color: #e8bfc3;
	background-color: #3a2c2f;
	border-color: #5c3a40;
}

.alert-success {
	color: #b5d8c0;
	background-color: #26332b;
	border-color: #3d5546;
}

.alert-warning {
	color: #e6d5a8;
	background-color: #36322a;
	border-color: #5a5139;
}

.alert-info {
	color: #b3d4e6;
	background-color: #263238;
	border-color: #3a5160;
}

.special_offer h3 {
	color: #f1b0b7;
}

.special_offer p {
	color: #e8bfc3;
}

.preview_section form h5.free_property {
	color: #e6d5a8 !important;
}

/* ------------------------------------------------------------------ */
/* 5. Imagens e mapas                                                  */
/* ------------------------------------------------------------------ */
#categorias_home_article #cat_list_home li a {
	background-blend-mode: multiply;
}

#empresas_clicadas .widget.popular ul li img[src$="empresa100.gif"],
#loop .post-content .post_img img#sem_img {
	filter: invert(1) brightness(190%) contrast(50%);
}

#ultimas_empresas .loop.grid .post .post-content .post_img img {
	filter: brightness(.8) contrast(1.2);
}

:where(#map-canvas, #mapContainer) iframe {
	filter: invert(1) brightness(200%) contrast(70%) hue-rotate(202deg);
}