/* Robotics Pro – additional frontend styles loaded after theme stylesheet. */

.wp-block-post-template.is-layout-grid {
	gap: 1.75rem;
}

.wp-block-navigation .wp-block-navigation-item__content {
	font-weight: 500;
}

.wp-block-navigation .wp-block-navigation-item__content:hover {
	color: var(--wp--preset--color--accent);
}

.wp-block-search__input {
	border: 1px solid #d6dbe6;
	border-radius: 10px;
	padding: 0.7rem 1rem;
}

.wp-block-search__button {
	border-radius: 10px;
	background: var(--wp--preset--color--primary);
	color: #fff;
	border: none;
	padding: 0.7rem 1.2rem;
	font-weight: 600;
}

.wp-block-search__button:hover {
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--contrast);
}

/* Pulswelle (LOWE Branding) als dekorativer Hintergrund hinter dem Hero. */
.rp-hero-wave {
	position: relative;
	overflow: hidden;
}

.rp-hero-wave::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: url("../images/pulse-wave.svg");
	background-repeat: no-repeat;
	background-position: center 60%;
	background-size: 140% auto;
	opacity: 0.45;
	pointer-events: none;
	z-index: 0;
}

.rp-hero-wave > * {
	position: relative;
	z-index: 1;
}

.wp-block-post-featured-image img {
	width: 100%;
	height: auto;
	object-fit: cover;
}

.is-style-rp-card .wp-block-post-featured-image {
	margin: -1.5rem -1.5rem 1rem;
}

.is-style-rp-card .wp-block-post-featured-image img {
	border-radius: 14px 14px 0 0;
}

@media (max-width: 768px) {
	.wp-block-columns.are-vertically-aligned-center {
		gap: 2rem;
	}
}