/**
 * VLibras — ícone de acesso em 64x64px e circular.
 *
 * O plugin oficial (vlibras-plugin.js) injeta o próprio CSS em <style> no <head>
 * em tempo de execução, ou seja, DEPOIS deste arquivo no cascade. Além disso ele
 * aplica style="width:200px" inline no botão por 3s após o load (para revelar o
 * balão de apresentação) e no :hover. Por isso as propriedades de geometria aqui
 * usam !important — sem ele o círculo de 64px viraria uma pílula sozinho.
 *
 * Tamanhos originais do plugin: botão e ícone 40x40, border-radius 8px.
 */

/* Container fixo do widget: acompanha o novo tamanho do botão. */
div[vw] {
	min-width: 64px !important;
	min-height: 64px !important;
}

/* Botão de acesso — circular e travado em 64x64 em todos os estados. */
div[vw] [vw-access-button],
div[vw] [vw-access-button]:hover,
div[vw] [vw-access-button].isTopOrBottom:hover {
	width: 64px !important;
	height: 64px !important;
	border-radius: 50% !important;
	overflow: hidden;
}

/* O plugin deslocava o botão junto com a expansão do hover, que não existe mais. */
div[vw] [vw-access-button].isTopOrBottom:hover {
	margin-right: 0 !important;
}

/* Ícone (access_icon.svg — 40x40 quadrado, escala sem distorcer). */
div[vw] [vw-access-button] .vp-access-button,
div[vw] [vw-access-button] img {
	width: 64px !important;
	height: 64px !important;
	max-height: 64px !important;
	border-radius: 50% !important;
}

/*
 * Balão de apresentação: é um <img> de 150px+ que só aparecia quando o botão
 * expandia para 200px. Como o botão agora fica sempre circular, ele seria
 * apenas recortado pelo overflow — então sai de vez.
 */
div[vw] [vw-access-button] .vp-pop-up {
	display: none !important;
}
