/* ==================================================================
   Niagara Transit: Horizontal List Item buttons            v1.0.0
   Owner pick 2026-11-07: option B ("soft"), as a rounded rectangle
   instead of a pill. Restyles Salient's .nectar-list-item-btn (e.g. the
   Email buttons in /board/ commission members): a quiet tinted button,
   44px tall, with a small arrow; js/list-buttons.js adds the hidden
   "who it's for" text and the arrow.
   Light: #E4EEF1 fill, ink text 17:1, teal arrow. Dark: #213A44 fill,
   light text, light-teal arrow.
   Mockup: Web Page Drafts/dark-mode/list-button-options.html
   ================================================================== */
.nectar-hor-list-item {
	--nt-lb-bg: #E4EEF1;
	--nt-lb-bg-hover: #D3E5EA;
	--nt-lb-text: #000014;
	--nt-lb-arrow: #00677F;
	--nt-lb-focus: #07495F;
}
html[data-nt-theme="dark"] .nectar-hor-list-item {
	--nt-lb-bg: #213A44;
	--nt-lb-bg-hover: #2A4855;
	--nt-lb-text: #E6ECEE;
	--nt-lb-arrow: #7CC7D9;
	--nt-lb-focus: #FFE2A1;
}

body .nectar-hor-list-item .nectar-list-item-btn {
	display: inline-flex !important;
	align-items: center;
	gap: 8px;
	min-height: 44px;
	padding: 0 18px !important;
	border: 0 !important;
	border-radius: 6px !important;
	background: var(--nt-lb-bg) !important;
	color: var(--nt-lb-text) !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	text-decoration: none !important;
	box-shadow: none !important;
	transition: background-color .15s ease;
}
body .nectar-hor-list-item .nectar-list-item-btn:hover {
	background: var(--nt-lb-bg-hover) !important;
	color: var(--nt-lb-text) !important;
	text-decoration: underline !important;
	text-underline-offset: 3px;
}
body .nectar-hor-list-item .nectar-list-item-btn:focus-visible {
	outline: 3px solid var(--nt-lb-focus) !important;
	outline-offset: 2px !important;
}
body .nectar-hor-list-item .nectar-list-item-btn .nt-lb-arrow {
	color: var(--nt-lb-arrow);
	font-weight: 800;
	text-decoration: none;
	display: inline-block;
}
.nt-lb-vh {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}
@media (prefers-reduced-motion: reduce) {
	body .nectar-hor-list-item .nectar-list-item-btn { transition: none; }
}