/*
 * Alphabetical Pagination — minimal stylesheet.
 *
 * Only the structural rules required for the plugin to function correctly
 * are kept here. Colours, typography, borders, and button skins are left to
 * the active theme so the output blends in naturally.
 *
 * The only non-structural rule retained is the :focus-visible outline,
 * because removing it would break WCAG-AA keyboard accessibility.
 */

/* Letter navigation: kill the default <ol> numbering and lay items inline. */
ol.snap_nav {
	list-style: none;
	margin: 0;
	padding: 0;
}

ol.snap_nav li {
	display: inline;
}

/* 2.3.0 — Disabled (empty bucket) letter: visually muted, programmatically
   non-interactive. aria-disabled on the <li> drives the semantics; this rule
   just gives sighted users a matching visual hint. */
.snap-disabled {
	opacity: 0.4;
	cursor: not-allowed;
}
.snap-disabled a {
	pointer-events: none;
}

/* Pagination: lay the page-number links in a row. */
.snap-pagination-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}

/* WCAG AA: keep a visible keyboard focus indicator. Themes that already
   provide their own focus styles can override this freely. */
.snap-nav-wrap a:focus-visible,
.snap-post-title-link:focus-visible,
.snap-learn-more:focus-visible,
.snap-pagination a:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}
