/* The manuals page widget. The accordion itself reuses the theme's
   .bold-acc/.bold-manual design language (bold.css); this file styles
   only what the widget adds: the part-number chip, per-year counts,
   and the right-side row meta. */

.alloway-manuals .bold-manual__meta {
	display: flex;
	align-items: center;
	gap: 1rem;
	flex: none;
}

.alloway-manuals__part {
	font-family: var(--bold-cond);
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-size: 0.72rem;
	color: var(--wp--preset--color--muted);
}

.alloway-manuals__count {
	display: inline-grid;
	place-items: center;
	min-width: 1.7rem;
	height: 1.7rem;
	padding: 0 0.4rem;
	margin-left: 0.5rem;
	border-radius: 999px;
	background: var(--bold-gold);
	color: var(--bold-ink);
	font-family: var(--bold-cond);
	font-size: 0.78rem;
	font-weight: 700;
	vertical-align: 0.15rem;
}

@media (max-width: 599px) {
	.alloway-manuals__part {
		display: none;
	}
}

/* The homepage teaser's deferral row: same row shell, quieter voice. */

.alloway-manuals__more {
	font-family: var(--bold-cond);
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-size: 0.78rem;
	color: var(--wp--preset--color--muted);
}

/* Controls: the search field, the pill row re-tinted for the light
   slab (bold.css styles the pills for the dark insights band), and the
   live count. */

.alloway-manuals__search {
	appearance: none;
	width: 100%;
	max-width: 30rem;
	border: 2px solid var(--bold-ink);
	border-radius: var(--bold-radius-sm);
	background: #fff;
	color: var(--bold-ink);
	font: inherit;
	padding: 0.7rem 0.95rem;
	margin-bottom: var(--wp--preset--spacing--30);
}

.alloway-manuals__search:focus-visible {
	outline: 2px solid var(--bold-gold);
	outline-offset: 2px;
}

.alloway-manuals .bold-filter__btn {
	border-color: rgb(26 26 26 / 30%);
	color: var(--bold-ink);
}

/* :not([aria-pressed=true]): the gold-on-ink hover must never touch a
   SELECTED pill — hover outranks the pressed state in the cascade, so
   a gold pill hovered went gold-on-gold (Jack 2026-08-28). */
.alloway-manuals .bold-filter__btn:hover:not([aria-pressed="true"]) {
	background: var(--bold-ink);
	border-color: var(--bold-gold);
	color: var(--bold-gold);
}

.alloway-manuals .bold-filter__btn[aria-pressed="true"] {
	background: var(--bold-gold);
	border-color: var(--bold-gold);
}

.alloway-manuals__status {
	font-family: var(--bold-cond);
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-size: 0.78rem;
	color: var(--wp--preset--color--muted);
	min-height: 1.2em;
	margin: 0 0 var(--wp--preset--spacing--30);
}

/* The designed empty state: same register as the accordion, one reset
   action. */

.alloway-manuals__empty {
	border-top: 2px solid var(--bold-ink);
	padding: var(--wp--preset--spacing--40) 0;
}

.alloway-manuals__empty-lead {
	font-family: var(--bold-display);
	font-weight: 800;
	text-transform: uppercase;
	font-size: 1.3rem;
	margin: 0 0 0.4rem;
}

.alloway-manuals__empty p {
	max-width: 42rem;
}

.alloway-manuals__empty .bold-filter__btn {
	margin-top: var(--wp--preset--spacing--30);
}

/* Machine-type structure (epic 11): the bold line heading over each
   line's accordions, and the being-filed note inside a machine-type
   group that has no manuals assigned yet. */
.alloway-manuals__line {
	margin-top: clamp(2.25rem, 4.5vw, 3.5rem);
}

.alloway-manuals__lineh {
	font-family: var(--bold-display);
	font-weight: 800;
	text-transform: uppercase;
	font-size: clamp(1.35rem, 2.2vw, 1.75rem);
	letter-spacing: 0.02em;
	margin: 0 0 0.85rem;
	color: var(--bold-ink);
}

.alloway-manuals__none {
	margin: 0;
	padding: 0.9rem 0;
	font-size: 0.95rem;
	color: var(--wp--preset--color--muted);
}