/* ==========================================================================
   Hero sheet — the information card that sits in the hero media slot.
   Static by design: no hover, no lift, no pointer (see feedback round 4).
   Only .hero-sheet__link rows are interactive, because those really are links.
   ========================================================================== */

.hero-sheet {
	background: #fff;
	border: 1px solid var(--border);
	border-radius: var(--radius-lg);
	padding: clamp(1.4rem, 2.4vw, 1.9rem);
	width: 100%;
}

.hero-sheet__head {
	display: flex;
	align-items: flex-start;
	gap: 0.9rem;
	padding-bottom: 1.1rem;
	border-bottom: 1px solid var(--border);
}

.hero-sheet__icon { flex: 0 0 auto; }

.hero-sheet__title {
	font-size: 1.15rem;
	line-height: 1.25;
	margin: 0;
}

.hero-sheet__note {
	margin: 0.3rem 0 0;
	font-size: 0.86rem;
	line-height: 1.45;
	color: var(--body);
}

.hero-sheet__rows {
	list-style: none;
	margin: 0;
	padding: 0;
}

.hero-sheet__row {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 1rem;
	padding: 0.72rem 0;
	border-bottom: 1px solid var(--border);
}

.hero-sheet__row:last-child { border-bottom: 0; padding-bottom: 0; }

.hero-sheet__label {
	color: var(--body);
	font-size: 0.92rem;
	flex: 0 0 auto;
}

.hero-sheet__value {
	color: var(--heading);
	font-weight: 700;
	font-size: 0.94rem;
	text-align: right;
	font-variant-numeric: tabular-nums;
}

/* Row that genuinely navigates — this one is allowed to react. */
.hero-sheet__link {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 1rem;
	width: 100%;
	text-decoration: none;
	color: inherit;
}
.hero-sheet__link .hero-sheet__value {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	color: var(--primary);
}
.hero-sheet__link .hero-sheet__value svg { width: 0.9rem; height: 0.9rem; }
.hero-sheet__link:hover .hero-sheet__value { color: var(--primary-dark); }

.hero-sheet__foot {
	margin: 1.05rem 0 0;
	padding-top: 0.95rem;
	border-top: 1px solid var(--border);
	font-size: 0.8rem;
	line-height: 1.5;
	color: var(--muted);
}

/* Table mode — schedules with several labelled columns (round 7, Mikulov). */
.hero-sheet__table {
	width: 100%;
	border-collapse: collapse;
	font-variant-numeric: tabular-nums;
}
.hero-sheet__table thead th {
	padding: 0.85rem 0.5rem 0.7rem;
	vertical-align: top;
	font-size: 0.74rem;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: var(--primary-dark);
	text-align: left;
	border-bottom: 1px solid var(--border);
}
.hero-sheet__table tbody th,
.hero-sheet__table tbody td {
	padding: 0.65rem 0.5rem;
	vertical-align: top;
	border-bottom: 1px solid var(--border);
	text-align: left;
}
.hero-sheet__table tr > :first-child { padding-left: 0; }
.hero-sheet__table tr > :last-child { padding-right: 0; }
.hero-sheet__table tbody tr:last-child > * { border-bottom: 0; padding-bottom: 0; }
.hero-sheet__table tbody th { font-weight: 400; font-size: 0.92rem; color: var(--body); white-space: nowrap; }
.hero-sheet__table tbody td { font-weight: 700; font-size: 0.9rem; color: var(--heading); line-height: 1.45; }
.hero-sheet__dash { color: var(--muted); font-weight: 400; }
/* Time ranges stay whole; only a long note line like "(návštěvní služba)" wraps. */
.hero-sheet__t { display: block; white-space: nowrap; }
.hero-sheet__t--note { white-space: normal; font-weight: 400; font-size: 0.82rem; color: var(--body); }
.hero-sheet__table { table-layout: fixed; }
.hero-sheet__table thead td { width: 6.5rem; } /* day column; the time columns share the rest evenly */

/* On coloured / navy bands the sheet keeps its white surface — no change. */

@media (max-width: 620px) {
	.hero-sheet__row { flex-direction: column; align-items: flex-start; gap: 0.2rem; }
	.hero-sheet__value { text-align: left; }
	.hero-sheet__link { flex-direction: column; align-items: flex-start; gap: 0.2rem; }
}