/*
 * Marci — detail akce (single-akce.php, template-parts/akce/).
 * Navazuje na komponenty titulní stránky (front.css): hero, cta-card,
 * reference, výpis akcí. Nové jsou jen karta „Údaje o akci" (styl dlaždice)
 * a rozložení popisu. Mobile-first, selektory pod #main jako ve front.css.
 */

/* === Rozložení Astry: obsah na plnou šířku === */
.single-akce #primary { width: 100%; margin: 0; padding: 0; }
#main.marci-akce { width: 100%; }

/* === ÚVODNÍ PÁS === */
/* Na kartě akce zužuje štítek flex rodič (align-self); tady blokový rodič → fit-content. */
#main .marci-akce-hero .marci-event__status { width: fit-content; margin-bottom: var(--space-4); }
#main .marci-akce-hero__when {
	margin: 0 0 var(--space-4);
	font-size: 1.08rem;
	font-weight: 600;
	color: var(--color-white);
}

/* === POPIS + ÚDAJE === */
#main .marci-akce-detail__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--space-10);
	align-items: start;
}
#main .marci-akce-facts {
	padding: var(--space-6);
	border: 1px solid var(--color-border-tint);
	border-radius: var(--radius-lg);
	background: var(--color-bg);
	box-shadow: var(--shadow-sm);
}
#main .marci-akce-facts__title {
	margin: 0 0 var(--space-4);
	font-family: var(--font-heading);
	font-weight: 600;
	font-size: 1.28rem;
	line-height: var(--lh-snug);
	color: var(--color-text);
}
#main .marci-akce-facts__list { margin: 0; }
#main .marci-akce-facts__list > div {
	padding-block: var(--space-3);
	border-top: 1px solid var(--color-border);
}
#main .marci-akce-facts__list dt {
	font-family: var(--font-mono);
	font-size: var(--text-xs);
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--color-text-muted);
}
#main .marci-akce-facts__list dd { margin: var(--space-1) 0 0; color: var(--color-text); }
#main .marci-akce-facts__dates { font-size: var(--text-sm); }
#main .marci-akce-facts__note {
	display: block;
	font-size: var(--text-sm);
	color: var(--color-text-muted);
}
#main .marci-akce-facts__tz {
	margin: 0 0 var(--space-4);
	font-size: var(--text-sm);
	color: var(--color-text-muted);
}
#main .marci-akce-facts .marci-btn { width: 100%; }

#main .marci-akce-content { max-width: 70ch; color: var(--color-text); }
#main .marci-akce-content > :first-child { margin-top: 0; }
#main .marci-akce-content img { max-width: 100%; height: auto; border-radius: var(--radius-md); }

/* === PŘIHLÁŠKA === */
/* Jednotné textové vstupy: stávající obrys polí, zaoblení e-mailového pole. */
#main .npsac-checkout .npsac-fields input {
	border-width: 1px;
	border-color: var(--color-text-muted);
	border-radius: var(--radius-full);
}
#main .npsac-checkout .npsac-fields input:focus {
	border-color: var(--color-primary);
}
#main .marci-akce-signup__contact { margin: 0; text-align: center; color: var(--color-text-muted); }
#main .marci-akce-signup__links {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--space-2);
	margin: var(--space-6) 0 0;
}

/* === ≥ 768px === */
@media (min-width: 768px) {
	#main .marci-akce-hero__inner--text { grid-template-columns: minmax(0, 1fr); }
}

/* === ≥ 1024px: popis vlevo, údaje vpravo === */
@media (min-width: 1024px) {
	#main .marci-akce-detail__inner { grid-template-columns: minmax(0, 1fr) 340px; gap: var(--space-12); }
	#main .marci-akce-facts {
		grid-column: 2;
		grid-row: 1;
		position: sticky;
		top: var(--space-6);
	}
	#main .marci-akce-content { grid-column: 1; grid-row: 1; }
}