/* Minimal footer shell. Elementor Theme Builder replaces it when configured. */

.oreneta-site-footer {
	margin-top: clamp(3rem, 7vw, 7rem);
	background: var(--wp--preset--color--text);
	color: var(--wp--preset--color--canvas);
}

.oreneta-site-footer__inner {
	display: flex;
	width: min(calc(100% - (2 * var(--oreneta-theme-gutter))), var(--oreneta-theme-shell));
	margin-inline: auto;
	padding-block: clamp(3rem, 6vw, 5rem);
	align-items: flex-start;
	justify-content: space-between;
	gap: 3rem;
}

.oreneta-site-footer__name {
	color: var(--wp--preset--color--canvas);
}

.oreneta-site-footer__brand p {
	max-width: 34ch;
	margin-block: 1rem 0;
	color: color-mix(in srgb, var(--wp--preset--color--canvas) 68%, transparent);
}

.oreneta-site-footer__menu,
.oreneta-site-footer__menu ul {
	display: flex;
	margin: 0;
	padding: 0;
	flex-wrap: wrap;
	gap: 0.75rem 1.5rem;
	list-style: none;
}

.oreneta-site-footer :where(a) {
	color: var(--wp--preset--color--canvas);
	text-decoration: none;
}

.oreneta-site-footer :where(a:hover) {
	color: var(--wp--preset--color--accent-soft);
}

.oreneta-site-footer__bottom {
	width: min(calc(100% - (2 * var(--oreneta-theme-gutter))), var(--oreneta-theme-shell));
	margin-inline: auto;
	padding-block: 1.25rem;
	border-top: 1px solid rgb(255 255 255 / 18%);
	color: color-mix(in srgb, var(--wp--preset--color--canvas) 58%, transparent);
	font-size: 0.8rem;
}

.oreneta-site-footer__bottom p {
	margin: 0;
}

@media (max-width: 48rem) {

	.oreneta-site-footer__inner {
		flex-direction: column;
	}

	.oreneta-site-footer__menu,
	.oreneta-site-footer__menu ul {
		display: grid;
	}
}