/* ==========================================================================
   Footer global LASSORI — petróleo (#034554), texto creme.
   Espelha template-parts/global/site-footer.php. Tokens em base/tokens.css.
   ========================================================================== */
.raz-footer {
	background: var(--raz-primary);
	color: var(--raz-cream);
	font-family: var(--raz-font);
}

.raz-footer__inner {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--raz-sp-4);
	padding-block: 6rem;
}
@media (min-width: 768px) {
	.raz-footer__inner { grid-template-columns: 1fr 1fr; gap: var(--raz-sp-5); }
}

.raz-footer__title {
	font-family: var(--raz-font-display);
	font-weight: 300;
	font-size: var(--raz-fs-lg);
	color: var(--raz-cream);
	margin: 0 0 var(--raz-sp-3);
}

/* Newsletter */
.raz-footer__news-row {
	display: flex;
	align-items: center;
	gap: var(--raz-sp-2);
	border-bottom: 1px solid color-mix(in srgb, var(--raz-cream) 35%, transparent);
	max-width: 360px;
}
.raz-footer__news-row input {
	flex: 1;
	background: none;
	border: 0;
	color: var(--raz-cream);
	font-size: var(--raz-fs-md);
	padding: var(--raz-sp-1) 0;
}
.raz-footer__news-row input::placeholder { color: color-mix(in srgb, var(--raz-cream) 60%, transparent); }
.raz-footer__news-row input:focus { outline: none; }
.raz-footer__news-row button {
	width: 34px; height: 34px;
	border: 1px solid color-mix(in srgb, var(--raz-cream) 50%, transparent);
	border-radius: 50%;
	background: none;
	color: var(--raz-cream);
	cursor: pointer;
	font-size: 1rem;
	flex-shrink: 0;
}
.raz-footer__news-row button:hover { background: color-mix(in srgb, var(--raz-cream) 14%, transparent); }
.raz-footer__news-note {
	margin: var(--raz-sp-2) 0 0;
	font-size: var(--raz-fs-sm);
	color: color-mix(in srgb, var(--raz-cream) 70%, transparent);
	max-width: 360px;
}

/* Info: e-mail grande + endereços + telefone + redes */
.raz-footer__info { display: flex; flex-direction: column; gap: var(--raz-sp-3); }
.raz-footer__email {
	font-family: var(--raz-font-display);
	font-weight: 300;
	font-size: var(--raz-fs-xl);
	line-height: var(--raz-lh-display);
	color: var(--raz-cream);
	text-decoration: none;
	word-break: break-word;
}
.raz-footer__email:hover { text-decoration: underline; }

.raz-footer__addresses { display: grid; gap: var(--raz-sp-3); }
@media (min-width: 480px) { .raz-footer__addresses { grid-template-columns: 1fr 1fr; } }
.raz-footer__address {
	font-style: normal;
	line-height: 1.7;
	color: color-mix(in srgb, var(--raz-cream) 85%, transparent);
	font-size: var(--raz-fs-sm);
}

.raz-footer__phone { color: var(--raz-cream); font-size: var(--raz-fs-lg); text-decoration: none; }
.raz-footer__phone:hover { text-decoration: underline; }

/* Redes circulares */
.raz-footer__social { list-style: none; margin: 0; padding: 0; display: flex; gap: var(--raz-sp-2); }
.raz-footer__social a {
	width: 36px; height: 36px;
	display: inline-flex; align-items: center; justify-content: center;
	border-radius: 50%;
	border: 1px solid color-mix(in srgb, var(--raz-cream) 40%, transparent);
	color: var(--raz-cream);
	transition: background 0.2s ease;
}
.raz-footer__social a:hover { background: color-mix(in srgb, var(--raz-cream) 14%, transparent); }

/* Barra inferior: logo + copyright */
.raz-footer__bar { border-top: 1px solid color-mix(in srgb, var(--raz-cream) 18%, transparent); }
.raz-footer__bar-inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--raz-sp-3);
	padding-block: var(--raz-sp-3);
}
.raz-footer__logo img { display: block; height: 22px; width: auto; }
.raz-footer__copy {
	margin: 0 0 0 auto;
	font-size: var(--raz-fs-sm);
	color: color-mix(in srgb, var(--raz-cream) 80%, transparent);
}