/**
 * Front-end styles.
 *
 * Deliberately minimal — themes own the look of the disclosure block. This
 * covers only what the plugin itself introduces, and keeps v1's `sup.disc`
 * hook intact so existing theme CSS continues to apply.
 *
 * Disable entirely with:
 *   add_filter( 'vb_rates/enqueue_front_styles', '__return_false' );
 */

/* Footnote reference. The <sup class="disc"> inside is v1's styling hook. */
.disc-ref {
	text-decoration: none;
}

.disc-ref:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

/* Give the footnote a moment of emphasis when jumped to, so a reader who
   follows a reference can see which line they landed on. */
.vb-disclosure:target {
	animation: vb-rates-flash 1.6s ease-out;
}

@keyframes vb-rates-flash {
	from {
		background-color: rgba(255, 233, 132, 0.85);
	}
	to {
		background-color: transparent;
	}
}

@media (prefers-reduced-motion: reduce) {
	.vb-disclosure:target {
		animation: none;
		outline: 2px solid currentColor;
		outline-offset: 2px;
	}
}

/**
 * An unknown rate code. Only ever rendered for logged-in editors — visitors
 * get the plain fallback text with no highlight.
 */
.vb-rate-missing {
	padding: 0 4px;
	border-bottom: 2px dotted #d63638;
	background: #fcf0f1;
	color: #b32d2e;
	cursor: help;
}