/**
 * Footer component styles.
 *
 * Layout (colors, padding, fonts, flex layout) is handled by
 * FSE block attributes in parts/footer.html.
 * This file only covers what block attributes cannot express.
 */

/* Footer columns — shrink to content width so parent flex centers them */
.cmc-footer-columns {
	width: max-content;
}

/* Footer column — center inline text */
.cmc-footer-column {
	text-align: center;
}

/* Footer separator — 75% width */
.cmc-footer-separator {
	width: 75%;
}

/* Footer menu (classic menus rendered via shortcode) */
.cmc-footer-nav {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.cmc-footer-nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.cmc-footer-nav a {
	color: var(--wp--preset--color--white);
	text-decoration: none;
	font-size: var(--wp--preset--font-size--small);
}

/* Copyright bar links */
.cmc-copyright-bar a {
	color: inherit;
	text-decoration: underline;
}

@media (max-width: 768px) {
	.cmc-footer-columns {
		width: 100%;
		flex-direction: column !important;
	}

	.cmc-footer-column {
		text-align: left;
	}

	.cmc-footer-nav {
		align-items: flex-start;
	}
}