/*
 * Contextual Ask action shared by Wayfinder components.
 *
 * This is intentionally a quiet secondary control: the component's normal
 * destination remains primary, while visitors with a question get a clear,
 * accessible route into the page-aware Griswold conversation.
 */

.trbc-ask-action {
	appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--trbc-space-2);
	min-height: var(--trbc-tap);
	padding: var(--trbc-space-2) 10px;
	border: 1px solid var(--trbc-brand-border);
	border-radius: var(--trbc-radius-md);
	background: var(--trbc-surface);
	color: var(--trbc-brand-deep);
	font-family: var(--trbc-face);
	font-size: var(--trbc-text-sm);
	font-weight: var(--trbc-weight-semibold);
	line-height: 1;
	text-decoration: none;
	cursor: pointer;
	touch-action: manipulation;
	transition:
		background-color var(--trbc-ease-quick),
		border-color var(--trbc-ease-quick),
		color var(--trbc-ease-quick),
		transform var(--trbc-ease-quick);
}

.trbc-ask-action:hover {
	border-color: var(--trbc-brand);
	background: var(--trbc-brand-tint);
	color: var(--trbc-brand-deep);
	transform: translateY(-1px);
}

.trbc-ask-action:active {
	transform: none;
}

.trbc-ask-action:focus-visible {
	outline: 3px solid var(--trbc-focus);
	outline-offset: 3px;
}

.trbc-ask-action__icon {
	flex: 0 0 auto;
	width: 15px;
	height: 15px;
}

@media (prefers-reduced-motion: reduce) {
	.trbc-ask-action {
		transition: none;
	}

	.trbc-ask-action:hover {
		transform: none;
	}
}