/*
Theme Name: Neve Child - BH Persianas
Theme URI: https://bhpersianas.com.br
Template: neve
Author: BH Persianas
Description: Child theme do Neve com identidade visual própria (verde-sálvia, creme e dourado) para a BH Persianas.
Version: 1.0
*/

:root {
	--color-primary: #7A8C7E;
	--color-primary-dark: #5F6E63;
	--color-accent: #C9A66B;
	--color-accent-dark: #A9834F;
	--color-bg: #F7F4EF;
	--color-bg-alt: #FFFFFF;
	--color-text: #2E332E;
	--color-text-muted: #5B615B;
	--font-heading: 'Playfair Display', Georgia, 'Times New Roman', serif;
	--font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--radius: 10px;
	--shadow-soft: 0 6px 24px rgba(46, 51, 46, 0.08);
}

/* ---------- Base / tipografia ---------- */
body {
	background-color: var(--color-bg);
	color: var(--color-text);
	font-family: var(--font-body);
	font-size: 17px;
	line-height: 1.7;
}

h1, h2, h3, h4, h5, h6,
.entry-title, .wp-block-heading, .wp-block-cover__inner-container h1, .wp-block-cover__inner-container h2 {
	font-family: var(--font-heading);
	font-weight: 700;
	color: var(--color-text);
	letter-spacing: 0.2px;
}

h1 { font-size: clamp(2rem, 4vw, 3.2rem); line-height: 1.15; }
h2 { font-size: clamp(1.6rem, 3vw, 2.4rem); line-height: 1.2; margin-bottom: 0.6em; }
h3 { font-size: clamp(1.25rem, 2vw, 1.6rem); }

a { color: var(--color-primary-dark); }
a:hover { color: var(--color-accent-dark); }

/* ---------- Header / navegação ---------- */
.nv-navigation, header.header-menu-item, #masthead, .builder-item--main-nav {
	background-color: var(--color-bg-alt) !important;
	border-bottom: 1px solid rgba(122, 140, 126, 0.15);
}

.site-title, .nv-site-title a {
	font-family: var(--font-heading) !important;
	color: var(--color-primary-dark) !important;
	font-weight: 700 !important;
	letter-spacing: 0.5px;
}

.main-nav ul.primary-menu > li > a,
.nv-nav-item {
	font-family: var(--font-body);
	font-weight: 500;
	color: var(--color-text) !important;
	text-transform: none !important;
	letter-spacing: 0.2px;
}

.main-nav ul.primary-menu > li > a:hover,
.main-nav ul.primary-menu > li.current-menu-item > a {
	color: var(--color-accent-dark) !important;
}

/* ---------- Hero (wp:cover) ---------- */
.wp-block-cover {
	border-radius: 0;
	overflow: hidden;
}

.wp-block-cover .wp-block-cover__background,
.wp-block-cover__gradient-background {
	background-color: rgba(122, 140, 126, 0.55) !important;
}

.wp-block-cover__inner-container {
	max-width: 760px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.wp-block-cover__inner-container h1,
.wp-block-cover__inner-container h2 {
	color: #FFFFFF !important;
	text-shadow: 0 2px 18px rgba(0, 0, 0, 0.35);
}

.wp-block-cover__inner-container p {
	color: #F7F4EF;
	font-size: 1.15rem;
}

/* ---------- Botões ---------- */
.wp-block-buttons .wp-block-button__link,
.wp-block-button__link,
.nv-button,
button, input[type="submit"] {
	background-color: var(--color-accent) !important;
	color: #2E332E !important;
	border-radius: 6px !important;
	padding: 0.9em 2em !important;
	font-family: var(--font-body);
	font-weight: 600;
	text-transform: none !important;
	letter-spacing: 0.3px;
	border: none !important;
	box-shadow: var(--shadow-soft);
	transition: background-color 0.2s ease, transform 0.15s ease;
}

.wp-block-buttons .wp-block-button__link:hover,
.wp-block-button__link:hover,
.nv-button:hover {
	background-color: var(--color-accent-dark) !important;
	transform: translateY(-1px);
}

.is-style-outline .wp-block-button__link {
	background-color: transparent !important;
	color: #FFFFFF !important;
	border: 2px solid #FFFFFF !important;
}

/* ---------- Seções / colunas (diferenciais, produtos) ---------- */
.wp-block-group {
	padding-top: 4rem;
	padding-bottom: 4rem;
}

.wp-block-columns {
	gap: 2rem;
}

.wp-block-column {
	background-color: var(--color-bg-alt);
	border-radius: var(--radius);
	padding: 2rem 1.75rem;
	box-shadow: var(--shadow-soft);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.wp-block-column:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 30px rgba(46, 51, 46, 0.12);
}

.wp-block-column img {
	border-radius: var(--radius);
}

/* colunas "sem cartão" (ex: dentro de faixas coloridas) usam esta classe utilitária */
.no-card .wp-block-column {
	background: transparent;
	box-shadow: none;
	padding: 0.5rem;
}

/* ---------- Media & Text ---------- */
.wp-block-media-text {
	background-color: var(--color-bg-alt);
	border-radius: var(--radius);
	overflow: hidden;
	box-shadow: var(--shadow-soft);
	margin-bottom: 2.5rem;
}

.wp-block-media-text .wp-block-media-text__content {
	padding: 2.5rem;
}

.wp-block-media-text__media img {
	height: 100%;
	object-fit: cover;
}

/* ---------- Faixa CTA final ---------- */
.wp-block-group.has-background {
	border-radius: var(--radius);
}

/* ---------- Cards de imagem (produtos) ---------- */
figure.wp-block-image {
	border-radius: var(--radius);
	overflow: hidden;
}

figure.wp-block-image img {
	border-radius: var(--radius);
}

/* ---------- Footer ---------- */
#colophon, .footer-widgets, footer.footer-primary, .nv-footer {
	background-color: var(--color-primary-dark) !important;
	color: #F1EEE7 !important;
}

#colophon a, .footer-widgets a, .nv-footer a {
	color: #F1EEE7 !important;
}

/* ---------- Responsivo ---------- */
@media (max-width: 768px) {
	.wp-block-column {
		padding: 1.5rem;
	}
	.wp-block-media-text .wp-block-media-text__content {
		padding: 1.5rem;
	}
	.wp-block-group {
		padding-top: 2.5rem;
		padding-bottom: 2.5rem;
	}
}