/**
 * Gruppe mit .precisis-grid-nav (Layout: Grid, z. B. 4 Kacheln mit Cover + Icon-Block + Text).
 * SVG-Icons: max. 130px breit, werden in schmalen Spalten kleiner; height:auto erhält viewBox-Aspekt
 * trotz Icon-Block-CSS (width/height 100% auf svg).
 *
 * Baut auf outermost/icon-block ( .wp-block-outermost-icon-block, .icon-container ).
 */
.precisis-grid-nav .wp-block-outermost-icon-block {
	width: 100%;
	max-width: min(100%, 130px);
	min-width: 0;
	margin-inline: auto;
	box-sizing: border-box;

	height: calc(100% - 50px);
    flex: 1;
    justify-content: center;
    flex-direction: column;
}

.precisis-grid-nav p{
	height: 50px;
}

.precisis-grid-nav .wp-block-outermost-icon-block .icon-container {
	max-width: 100% !important;
	width: 100% !important;
	height: auto !important;
}

.precisis-grid-nav .wp-block-outermost-icon-block a,
.precisis-grid-nav .wp-block-outermost-icon-block svg {
	width: 100% !important;
	height: auto !important;
}

.precisis-grid-nav .wp-block-outermost-icon-block a {
	display: block;
}

.precisis-grid-nav .wp-block-outermost-icon-block svg {
	max-width: 100%;
    display: block;
    max-height: 130px;
    width: auto !important;
    transform: translateY(-20px);
	transform-origin: center center;
}

/* Cover mit Link (.is-linked): Hover — Icon leicht zoomen, Teaser-Text Lime */
@media (prefers-reduced-motion: no-preference) {
	.precisis-grid-nav .wp-block-cover .wp-block-outermost-icon-block .icon-container {
		transition: transform 0.25s ease;
	}

	.precisis-grid-nav .wp-block-cover:hover .wp-block-outermost-icon-block .icon-container {
		transform: scale(1.1) !important;
	}
}

.precisis-grid-nav .wp-block-cover .wp-block-cover__inner-container p {
	transition: color 0.2s ease;
}

@media (prefers-reduced-motion: reduce) {
	.precisis-grid-nav .wp-block-cover .wp-block-cover__inner-container p {
		transition: none;
	}
}

.precisis-grid-nav .wp-block-cover:hover .wp-block-cover__inner-container p {
	color: var(--wp--preset--color--primary-alt, #B1D500);
}


/* ≤960: wieder etwas größer (130), aber ohne width:150% – das zerrt raus + wirkt off-center. */
@media (max-width: 1200px) {
	.precisis-grid-nav .wp-block-outermost-icon-block svg {
		transform: scale(0.8);
	}
}

/*
 * Unter 600px: 150% sichtbar per transform. margin-bottom: Abstand zum Text; overflow: Cover.
 */
@media (max-width: 600px) {
	.precisis-grid-nav .wp-block-outermost-icon-block svg {
		transform: scale(0.7);
	}
}
@media (max-width: 500px) {
	.precisis-grid-nav .wp-block-cover{
		aspect-ratio: unset !important;
	}
}