/* Blok Kontakt: dwie kolumny — dane (jak w stopce) + mapa Google */

.block-kontakt .section__mini {
	color: var(--color);
}

.block-kontakt .kontakt-columns {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--grid-spacing, 2rem);
	align-items: start;
	width: 100%;
	margin-top: var(--grid-spacing, 1.5rem);
}

.block-kontakt .kontakt-col--contact .contact-data-grid {
	display: flex;
	flex-direction: column;
	gap: var(--grid-spacing, 1.5rem);
}

.block-kontakt .contact-group-title {
	margin: 0 0 0.75rem;
	padding-bottom: 0.625rem;
	border-bottom: 1px solid var(--color, #d0006b);
	font-size: var(--font-size-h6, 1rem);
	font-weight: 600;
	color: var(--color, #d0006b);
}

.block-kontakt .contact-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.625rem;
}

.block-kontakt .contact-item {
	color: var(--color, #333);
}

.block-kontakt .contact-item a {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	text-decoration: none;
	color: inherit;
}

.block-kontakt .contact-item a:hover {
	text-decoration: underline;
}

.block-kontakt .contact-item .contact-item__icon {
	flex-shrink: 0;
	color: var(--color, #e83281);
}

/* Mapa Google — wygląd domyślnego embedu (bez filtrów i nakładek). */
.block-kontakt .kontakt-map {
	position: relative;
	overflow: hidden;
	min-height: 320px;
}

.block-kontakt .kontakt-map iframe {
	width: 100%;
	height: min(450px, 55vh);
	min-height: 320px;
	display: block;
	box-sizing: border-box;
	border: 2px solid var(--color);
	border-radius: 20px;
}

@media screen and (max-width: 786px) {
	.block-kontakt .kontakt-columns {
		grid-template-columns: 1fr;
		gap: 2.5rem;
	}
}