.hpv-shortcuts {
	position: fixed;
	z-index: 46;
	right: 1rem;
	bottom: calc(var(--hpv-altura-barra, 88px) + 1rem);
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 0.75rem;
}
.hpv-shortcuts__a11y,
.hpv-shortcuts__offers,
.hpv-shortcuts__whatsapp {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border: 0;
	border-radius: 999px;
	color: var(--wp--preset--color--branco);
	text-decoration: none;
	cursor: pointer;
}
.hpv-shortcuts__a11y,
.hpv-shortcuts__offers { width: 3rem; height: 3rem; min-height: 3rem; }
.hpv-shortcuts__a11y { background: var(--wp--preset--color--grupo-mar-800); }
.hpv-shortcuts__a11y:hover { background: var(--wp--preset--color--grupo-mar-900); color: var(--wp--preset--color--branco); }
.hpv-shortcuts__offers {
	background: var(--wp--preset--color--grupo-mar-700);
	box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--wp--preset--color--branco) 75%, transparent);
}
.hpv-shortcuts__offers:hover { background: var(--wp--preset--color--grupo-mar-800); color: var(--wp--preset--color--branco); }
.hpv-shortcuts__whatsapp { width: 3.5rem; height: 3.5rem; min-height: 3.5rem; background: var(--wp--preset--color--whatsapp); }
.hpv-shortcuts__whatsapp:hover { background: color-mix(in srgb, var(--wp--preset--color--whatsapp) 88%, var(--wp--preset--color--grupo-mar-950)); color: var(--wp--preset--color--branco); }
.hpv-shortcuts svg { display: block; }

.hpv-shortcuts__panel {
	position: absolute;
	right: 0;
	bottom: 100%;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	width: 16rem;
	margin-bottom: 0.75rem;
	padding: 1rem;
	border: 1px solid var(--wp--preset--color--areia-200);
	border-radius: 1.5rem;
	background: var(--wp--preset--color--branco);
	color: var(--wp--preset--color--tinta-900);
	box-shadow: 0 12px 32px color-mix(in srgb, var(--wp--preset--color--grupo-mar-950) 16%, transparent);
}
.hpv-shortcuts__panel[hidden],
.hpv-shortcuts__status[hidden] { display: none; }
.hpv-shortcuts__panel-title { margin: 0 0 0.25rem; color: var(--wp--preset--color--tinta-900); font-size: 1rem; font-weight: 700; }
.hpv-shortcuts__row { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; margin: 0; font-size: 0.875rem; font-weight: 700; }
.hpv-shortcuts__font { display: flex; gap: 0.25rem; }
.hpv-shortcuts__font button {
	width: 2.75rem;
	height: 2.75rem;
	min-height: 2.75rem;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: var(--wp--preset--color--grupo-mar-100);
	color: var(--wp--preset--color--grupo-mar-800);
	font-weight: 800;
	line-height: 1;
	cursor: pointer;
}
.hpv-shortcuts__row input { width: 1.25rem; height: 1.25rem; min-height: 0; accent-color: var(--wp--preset--color--grupo-mar-500); }
.hpv-shortcuts__libras {
	justify-content: flex-start;
	width: 100%;
	min-height: 2.75rem;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--wp--preset--color--grupo-mar-700);
	font-size: 0.875rem;
	font-weight: 700;
	text-align: left;
	cursor: pointer;
}
.hpv-shortcuts__libras:hover { color: var(--wp--preset--color--grupo-mar-500); }
.hpv-shortcuts__status { margin: 0; color: var(--wp--preset--color--tinta-500); font-size: 0.75rem; font-weight: 400; line-height: 1.45; }

html.hpv-a11y-fonte-1 { font-size: 112.5%; }
html.hpv-a11y-fonte-2 { font-size: 125%; }
html.hpv-a11y-contraste { filter: contrast(1.15); }
html.hpv-a11y-contraste body { background: var(--wp--preset--color--branco); }

/* O plugin antigo do VLibras se ancora na direita. A versão atual vive num
   Shadow DOM e é reposicionada pelo script; esta regra cobre a marcação legada. */
div[vw] div[vw-access-button],
div[vw] .vw-plugin-top-wrapper {
	left: 1rem !important;
	right: auto !important;
	top: auto !important;
	bottom: calc(var(--hpv-altura-barra, 88px) + 1rem) !important;
}

@media (max-width: 899px) {
	.hpv-shortcuts__offers,
	.hpv-shortcuts__whatsapp { display: none; }
}
