/* ── Site Footer ─────────────────────────────────────────────── */

.site-footer {
	background: var(--supramel-color-primary);
	color: var(--supramel-color-footer-text);
}

/* ── Corpo principal: 3 colunas ─────────────────────────────── */

.site-footer__inner {
	display: grid;
	grid-template-columns: minmax(200px, 1fr) minmax(160px, 0.7fr) minmax(300px, 1.3fr);
	gap: 3rem;
	align-items: start;
	padding-top: 4rem;
	padding-bottom: 3rem;
}

/* ── Coluna 1: Newsletter ───────────────────────────────────── */

.site-footer__newsletter-title {
	margin: 0;
	color: var(--supramel-color-on-primary);
	font-family: var(--supramel-font-heading);
	font-size: 1.15rem;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: var(--supramel-text-btn-letter-spacing);
}

.site-footer__newsletter-text {
	margin: 0.6rem 0 0;
	color: var(--supramel-color-footer-text-muted);
	font-size: 0.95rem;
	line-height: 1.6;
}

.site-footer__newsletter-form {
	display: flex !important;
	flex-direction: column !important;
	gap: 0;
	margin-top: 1rem;
}

.site-footer__newsletter-input {
	width: 100%;
	min-height: 48px;
	padding: 0 1rem;
	border: 1px solid var(--supramel-color-footer-border);
	border-radius: 999px;
	background: var(--supramel-color-surface-input);
	color: var(--supramel-color-secondary);
	font-size: 0.95rem;
}

.site-footer__newsletter-input::placeholder {
	color: var(--supramel-color-text-placeholder);
}

.site-footer__newsletter-btn {
	width: 100% !important;
	margin-top: 0.5625rem !important; /* 9px */
	min-height: 48px;
	padding: 0.75rem 1.2rem !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: var(--supramel-color-highlight) !important;
	color: var(--supramel-color-on-highlight) !important;
	font-family: var(--supramel-font-heading);
	font-size: var(--supramel-text-btn-size) !important;
	font-weight: var(--supramel-text-btn-weight) !important;
	line-height: var(--supramel-text-btn-line-height) !important;
	letter-spacing: var(--supramel-text-btn-letter-spacing) !important;
	text-transform: var(--supramel-text-btn-transform) !important;
	box-shadow: 0 8px 20px rgba(36, 50, 58, 0.06) !important;
	cursor: pointer;
	transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.site-footer__newsletter-btn:hover {
	background: var(--supramel-color-highlight-hover);
	transform: translateY(-1px);
	box-shadow: var(--supramel-shadow-button-soft) !important;
}

.site-footer__newsletter-mailpoet {
	width: 100%;
	padding: 0.5rem 0.75rem 0.75rem 0;
}

.site-footer__newsletter-mailpoet > div,
.site-footer__newsletter-mailpoet .mailpoet_form_popup_overlay,
.site-footer__newsletter-mailpoet .mailpoet_form_widget,
.site-footer__newsletter-mailpoet .mailpoet_form_widget form,
.site-footer__newsletter-mailpoet .mailpoet_paragraph,
.site-footer__newsletter-mailpoet .mailpoet_form_columns,
.site-footer__newsletter-mailpoet .mailpoet_form_columns_container {
	background: transparent !important;
	box-shadow: none !important;
	border: 0 !important;
}

.site-footer__newsletter-mailpoet form.mailpoet_form {
	margin: 0;
	padding: 0 !important;
	background: transparent !important;
	border-radius: 0 !important;
}

.site-footer__newsletter-mailpoet .mailpoet_form_columns_container,
.site-footer__newsletter-mailpoet .mailpoet_form_columns {
	width: 100%;
}

.site-footer__newsletter-mailpoet .mailpoet_form_column {
	margin: 0 !important;
}

.site-footer__newsletter-mailpoet .mailpoet_paragraph,
.site-footer__newsletter-mailpoet p.mailpoet_form_paragraph,
.site-footer__newsletter-mailpoet p.mailpoet_form_paragraph.last {
	margin: 0;
	line-height: normal;
}

.site-footer__newsletter-mailpoet .mailpoet-heading {
	margin: 0 0 0.75rem;
	color: var(--supramel-color-bg) !important;
	font-family: var(--supramel-font-heading);
	font-size: var(--supramel-text-h2-size);
	font-weight: 700;
	line-height: var(--supramel-text-h2-line-height);
}

.site-footer__newsletter-mailpoet .mailpoet_paragraph + .mailpoet_paragraph,
.site-footer__newsletter-mailpoet .mailpoet_form_paragraph + .mailpoet_form_paragraph {
	margin-top: 0.625rem;
}

.site-footer__newsletter-mailpoet .mailpoet_text,
.site-footer__newsletter-mailpoet input.mailpoet_text {
	width: 100% !important;
	min-height: 48px;
	padding: 0 1rem;
	border: 1px solid var(--supramel-color-border-input) !important;
	border-radius: 999px;
	background: var(--supramel-color-surface-input);
	color: var(--supramel-color-secondary);
	font-size: 0.95rem;
	box-shadow: none;
}

.site-footer__newsletter-mailpoet .mailpoet_text::placeholder,
.site-footer__newsletter-mailpoet input.mailpoet_text::placeholder {
	color: var(--supramel-color-text-placeholder);
}

.site-footer__newsletter-mailpoet .mailpoet_submit,
.site-footer__newsletter-mailpoet input.mailpoet_submit,
.site-footer__newsletter-mailpoet button.mailpoet_submit {
	width: 100% !important;
	min-height: 48px;
	padding: 0.75rem 1.2rem !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: var(--supramel-color-highlight) !important;
	color: var(--supramel-color-on-highlight) !important;
	font-family: var(--supramel-font-heading);
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: var(--supramel-text-btn-line-height) !important;
	letter-spacing: var(--supramel-text-btn-letter-spacing) !important;
	text-transform: uppercase !important;
	box-shadow: 0 8px 20px rgba(36, 50, 58, 0.06) !important;
	cursor: pointer;
	transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.site-footer__newsletter-mailpoet .mailpoet_submit:hover,
.site-footer__newsletter-mailpoet .mailpoet_submit:focus {
	background: var(--supramel-color-highlight-hover) !important;
	transform: translateY(-1px);
	box-shadow: var(--supramel-shadow-button-soft) !important;
}

.site-footer__newsletter-mailpoet .mailpoet_submit {
	margin-top: 0.625rem !important;
}

.site-footer__newsletter-mailpoet .mailpoet_form_loading {
	margin-top: 0.5rem;
}

.site-footer__newsletter-mailpoet .mailpoet_message,
.site-footer__newsletter-mailpoet .parsley-errors-list,
.site-footer__newsletter-mailpoet .mailpoet_validate_success,
.site-footer__newsletter-mailpoet .mailpoet_validate_error,
.site-footer__newsletter-mailpoet .mailpoet_form_paragraph a,
.site-footer__newsletter-mailpoet .mailpoet_paragraph a {
	color: var(--supramel-color-footer-text-soft);
}

.site-footer__newsletter-mailpoet .mailpoet_message,
.site-footer__newsletter-mailpoet .mailpoet_form_paragraph,
.site-footer__newsletter-mailpoet .mailpoet_paragraph {
	color: var(--supramel-color-bg) !important;
	font-family: var(--supramel-font-body);
	font-size: 13px;
	font-weight: 400;
	line-height: 1.4em;
}

.site-footer__newsletter-mailpoet .mailpoet_text_label,
.site-footer__newsletter-mailpoet .mailpoet_segment_label,
.site-footer__newsletter-mailpoet .mailpoet_checkbox_label {
	color: var(--supramel-color-bg);
}

@media (max-width: 640px) {
	.site-footer__newsletter-mailpoet {
		padding-right: 0;
	}

	.site-footer__newsletter-mailpoet .mailpoet-heading {
		font-size: 24px;
	}
}

/* ── Coluna 2: Marca + Redes sociais ────────────────────────── */

.site-footer__brand {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1.25rem;
	text-align: center;
}

.site-footer__brand-name {
	margin: 0;
	font-family: var(--supramel-font-heading);
	font-size: 1.1rem;
	font-weight: 700;
	letter-spacing: var(--supramel-text-btn-letter-spacing);
	text-transform: uppercase;
	color: var(--supramel-color-on-primary);
}

.site-footer__home {
	display: inline-flex;
	text-decoration: none;
}

.site-footer__logo {
	display: block;
	width: 100%;
	max-width: 180px;
	height: auto;
	filter: brightness(0) invert(1);
}

.site-footer__socials {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1.1rem;
}

.site-footer__social {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--supramel-color-on-primary) !important;
	text-decoration: none;
	transition: color 0.2s ease, transform 0.2s ease;
}

.site-footer__social:hover {
	color: var(--supramel-color-highlight) !important;
	transform: translateY(-2px);
}

.site-footer__social svg {
	width: 1.6rem;
	height: 1.6rem;
	fill: currentColor;
}

/* ── Coluna 3: Links de navegação ───────────────────────────── */

.site-footer__links {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2rem;
}

.site-footer__link-title {
	margin: 0 0 1rem;
	color: var(--supramel-color-on-primary) !important;
	font-family: var(--supramel-font-heading);
	font-size: 0.95rem;
	font-weight: 700;
	letter-spacing: var(--supramel-text-btn-letter-spacing);
	text-transform: capitalize;
}

.site-footer__link-list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 0.7rem;
}

.site-footer__links a,
.site-footer__links a:visited,
.site-footer__link-list a,
.site-footer__link-list a:visited {
	color: var(--supramel-color-bg) !important;
	font-size: 0.9rem;
	font-weight: 500;
	text-decoration: none !important;
	transition: color 0.2s ease;
}

.site-footer__links a:hover,
.site-footer__link-list a:hover {
	color: var(--supramel-color-highlight) !important;
}

/* ── Barra de atendimento ───────────────────────────────────── */

.site-footer__support {
	border-top: 1px solid var(--supramel-color-footer-border-strong);
	padding: 0.9rem 0;
}

.site-footer__support-inner {
	display: flex;
	align-items: center;
	gap: 1rem;
	flex-wrap: wrap;
}

.site-footer__support-label {
	font-family: var(--supramel-font-heading);
	font-size: 0.85rem;
	font-weight: 700;
	color: var(--supramel-color-on-primary);
	text-transform: uppercase;
	letter-spacing: var(--supramel-text-btn-letter-spacing);
	white-space: nowrap;
}

.site-footer__support-info {
	color: var(--supramel-color-footer-text-soft);
	font-size: 0.88rem;
}

/* ── Barra inferior: copyright + pagamentos ─────────────────── */

.site-footer__bar {
	border-top: 1px solid var(--supramel-color-footer-border-soft);
	padding: 0.85rem 0;
	background: var(--supramel-color-footer-bar-bg);
}

.site-footer__bar-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	flex-wrap: wrap;
}

.site-footer__copy {
	margin: 0;
	color: var(--supramel-color-footer-text-faint);
	font-size: 0.82rem;
}

.site-footer__payments {
	display: flex;
	align-items: center;
	gap: 0.65rem;
}

.site-footer__pay-icon {
	height: 22px;
	width: auto;
	opacity: 0.85;
}

/* ── Responsivo ─────────────────────────────────────────────── */

@media (max-width: 980px) {
	.site-footer__inner {
		grid-template-columns: 1fr 1fr;
		gap: 2rem;
	}

	.site-footer__brand {
		grid-column: 1 / -1;
		flex-direction: row;
		justify-content: center;
		text-align: left;
	}

	.site-footer__links {
		grid-column: 1 / -1;
	}
}

@media (max-width: 640px) {
	.site-footer__inner {
		grid-template-columns: 1fr;
		gap: 2rem;
		padding-top: 2rem;
		padding-bottom: 2rem;
	}

	.site-footer__brand {
		grid-column: auto;
		flex-direction: column;
		align-items: flex-start;
		text-align: left;
	}

	.site-footer__socials {
		justify-content: flex-start;
	}

	.site-footer__links {
		grid-column: auto;
		grid-template-columns: 1fr 1fr;
	}

	.site-footer__bar-inner {
		flex-direction: column;
		align-items: flex-start;
		gap: 0.6rem;
	}
}