/*
Theme Name: 	Ecoife WP Child
Theme URI: 		http://thememascot.net
Description: 	Environment & Ecology WordPress Theme. You can get more themes from here: https://themeforest.net/user/thememascot/portfolio
Author: 		ThemeMascot Team
Author URI: 	http://themeforest.net/user/thememascot
Version: 		7.0
License: 		GNU General Public License v2 or later
License URI: 	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: 	ecoife-wp-child
Template: 		ecoife-wp
*/

/* =====================================================================
   IDENTIDADE VISUAL – Associação de Desenvolvimento Sustentável Regional
   do Nordeste Goiano. Paleta inspirada no Cerrado (verde da vegetação,
   terracota/ocre da terra, dourado do ipê, marrom da terra roxa).
   ===================================================================== */
:root {
	--adsr-verde-cerrado:   #2F5233; /* verde principal - vegetação/mata */
	--adsr-verde-claro:     #4F7A4A; /* verde secundário / hover */
	--adsr-terracota:       #B8622F; /* terra, barro, artesanato */
	--adsr-dourado-ipe:     #E0A72F; /* destaque, botões, selos */
	--adsr-marrom-terra:    #5C4033; /* texto forte, rodapé */
	--adsr-areia:           #F5EFE3; /* fundo de seções claras */
	--adsr-branco:          #FFFFFF;
	--adsr-cinza-texto:     #43413D;

	--adsr-font-heading: 'Lora', Georgia, serif;
	--adsr-font-body:    'Inter', -apple-system, sans-serif;
}

body {
	font-family: var(--adsr-font-body);
	color: var(--adsr-cinza-texto);
}

h1, h2, h3, h4, h5, h6,
.site-title, .entry-title, .page-title {
	font-family: var(--adsr-font-heading);
	color: var(--adsr-marrom-terra);
}

a { color: var(--adsr-verde-cerrado); }
a:hover, a:focus { color: var(--adsr-terracota); }

/* Botões / elementos de destaque do tema (Elementor usa estas classes) */
.btn, .theme-btn, button, input[type="submit"] {
	background-color: var(--adsr-verde-cerrado);
	border-color: var(--adsr-verde-cerrado);
	color: var(--adsr-branco);
}
.btn:hover, .theme-btn:hover, button:hover, input[type="submit"]:hover {
	background-color: var(--adsr-dourado-ipe);
	border-color: var(--adsr-dourado-ipe);
	color: var(--adsr-marrom-terra);
}

/* Cabeçalho / menu principal */
.header-nav, .menuzord-container {
	background-color: var(--adsr-branco);
}
.header-nav-wrapper { border-bottom: 3px solid var(--adsr-dourado-ipe); }
.main-navigation a, .menuzord-menu > li > a {
	color: var(--adsr-marrom-terra);
}
.main-navigation a:hover, .menuzord-menu > li > a:hover {
	color: var(--adsr-verde-cerrado);
}

/* Rodapé */
#footer.footer {
	background-color: var(--adsr-marrom-terra);
	color: var(--adsr-areia);
}
#footer.footer a { color: var(--adsr-dourado-ipe); }

/* =====================================================================
   GRIDS DOS NOVOS TIPOS DE CONTEÚDO
   (Comunidades Tradicionais, Roteiros de Turismo, Tecnologias Sociais,
   Instituições Parceiras)
   ===================================================================== */
.adsr-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 30px;
	margin: 30px 0 60px;
}

.adsr-card {
	background: var(--adsr-branco);
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 2px 12px rgba(92, 64, 51, 0.12);
	transition: transform .25s ease, box-shadow .25s ease;
	display: flex;
	flex-direction: column;
}
.adsr-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 24px rgba(92, 64, 51, 0.18);
}
.adsr-card__thumb {
	position: relative;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: var(--adsr-areia);
}
.adsr-card__thumb img {
	width: 100%; height: 100%; object-fit: cover;
	transition: transform .4s ease;
}
.adsr-card:hover .adsr-card__thumb img { transform: scale(1.06); }
.adsr-card__thumb--empty {
	width: 100%; height: 100%;
	background: linear-gradient(135deg, var(--adsr-verde-cerrado), var(--adsr-verde-claro));
}
.adsr-card__badge {
	position: absolute; top: 12px; left: 12px;
	background: var(--adsr-dourado-ipe);
	color: var(--adsr-marrom-terra);
	font-size: 12px; font-weight: 600;
	padding: 4px 10px; border-radius: 20px;
	text-transform: uppercase; letter-spacing: .03em;
}
.adsr-card__body { padding: 18px 20px 22px; flex: 1; display: flex; flex-direction: column; }
.adsr-card__title { font-size: 19px; margin: 0 0 8px; }
.adsr-card__title a { color: var(--adsr-marrom-terra); }
.adsr-card__meta {
	font-size: 13px; color: var(--adsr-verde-claro);
	margin-bottom: 10px; display: flex; gap: 14px; flex-wrap: wrap;
}
.adsr-card__meta span { display: inline-flex; align-items: center; gap: 5px; }
.adsr-card__excerpt { font-size: 14px; line-height: 1.6; color: var(--adsr-cinza-texto); flex: 1; }
.adsr-card__link {
	margin-top: 14px; font-weight: 600; font-size: 14px;
	color: var(--adsr-verde-cerrado); align-self: flex-start;
}

/* Página / conteúdo único */
.adsr-single-header { margin-bottom: 30px; }
.adsr-single-header__thumb img { width: 100%; height: auto; border-radius: 8px; margin-bottom: 24px; }
.adsr-meta-box {
	background: var(--adsr-areia);
	border-left: 4px solid var(--adsr-dourado-ipe);
	padding: 18px 22px;
	border-radius: 4px;
	margin: 26px 0;
}
.adsr-meta-box dl { display: grid; grid-template-columns: max-content 1fr; gap: 8px 16px; margin: 0; }
.adsr-meta-box dt { font-weight: 700; color: var(--adsr-marrom-terra); }
.adsr-meta-box dd { margin: 0; }

.adsr-tax-pills { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0; }
.adsr-tax-pills a {
	background: var(--adsr-verde-cerrado); color: var(--adsr-branco);
	font-size: 12px; padding: 5px 12px; border-radius: 20px;
}
.adsr-tax-pills a:hover { background: var(--adsr-dourado-ipe); color: var(--adsr-marrom-terra); }

.adsr-empty-state { padding: 60px 20px; text-align: center; color: var(--adsr-verde-claro); }

/* =====================================================================
   TEMPLATE DE PÁGINA "PAINEL DA REGIÃO"
   ===================================================================== */
.adsr-painel-intro { max-width: 780px; margin: 0 auto 20px; }
.adsr-painel-secao { margin: 60px 0; padding-top: 30px; border-top: 1px solid rgba(92,64,51,.12); }
.adsr-painel-secao__header h2 { margin-bottom: 6px; }
.adsr-painel-secao__header p { color: var(--adsr-verde-claro); margin-bottom: 10px; }