/* ============================================================
   AcceGuru - A11y column on post-list tables
   ============================================================ */

.column-acceguru_issues {
	width: 125px;
	text-align: left;
}

/* One link, one tab stop: the badges inside are decoration, the wording
   travels through the link name and the tooltip. */
.a11y-col-group {
	display: inline-flex;
	/* One line always: five badges fit the column width below. */
	flex-wrap: nowrap;
	gap: 0;
	justify-content: flex-start;
	text-decoration: none;
}

.a11y-col-group:focus {
	outline: 2px solid #2271b1;
	outline-offset: 2px;
}

/* Letter above, number below. Two short lines stay narrower than one long
   line, which is what keeps five badges inside a list-table column. */
.a11y-col-badge {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	/* Room for two characters and no more: "Mi" above, two digits below. */
	min-width: 20px;
	padding: 2px 3px;
	/* A thin edge on every badge, so each one shows where it begins even
	   where its fill is close to the colour of the row. */
	box-shadow: inset 0 0 0 1px rgba( 0, 0, 0, 0.18 );
	color: #fff;
	line-height: 1.15;
}

.a11y-col-badge__letter {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: none;
}

.a11y-col-badge__count {
	font-size: 12px;
	font-weight: 700;
}

/* The severity ramp of the dashboard, written out here because this sheet
   loads on list screens where the design tokens are not present. Dark text
   where the fill is light, so every badge keeps its contrast. */
.a11y-col-badge--critical { background: #dc3545; }
.a11y-col-badge--serious  { background: #e67e22; color: #1e1e1e; }
.a11y-col-badge--moderate { background: #f0c040; color: #1e1e1e; }
.a11y-col-badge--minor    { background: #6c757d; }

/* A touch darker than the dashboard green: the glyph is small and bold, and
   the lighter fill does not carry enough contrast at this size. */
.a11y-col-badge--ok { background: #00802b; }

/* Manual checks sit outside the severity ramp on purpose: nothing in them is
   a confirmed problem. Same violet the dashboard card uses. */
.a11y-col-badge--manual { background: #ac22c3; }

/* No record of manual checks at all. Grey, and a dash instead of a number,
   so an old scan never reads as a confident zero. */
.a11y-col-badge--manual-empty {
	background: #f0f0f1;
	color: #50575e;
	box-shadow: inset 0 0 0 1px #dcdcde;
}

.a11y-col__empty {
	/* Was #999, which reads at 2.85 : 1 on a white row and fails the very
	   rule this plugin reports. This grey carries 7 : 1. */
	color: #50575e;
	font-size: 13px;
}

/* The tooltip. No fade and no slide: it is placed at once and then follows
   the pointer, so moving along a row reads as one movement. */
.a11y-col-tip {
	position: fixed;
	z-index: 100000;
	/* Wide enough that the longest line, the manual-checks one, stays on a
	   line of its own and the bubble keeps its three rows. */
	max-width: 320px;
	padding: 8px 10px;
	border-radius: 3px;
	background: #424242;
	color: #fbf7fd;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.5;
	text-align: left;
	pointer-events: none;
	box-shadow: 0 0 2px rgba( 0, 0, 0, 0.6 );
}

.a11y-col-tip[hidden] {
	display: none;
}

/* Three lines: the count, what the level means, then the example. */
.a11y-col-tip__head {
	display: block;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

.a11y-col-tip__line {
	display: block;
}

/* The keyboard gets every badge at once, so the categories need air. */
.a11y-col-tip__group + .a11y-col-tip__group {
	margin-top: 8px;
}

/* The sorting-rebuild box stays out of sight while the rebuild keeps moving;
   the runner script reveals it only for a stall or a failed request. */
.acceguru-sort-notice[hidden] {
	display: none;
}