/*
 * Selo Oferta - versão 3
 * Compatível com a estrutura real do Elementor Loop Grid da Home.
 */

.ahl-oferta-badge {
	position: absolute !important;
	top: 12px !important;
	left: 12px !important;
	z-index: 99999 !important;

	display: flex !important;
	align-items: center !important;
	justify-content: center !important;

	width: auto !important;
	min-width: 0 !important;
	min-height: 30px !important;
	height: auto !important;

	margin: 0 !important;
	padding: 6px 12px !important;
	box-sizing: border-box !important;

	border: 0 !important;
	border-radius: 4px !important;

	background: #f36f21 !important;
	color: #ffffff !important;

	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	text-align: center !important;
	white-space: nowrap !important;

	opacity: 1 !important;
	visibility: visible !important;
	transform: none !important;
	pointer-events: none !important;

	box-shadow: 0 2px 6px rgba(0, 0, 0, .15) !important;
}

/*
 * O card real do Elementor precisa ser a referência do position:absolute.
 */
[data-elementor-type="loop-item"].e-loop-item {
	position: relative !important;
}

/* Se o card estiver dentro de um swiper, não altera o funcionamento do slider. */
.elementor-loop-container .e-loop-item .ahl-oferta-badge {
	pointer-events: none !important;
}

@media (max-width: 767px) {
	.ahl-oferta-badge {
		top: 8px !important;
		left: 8px !important;
		min-height: 27px !important;
		padding: 5px 9px !important;
		font-size: 12px !important;
	}
}