/**
 * CzarCommerce — Footer estrutural (F12-B).
 *
 * Reproduz 1:1 o css/parts/footer-base.min.css legacy sob classes `czar-*`
 * (markup em footer.php / sidebar-footer.php com classe dupla durante a
 * migração). Mantém as custom properties --wd-* / --brdcolor-* porque elas
 * são definidas globalmente (base.min.css + theme settings) e consumidas
 * pelo grid legacy — o remapeamento para tokens --czar-* é etapa F12-F.
 */

.czar-footer-sidebar {
	padding-block: 40px;
}

.czar-footer-column > *:not(.widget) {
	margin-block: 0 var(--wd-block-spacing);
}

.czar-footer-column > *:not(.widget):last-child {
	margin-bottom: 0;
}

.czar-prefooter {
	padding-bottom: 40px;
	background-color: var(--wd-main-bgcolor);
}

.czar-copyrights {
	--wd-tags-mb: 10px;

	padding-block: 20px;
	border-top: 1px solid var(--brdcolor-gray-300);
}

.czar-copyrights.czar-layout-two-columns > .czar-grid-g {
	--wd-col-lg: 2;
	--wd-col-md: 1;
}

.czar-copyrights.czar-layout-centered {
	text-align: center;
}

@media (min-width: 1025px) {
	/* .sticky-footer-on (body, via option) e .wd-page-content (wrapper fora
	   do footer.php) ainda são legacy — migram nos passos dos seus templates. */
	.sticky-footer-on :is(.wd-page-content, .czar-prefooter) {
		position: relative;
		z-index: 2;
	}

	.sticky-footer-on .czar-footer {
		position: sticky;
		bottom: 0;
	}

	.czar-copyrights.czar-layout-two-columns .czar-col-end {
		text-align: end;
	}
}

@media (max-width: 1024px) {
	.czar-copyrights.czar-layout-two-columns {
		text-align: center;
	}
}