/* OVALNEWS Core blocks. Colors use the theme palette, with fallbacks. */

/* Current Pivi Pro release */
.on-pivi__version {
	display: block;
	font-size: 2rem;
	font-weight: 800;
	line-height: 1;
	color: var(--wp--preset--color--ink, #14171f);
	text-decoration: none;
}
.on-pivi__version:hover { color: var(--wp--preset--color--orange-ink, #9a4c00); }
.on-pivi__date { margin: 0.35rem 0 0.6rem; color: var(--wp--preset--color--muted, #5f6672); }
.on-pivi__all { font-weight: 600; text-decoration: none; }

/* Archive by year (rail) */
.on-years { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.on-years a {
	display: grid;
	grid-template-columns: 2.6rem minmax(0, 1fr) 2.4rem;
	gap: 0.5rem;
	align-items: center;
	text-decoration: none;
	color: var(--wp--preset--color--body, #2b2f37);
	font-family: var(--wp--preset--font-family--mono, ui-monospace, monospace);
	font-size: 0.8125rem;
	line-height: 1.7;
}
.on-years a:hover .on-years__y { color: var(--wp--preset--color--orange-ink, #9a4c00); }
.on-years__bar {
	display: block;
	height: 6px;
	width: var(--w, 0%);
	min-width: 2px;
	background: var(--wp--preset--color--navy, #0b1d4d);
	border-radius: 0 2px 2px 0;
}
.on-years__n { text-align: right; color: var(--wp--preset--color--muted, #5f6672); font-variant-numeric: tabular-nums; }

.on-archive__cats-label { margin-top: 1.25rem !important; }
.on-cats { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.3rem; }
.on-cats li { display: flex; justify-content: space-between; gap: 0.5rem; }
.on-cats a { text-decoration: none; }
.on-cats span { color: var(--wp--preset--color--muted, #5f6672); font-variant-numeric: tabular-nums; }
.on-archive__all { display: inline-block; margin-top: 1rem; font-weight: 600; text-decoration: none; }

/* Archive page (full) */
.on-archive--full { border: 0; padding: 0; font-size: 1rem; }
.on-archive__year { border-top: 1px solid var(--wp--preset--color--line, #e3e6ec); padding-block: 0.9rem; }
.on-archive__year h3 { margin: 0 0 0.4rem; font-size: 1.25rem; display: flex; gap: 0.75rem; align-items: baseline; }
.on-archive__year h3 a { text-decoration: none; }
.on-archive__count { font-size: 0.8125rem; font-weight: 400; color: var(--wp--preset--color--muted, #5f6672); }
.on-archive__months { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.35rem 1rem; }
.on-archive__months span { color: var(--wp--preset--color--muted, #5f6672); font-size: 0.8125rem; }
.on-archive--full .on-cats { grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr)); column-gap: 2rem; }

/* Release header */
.on-rn-head { border-bottom: 1px solid var(--wp--preset--color--line, #e3e6ec); padding-bottom: 1rem; margin-bottom: 0.5rem; }
.on-rn-head p { margin: 0; }
.on-rn-head__platform {
	font-family: var(--wp--preset--font-family--mono, ui-monospace, monospace);
	font-size: 0.75rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--wp--preset--color--orange-ink, #9a4c00);
}
.on-rn-head__version { font-size: clamp(2.4rem, 6vw, 3.4rem); font-weight: 800; line-height: 1; color: var(--wp--preset--color--navy, #0b1d4d); margin: 0.3rem 0 !important; }
.on-rn-head__meta { color: var(--wp--preset--color--muted, #5f6672); font-size: 0.875rem; }

/* Breadcrumbs */
.on-crumbs { font-family: var(--wp--preset--font-family--mono, ui-monospace, monospace); font-size: 0.75rem; color: var(--wp--preset--color--muted, #5f6672); }
.on-crumbs ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.25rem; }
.on-crumbs li:not(:last-child)::after { content: "›"; margin-left: 0.25rem; }
.on-crumbs a { color: inherit; text-decoration: none; }
.on-crumbs a:hover { color: var(--wp--preset--color--orange-ink, #9a4c00); text-decoration: underline; }
.on-crumbs [aria-current] { display: inline-block; max-width: 28ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom; }

/* Older / newer release: layout fallback. The theme styles these as cards. */
.on-release-nav { display: flex; justify-content: space-between; gap: 1rem; margin-top: 2rem; }
.on-release-nav a { display: grid; gap: 0.2rem; text-decoration: none; }

/* Pivi Pro strip (phones and tablets) */
.on-pivi-strip { border-top: 1px solid var(--wp--preset--color--line, #e3e6ec); margin-top: 0.6rem; padding-top: 0.5rem; font-size: 0.875rem; }
.on-pivi-strip a { text-decoration: none; color: var(--wp--preset--color--ink, #14171f); }
.on-pivi-strip__label { font-family: var(--wp--preset--font-family--mono, ui-monospace, monospace); font-size: 0.75rem; letter-spacing: 0.06em; text-transform: uppercase; color: var(--wp--preset--color--muted, #5f6672); }
.on-pivi-strip strong { color: var(--wp--preset--color--navy, #0b1d4d); }