/* Oman Verified floating Translate by AI + WhatsApp bar. */

/* Reserved end-of-page breathing room so the floating actions never sit over the
 * final readable content. This element is rendered only when the quick bar is. */
.ovt-qb-spacer {
	display: block;
	width: 100%;
	height: 92px;
	min-height: 92px;
	clear: both;
	pointer-events: none;
}

.ovt-qb-wrap {
	position: fixed;
	z-index: 9998;
	left: max(14px, env(safe-area-inset-left));
	bottom: max(24px, calc(env(safe-area-inset-bottom) + 14px));
	pointer-events: none;
	font-family: inherit;
	transition: opacity 160ms ease, visibility 160ms ease, transform 160ms ease;
}

.ovt-qb {
	display: flex;
	align-items: center;
	gap: 8px;
	pointer-events: auto;
}

.ovt-qb__ai {
	position: relative;
}

.ovt-qb__action {
	appearance: none;
	position: relative;
	overflow: hidden;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	height: 46px;
	min-height: 46px;
	padding: 0 16px;
	border-radius: 16px;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	font: inherit;
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.01em;
	white-space: nowrap;
	text-decoration: none !important;
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	box-shadow: 0 8px 24px rgba(23,63,61,.14), 0 2px 8px rgba(23,63,61,.08);
	transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease, border-color 180ms ease, color 180ms ease;
}

.ovt-qb__action--ai {
	background: rgba(255,255,255,.94);
	color: #173E3A !important;
	border: 1px solid rgba(23,62,58,.16);
}

.ovt-qb__action--whatsapp {
	background: #197A57;
	color: #fff !important;
	border: 1px solid rgba(255,255,255,.18);
	box-shadow: 0 10px 26px rgba(25,122,87,.24), 0 2px 8px rgba(23,63,61,.10);
}

.ovt-qb__action:hover,
.ovt-qb__action:focus-visible,
.ovt-qb__ai-trigger[aria-expanded="true"] {
	transform: translateY(-2px) scale(1.01);
	outline: none;
	box-shadow: 0 13px 30px rgba(23,63,61,.20), 0 3px 10px rgba(23,63,61,.10);
}

.ovt-qb__action--ai:hover,
.ovt-qb__action--ai:focus-visible,
.ovt-qb__ai-trigger[aria-expanded="true"] {
	background: #fff;
	border-color: rgba(23,62,58,.28);
	color: #0F332F !important;
}

.ovt-qb__action--whatsapp:hover,
.ovt-qb__action--whatsapp:focus-visible {
	background: #146A4B;
	border-color: rgba(255,255,255,.28);
}

.ovt-qb__icon {
	width: 24px;
	height: 24px;
	display: inline-grid;
	place-items: center;
	flex: 0 0 24px;
	border-radius: 999px;
}

.ovt-qb__custom-icon {
	display: block;
	width: 20px !important;
	height: 20px !important;
	max-width: 20px !important;
	max-height: 20px !important;
	object-fit: contain;
}

.ovt-qb__ai-mark {
	display: grid;
	place-items: center;
	width: 24px;
	height: 24px;
	border-radius: 999px;
	background: #EEF5F2;
	color: #173E3A;
	font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: -0.04em;
}

.ovt-qb__whatsapp-svg {
	display: block;
	width: 20px;
	height: 20px;
	fill: currentColor;
}

.ovt-qb__label {
	position: relative;
	z-index: 1;
}

/* Brief reflective sweep once every ten seconds. */
.ovt-qb__shine {
	position: absolute;
	inset: -40% auto -40% -60%;
	width: 28%;
	transform: skewX(-18deg);
	background: linear-gradient(90deg, transparent, rgba(255,255,255,.58), transparent);
	filter: blur(.3px);
	pointer-events: none;
	animation: ovt-qb-whatsapp-shine 10s ease-in-out infinite;
}

@keyframes ovt-qb-whatsapp-shine {
	0%, 2% { left: -55%; opacity: 0; }
	3% { opacity: .9; }
	9% { left: 125%; opacity: .75; }
	10%, 100% { left: 125%; opacity: 0; }
}

.ovt-qb__ai-menu {
	position: absolute;
	left: 0;
	bottom: calc(100% + 11px);
	min-width: 230px;
	max-width: calc(100vw - 28px);
	padding: 10px;
	background: #fff;
	border: 1px solid #dedfd9;
	border-radius: 12px;
	box-shadow: 0 12px 30px rgba(23,63,61,.16);
	z-index: 2;
}

.ovt-qb__ai-menu[hidden] { display: none; }
.ovt-qb__ai-menu-title { margin: 2px 6px 8px; color: #6d7975; font-size: 12px; }
.ovt-qb__ai-actions { display: flex; align-items: center; gap: 8px; }

.ovt-trust-ai-btn {
	appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 36px;
	padding: 0 10px;
	border: 1px solid #d4cfc7;
	border-radius: 8px;
	color: #344850;
	background: #fff;
	cursor: pointer;
	font: inherit;
	font-size: 10.5px;
	font-weight: 750;
	text-decoration: none !important;
	white-space: nowrap;
	transition: border-color 160ms ease, background-color 160ms ease, transform 160ms ease;
}

.ovt-trust-ai-btn:hover,
.ovt-trust-ai-btn:focus-visible {
	border-color: #2e6268;
	background: #fff;
	transform: translateY(-1px);
	outline: 2px solid rgba(46,98,104,.2);
	outline-offset: 1px;
}

.ovt-trust-ai-btn--primary { border-color: #173b4b; color: #fff; background: #173b4b; }
.ovt-trust-ai-btn--primary:hover,
.ovt-trust-ai-btn--primary:focus-visible { color: #fff; background: #214f61; }
.ovt-trust-ai-btn.is-icon-only { width: 38px; min-width: 38px; height: 38px; min-height: 38px; padding: 0; border-radius: 9px; }
.ovt-trust-ai-btn--primary.is-icon-only { border-color: #d4cfc7; color: #344850; background: #fff; }
.ovt-trust-ai-service-icon { display: block; width: 22px !important; height: 22px !important; max-width: 22px !important; max-height: 22px !important; object-fit: contain; }
.ovt-trust-ai-sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }

.ovt-qb__toast {
	position: fixed;
	left: max(14px, env(safe-area-inset-left));
	bottom: max(76px, calc(env(safe-area-inset-bottom) + 76px));
	z-index: 10000;
	max-width: min(340px, calc(100vw - 28px));
	padding: 10px 13px;
	border-radius: 9px;
	color: #fff;
	background: #1c3c49;
	box-shadow: 0 12px 30px rgba(19,42,51,.22);
	font-size: 11px;
	line-height: 1.4;
	opacity: 0;
	pointer-events: none;
	transform: translateY(7px);
	transition: opacity 180ms ease, transform 180ms ease;
}

.ovt-qb__toast.is-visible { opacity: 1; transform: translateY(0); }

.ovt-qb-wrap.ovt-qb--menu-hidden,
.ovt-qb-wrap.ovt-qb--popup-hidden {
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
	transform: translateY(14px) !important;
}

@media (max-width: 600px) {
	.ovt-qb-spacer {
		height: 84px;
		min-height: 84px;
	}

	.ovt-qb-wrap,
	.ovt-qb-wrap.ovt-qb--mobile {
		left: max(12px, env(safe-area-inset-left));
		right: auto;
		bottom: max(20px, calc(env(safe-area-inset-bottom) + 12px));
		width: auto;
		max-width: calc(100vw - 24px);
		padding: 0;
	}

	.ovt-qb {
		width: auto;
		max-width: 100%;
		gap: 6px;
	}

	.ovt-qb__ai {
		flex: 0 1 auto;
		min-width: 0;
	}

	.ovt-qb__action {
		height: 44px;
		min-height: 44px;
		padding: 0 12px;
		gap: 7px;
		border-radius: 15px;
		font-size: 12px;
	}

	.ovt-qb__icon {
		width: 22px;
		height: 22px;
		flex-basis: 22px;
	}

	.ovt-qb__ai-mark {
		width: 22px;
		height: 22px;
		font-size: 11px;
	}

	.ovt-qb__custom-icon,
	.ovt-qb__whatsapp-svg {
		width: 19px !important;
		height: 19px !important;
		max-width: 19px !important;
		max-height: 19px !important;
	}

	.ovt-qb__toast {
		left: max(12px, env(safe-area-inset-left));
		bottom: max(76px, calc(env(safe-area-inset-bottom) + 76px));
		max-width: calc(100vw - 24px);
	}
}

@media (max-width: 360px) {
	.ovt-qb-spacer {
		height: 80px;
		min-height: 80px;
	}

	.ovt-qb__action {
		padding: 0 9px;
		gap: 5px;
		font-size: 11px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ovt-qb-wrap,
	.ovt-qb__action,
	.ovt-qb__toast,
	.ovt-trust-ai-btn {
		transition: none !important;
	}

	.ovt-qb__shine {
		animation: none !important;
		display: none !important;
	}
}