/*
 * Lumini — Manuale download library (producer PDFs: manuals, declarations).
 *
 * Standalone module, enqueued conditionally via the stylesheet manifest in
 * inc/enqueue.php (handle lumini-manuale) only on the "Manuale — Descărcări"
 * page template. Hand-authored plain CSS — no Tailwind, no @apply. It holds
 * ONLY the bits that are better as custom CSS than "endless" Tailwind: the
 * clamp heading, the stateful filter chip (shared vocabulary with the ghiduri
 * gallery), the download card and its hover-coordinated link rows. Everything
 * structural (grid, flex, spacing) stays as Tailwind utilities in the markup.
 * Cascades after main.css, so it reuses the :root design tokens by name.
 *
 * Markup:    template-parts/manuale/download-list.php.
 * Behaviour: assets/js/manuale.js (category filtering).
 */

/* ------------------------------------------------------------------ Hero */

.lumini-manuale__title {
	font-weight: 500;
	font-size: clamp(36px, 6vw, 72px);
	line-height: 0.98;
	letter-spacing: -0.03em;
	text-wrap: balance;
}

.lumini-manuale__accent {
	font-style: italic;
	color: var(--color-amber);
}

/* ----------------------------------------------------------- Filter chip */

.lumini-manuale__chip {
	padding: 8px 20px;
	font-family: var(--font-sans);
	font-weight: 600;
	font-size: 13px;
	color: var(--color-ink);
	background: transparent;
	border: 1px solid var(--color-line-2);
	border-radius: 999px;
	cursor: pointer;
	transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}

.lumini-manuale__chip:hover {
	border-color: var(--color-amber);
}

.lumini-manuale__chip[aria-pressed="true"] {
	color: var(--color-amber-fg);
	background: var(--color-amber);
	border-color: var(--color-amber);
}

/* ------------------------------------------------------- Category groups */

/* Filtered-out sections (JS toggles .is-hidden). */
.lumini-manuale__group.is-hidden {
	display: none;
}

.lumini-manuale__group-title {
	display: flex;
	align-items: baseline;
	gap: 10px;
	padding-bottom: 12px;
	font-weight: 600;
	font-size: 22px;
	letter-spacing: -0.01em;
	border-bottom: 1px solid var(--color-line);
}

.lumini-manuale__count {
	font-family: var(--font-mono);
	font-size: 12px;
	color: var(--color-ink-3);
}

/* ----------------------------------------------------------------- Card */

.lumini-manuale__card {
	padding: 18px 20px;
	background: var(--color-bg);
	border: 1px solid var(--color-line);
	border-radius: 10px;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.lumini-manuale__card:hover {
	border-color: var(--color-line-2);
	box-shadow: 0 6px 24px rgba(30, 41, 59, 0.07);
}

.lumini-manuale__card-title {
	font-weight: 600;
	font-size: 17px;
	line-height: 1.25;
	letter-spacing: -0.01em;
}

/* ------------------------------------------------------------- Link rows */

.lumini-manuale__link {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 7px 8px;
	margin: 0 -8px;
	font-size: 14px;
	color: var(--color-ink-2);
	border-radius: 7px;
	transition: color 0.2s ease, background 0.2s ease;
}

.lumini-manuale__link:hover {
	color: var(--color-ink);
	background: var(--color-amber-soft);
}

.lumini-manuale__link-icon {
	flex: none;
	display: grid;
	place-items: center;
	color: var(--color-turquoise);
}

.lumini-manuale__link:hover .lumini-manuale__link-icon {
	color: var(--color-amber);
}

.lumini-manuale__link-label {
	flex: 1;
	min-width: 0;
}

.lumini-manuale__link-meta {
	flex: none;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: var(--font-mono);
	font-size: 11px;
	color: var(--color-ink-3);
}

.lumini-manuale__link:hover .lumini-manuale__link-meta {
	color: var(--color-ink-2);
}