/**
 * Local association and meeting details aligned with the shared AWO design.
 */

.elementor.awo-local-pilot {
	background: var(--awo-white, #fff);
}

.elementor .awo-local-offer-grid {
	display: grid;
	gap: 24px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.elementor .awo-local-offer-grid article {
	background: var(--awo-white, #fff);
	border: 1px solid #d7d7d7;
	border-top: 6px solid var(--awo-red, #e0001b);
	border-radius: var(--awo-radius, 6px);
	padding: clamp(28px, 4vw, 42px);
}

.elementor .awo-local-offer-grid article > * {
	margin-block: 0;
}

.elementor .awo-local-offer-grid span {
	color: var(--awo-red, #e0001b);
	font-size: 13px;
	font-weight: 900;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.elementor .awo-local-offer-grid h3 {
	font-size: clamp(25px, 2.3vw, 34px);
	line-height: 1.2;
	margin-top: 16px;
}

.elementor .awo-local-offer-grid p {
	color: var(--awo-muted, #4d4d4d);
	font-size: 18px;
	line-height: 1.6;
	margin-top: 16px;
}

.elementor .awo-gohfeld-gallery {
	overflow: hidden;
}

.elementor .awo-gohfeld-gallery__head {
	align-items: end;
	display: flex;
	gap: 40px;
	justify-content: space-between;
	margin-bottom: 34px;
}

.elementor .awo-gohfeld-gallery__head .awo-section-heading {
	margin-bottom: 0;
	max-width: 850px;
}

.elementor .awo-gohfeld-gallery__controls {
	display: flex;
	gap: 10px;
	padding-bottom: 4px;
}

.elementor .awo-gohfeld-gallery__controls button {
	align-items: center;
	background: var(--awo-white, #fff);
	border: 2px solid var(--awo-black, #000);
	border-radius: 50%;
	color: var(--awo-black, #000);
	cursor: pointer;
	display: inline-flex;
	font-size: 23px;
	height: 48px;
	justify-content: center;
	transition: background-color .25s ease-in-out, border-color .25s ease-in-out, color .25s ease-in-out;
	width: 48px;
}

.elementor .awo-gohfeld-gallery__controls button:is(:hover, :focus-visible) {
	background: var(--awo-interaction-hover, #b2b2b2);
	border-color: var(--awo-interaction-hover, #b2b2b2);
	color: var(--awo-white, #fff);
}

.elementor .awo-gohfeld-gallery__controls button:focus-visible {
	outline: 3px solid var(--awo-black, #000);
	outline-offset: 3px;
}

.elementor .awo-gohfeld-gallery__controls button:disabled {
	cursor: default;
	opacity: .35;
}

.elementor .awo-gohfeld-gallery__viewport {
	border-radius: var(--awo-radius, 6px);
	overflow: hidden;
	width: 100%;
}

.elementor .awo-gohfeld-gallery__track {
	display: flex;
	transition: transform .45s ease-in-out;
	will-change: transform;
}

.elementor .awo-gohfeld-gallery__slide {
	background: #111;
	flex: 0 0 100%;
	height: clamp(430px, 51vw, 650px);
	margin: 0;
	overflow: hidden;
}

.elementor .awo-gohfeld-gallery__slide img {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.elementor .awo-gohfeld-gallery__status {
	align-items: center;
	display: flex;
	gap: 18px;
	margin-top: 22px;
}

.elementor .awo-gohfeld-gallery__status p {
	font-size: 15px;
	font-weight: 900;
	margin: 0;
	min-width: 58px;
}

.elementor .awo-gohfeld-gallery__status > div {
	background: #d2d2d2;
	height: 3px;
	overflow: hidden;
	width: 100%;
}

.elementor .awo-gohfeld-gallery__status > div span {
	background: var(--awo-red, #e0001b);
	display: block;
	height: 100%;
	transform: scaleX(.2);
	transform-origin: left;
	transition: transform .35s ease;
	width: 100%;
}

.elementor .awo-pilot-relation {
	align-items: center;
	background: #f2f2f2;
	border-left: 6px solid var(--awo-red, #e0001b);
	display: flex;
	gap: clamp(32px, 6vw, 80px);
	justify-content: space-between;
	padding: clamp(30px, 5vw, 52px);
}

.elementor .awo-pilot-relation h2 {
	margin: 8px 0 14px;
}

.elementor .awo-pilot-relation p:not(.awo-eyebrow) {
	font-size: 18px;
	line-height: 1.6;
	margin: 0;
	max-width: 760px;
}

.elementor .awo-pilot-relation .awo-button-link {
	flex: 0 0 auto;
}

@media (max-width: 1023px) {
	.elementor .awo-local-offer-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.elementor .awo-local-offer-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.elementor .awo-gohfeld-gallery__head,
	.elementor .awo-pilot-relation {
		align-items: flex-start;
		flex-direction: column;
	}

	.elementor .awo-gohfeld-gallery__slide {
		height: 390px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.elementor .awo-gohfeld-gallery__track,
	.elementor .awo-gohfeld-gallery__status > div span,
	.elementor .awo-gohfeld-gallery__controls button {
		transition: none;
	}
}