/* Loaded last. Bootstrap's reboot sets `body{font-family:var(--bs-body-font-family)}` (system stack), clobbering the theme font that the preflight applies to (Inter — the site default). Re-assert it so typography matches the live site. */ body { font-family: "Inter", sans-serif; } /* Tailwind utilities used by hand-written components but absent from the frozen theme CSS snapshot (this project has no live Tailwind build — see theme-assets.ts). */ .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } @keyframes spin { to { transform: rotate(360deg); } } .animate-spin { animation: spin 0.8s linear infinite; } @media (max-width: 768px) { /* Pro mobile menu: keep theme spacing on Valtes Voor sub-items, hide nested pill corners. */ #mobileMenu ul.sub-menu > li.menu-item { border-radius: 0; } } /* Kennis pagination: the vendored theme CSS gives every page-number pill the same border (.page-numbers li a / .page-numbers li span, output-new.css) but never styles `.current` differently — true on the live site too. output.css also has `.page-numbers li .page-numbers:not(.prev, .next)` (specificity 0,3,1: two classes off the redundant `page-numbers` class the theme puts on every link/span, plus `li`), which beats a same-shape `.current` selector (0,2,2) and silently re-wins border-color/color. !important is the only reliable way to beat it without matching that selector's exact shape. */ .page-numbers li span.current { background-color: var(--color-primaryLight, #f0f5ff) !important; border-color: #2b37dc !important; /* same blue as the prev/next arrow icons */ color: #2b37dc !important; font-weight: 700; } /* The "…" ellipsis is inert text, not a link — the browser's default I-beam cursor over plain text otherwise implies it's selectable/interactive. */ .page-numbers .dots { cursor: default; }