/* Chat e "voltar ao topo". Ver inc/floating.php */

/* Chat: abaixo do carrinho lateral (z-index 999997+), junto ao canto */
.gsb-buttons {
	bottom: 16px !important;
	z-index: 9990 !important;
}

/* Voltar ao topo: pequeno, discreto, canto inferior direito */
#top-link.back-to-top {
	box-sizing: border-box;
	width: 40px;
	height: 40px;
	min-height: 0;
	margin: 0 !important;
	padding: 0 !important;
	right: 16px !important;
	bottom: 16px !important;
	border: 1px solid #d4d4d4 !important;
	border-radius: var(--giaw-r-btn, 5px) !important;
	background: rgba(255, 255, 255, .92) !important;
	color: #111 !important;
	line-height: 1;
	z-index: 9980 !important;
}
#top-link.back-to-top:hover {
	border-color: #111 !important;
	background: #111 !important;
	color: #fff !important;
}
#top-link.back-to-top i {
	top: 0 !important;
	font-size: 18px;
}

/* Página de produto em telemóvel: o chat sobe acima da barra "Adicionar" quando ela aparece */
@media (max-width: 849px) {
	body.single-product:has(.sticky-add-to-cart--active) .gsb-buttons {
		bottom: 84px !important;
	}
	body.single-product:has(.sticky-add-to-cart--active) #top-link.back-to-top {
		bottom: 84px !important;
	}
}

/* O carrinho lateral fica sempre por cima de tudo (o fundo escuro, logo abaixo dele; ambos acima do chat) */
.xoo-wsc-opac {
	z-index: 999996 !important;
}
.xoo-wsc-container {
	z-index: 999999 !important;
}