/* Offene Angebote page – modern layout and components */

/* Section headings */
body.page-offene-angebote .entry-content h2,
body.offene-angebote .entry-content h2 {
	font-size: 1.5rem;
	font-weight: 700;
	color: #1a1a2e;
	margin: 2rem 0 1rem;
	padding-bottom: 0.5rem;
	border-bottom: 3px solid #4361ee;
	letter-spacing: -0.02em;
}

body.page-offene-angebote .entry-content h3[id^="event-"],
body.offene-angebote .entry-content h3[id^="event-"] {
	font-size: 1.125rem;
	font-weight: 600;
	color: #2d2d44;
	margin: 1.25rem 0 0.5rem;
	scroll-margin-top: 1.5rem;
}

/* Event blocks: card-like spacing when followed by notes/button */
body.page-offene-angebote .entry-content h3[id^="event-"] + *,
body.offene-angebote .entry-content h3[id^="event-"] + * {
	margin-top: 0.25rem;
}

/* Jetzt anmelden button – primary style */
body.page-offene-angebote .entry-content .btn-ac,
body.offene-angebote .entry-content .btn-ac {
	display: inline-block;
	cursor: pointer;
	background: linear-gradient(135deg, #4361ee 0%, #3a56d4 100%);
	color: #fff !important;
	border: none;
	padding: 0.5rem 1rem;
	border-radius: 8px;
	font-weight: 600;
	font-size: 0.9375rem;
	transition: transform 0.15s ease, box-shadow 0.2s ease;
	box-shadow: 0 2px 8px rgba(67, 97, 238, 0.35);
}

body.page-offene-angebote .entry-content .btn-ac:hover,
body.offene-angebote .entry-content .btn-ac:hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(67, 97, 238, 0.45);
}

/* Collapsible booking area */
body.page-offene-angebote .entry-content .content-ac,
body.offene-angebote .entry-content .content-ac {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.35s ease-out;
}

body.page-offene-angebote .entry-content .content-ac p,
body.offene-angebote .entry-content .content-ac p {
	margin: 0.75rem 0 0;
	padding: 0;
}

/* Highlight when scrolled to from hash */
body.page-offene-angebote .entry-content .highlighted-event,
body.offene-angebote .entry-content .highlighted-event {
	background: linear-gradient(90deg, rgba(255, 243, 176, 0.85) 0%, rgba(255, 243, 176, 0) 100%);
	border-radius: 8px;
	padding: 0.25rem 0.5rem;
	margin: 0 -0.5rem;
	transition: background-color 1.5s ease, padding 0.2s ease;
}

/* Optional: subtle card for each event block (if you wrap in a div later) */
body.page-offene-angebote .entry-content .em-events-list,
body.offene-angebote .entry-content .em-events-list {
	max-width: 48rem;
}