/*
Theme Name: Twenty Twenty Child
Theme URI: https://druckerei-wippold.de/
Description: Child theme of Twenty Twenty – dreispaltiger Footer (Footer #1–#3)
Author: druckerei-wippold
Template: twentytwenty
Version: 1.0.2
Text Domain: twentytwenty-child
*/

/* === Dreispaltiger Footer (CSS Grid) ===================== */
/* Keine Hintergrund-/Textfarben hier – kommen vom Parent Customizer (#0a0a0a). */

.footer-widgets-wrapper.footer-widgets-columns-3 {
	display: grid !important;
	grid-template-columns: 1fr;
	gap: 3rem;
	align-items: start;
	margin-left: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box;
}

.footer-widgets-wrapper.footer-widgets-columns-3 > .footer-widgets {
	display: block;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0;
	flex: none !important;
	box-sizing: border-box;
	min-width: 0;
}

.footer-widgets-wrapper.footer-widgets-columns-3 > .footer-widgets + .footer-widgets {
	margin-top: 0 !important;
}

@media (min-width: 700px) {
	.footer-widgets-wrapper.footer-widgets-columns-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 2.5rem;
	}
}

@media (min-width: 1000px) {
	.footer-widgets-wrapper.footer-widgets-columns-3 {
		gap: 4rem;
	}
}

.footer-widgets-columns-3 .widget {
	max-width: 100%;
}

.footer-widgets-columns-3 .widget + .widget {
	margin-top: 1.5rem;
}

.footer-widgets-columns-3 .wp-block-image,
.footer-widgets-columns-3 .wp-block-image img,
.footer-widgets-columns-3 figure,
.footer-widgets-columns-3 img {
	max-width: 100% !important;
	width: auto !important;
	height: auto !important;
	box-sizing: border-box;
}

.footer-widgets-columns-3 .wp-block-image {
	margin: 0 0 1.25rem;
}

.footer-widgets-columns-3 .wp-element-caption,
.footer-widgets-columns-3 figcaption {
	max-width: 100%;
	font-size: 1.4rem;
	line-height: 1.35;
	word-wrap: break-word;
	overflow-wrap: anywhere;
}