/* Feedback (spec feedback.md): button in the sticky footer bar and the global dialog
   (fragments/feedback.html). */

/* ---------- Button in the sticky footer bar ---------- */

/* icon only, look of the back/up arrows (site-footer.css .hwa-ft-icon), a bit smaller so it
   does not fill the bar's height (User) */
.sticky-footer .hwa-ft-feedback {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 34px;
	font-size: 0.9rem;
	margin-right: 0.25rem;
	border: 0;
	border-radius: var(--hwa-radius);
	background: transparent;
	color: var(--hwa-on-deep);
}

.sticky-footer .hwa-ft-feedback:hover,
.sticky-footer .hwa-ft-feedback:active {
	background: var(--hwa-on-deep-hover);
	color: var(--hwa-on-deep);
}

.sticky-footer .hwa-ft-feedback:focus-visible {
	outline: 2px solid var(--hwa-on-deep);
	outline-offset: 2px;
	box-shadow: none;
}

/* ---------- Dialog ---------- */

.hwa-feedback .modal-title {
	margin: 0;
	font-size: 1.25rem;
	font-weight: 700;
}

.hwa-feedback-lead {
	margin: 0 0 1rem;
	color: var(--hwa-muted);
}

.hwa-feedback-count {
	margin-top: 0.25rem;
	color: var(--hwa-muted);
	font-size: 0.8125rem;
	text-align: right;
}

.hwa-feedback-optional {
	color: var(--hwa-muted);
	font-weight: 400;
}

.hwa-feedback-privacy {
	margin: 1rem 0 0;
	color: var(--hwa-muted);
	font-size: 0.875rem;
}

.hwa-feedback-error {
	margin: 1rem 0 0;
	padding: 0.625rem 0.75rem;
	border-radius: var(--hwa-radius);
	background: var(--hwa-danger-soft);
	color: var(--hwa-danger-text);
}

.hwa-feedback-thanks {
	margin: 1rem 0;
	color: var(--hwa-primary);
	font-size: 1.0625rem;
	font-weight: 600;
	text-align: center;
}

/* honeypot: off screen, so people never see or reach it */
.hwa-feedback-trap {
	position: absolute;
	left: -10000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}