/* =========================================================
   Entangle Events — single event + events archive LAYOUT.
   Owns the composition around the plugin's blocks: the event body's readable
   measure + rhythm, the calendar button, the newsletter box and the "more" /
   archive sections. Colors & sizes resolve via the theme (--color-*, font-size
   presets) with neutral fallbacks, so it stays on-brand on any theme.

   Wrapper-class contract (provided by the theme's event templates):
     .event-single  → the single-event main section
     .event-more    → the "Další události" section under the content
     .events-archive→ the archive listing section
   ========================================================= */

/* ---- Event body: readable line length, body size, breathing room from the hero ---- */
.event-single .wp-block-post-content {
	max-width: 42rem;                 /* ~65–70ch — best-practice measure */
	margin-inline: auto;
	margin-top: clamp(32px, 4vw, 56px);
	font-size: var(--wp--preset--font-size--body, 1rem);
	line-height: 1.7;
}
.event-single .wp-block-post-content > * + * {
	margin-top: 1.25em;
}
.event-single .wp-block-post-content :where(p, li) {
	font-size: inherit;
}

/* ---- "Add to calendar" — centered, with space above ---- */
.event-single .entangle-calendar-dropdown {
	display: block;
	width: fit-content;
	margin: clamp(28px, 3.4vw, 44px) auto 0;
}

/* ---- Newsletter box (from entangle-core; colors/size come from the theme token bridge) ----
   The box is appended into .wp-block-post-content, whose `> * + *` body rhythm (specificity
   0,2,0) would otherwise cap this to ~1.25em. Scope the selector to outrank it so the box
   sits well clear of the "Add to calendar" button above. */
.event-single .wp-block-post-content .entangle-events-subscribe {
	margin-top: clamp(52px, 6vw, 88px);
}
/* scoped under .entangle-events-subscribe to outrank the shortcode's own inline <style> */
.entangle-events-subscribe .entangle-subscribe {
	max-width: 680px;
}
.entangle-events-subscribe .entangle-subscribe__box {
	padding: clamp(28px, 3.4vw, 44px) clamp(20px, 3vw, 40px);
}
.entangle-events-subscribe .entangle-subscribe__heading {
	font-family: var(--font-serif, inherit);
}
.entangle-events-subscribe .entangle-subscribe__email,
.entangle-events-subscribe .entangle-subscribe__submit {
	font-size: var(--wp--preset--font-size--body, 1rem);
	border-radius: 999px;
	padding: 0.7em 1.2em;
}
.entangle-events-subscribe .entangle-subscribe__consent {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}
.entangle-events-subscribe .entangle-subscribe__consent input {
	margin: 0;
	flex: none;
}

/* ---- "Další události" section under the event content ---- */
.event-more {
	padding-top: clamp(40px, 5vw, 64px);
	border-top: 1px solid var(--color-rule, rgba(0, 0, 0, 0.12));
}

/* ---- Events archive: even rhythm between the upcoming / past sections ---- */
.events-archive > * + * {
	margin-top: clamp(40px, 5vw, 64px);
}