/* SP Conversie — mod „cere ofertă” (utilaje). Mobil-first. */

/* Listă (loop / widget-uri / carusele): butonul ia locul și lățimea butonului de coș.
   Selector `a.button.sp-btn-oferta` ca să bată stilurile generice `.button` ale temei fără !important. */
a.button.sp-btn-oferta {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
	min-height: 44px;
	padding: 8px 14px;
	border: 2px solid #e30613;
	border-radius: 4px;
	background-color: #e30613;
	color: #fff;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	white-space: normal;
}

a.button.sp-btn-oferta:hover,
a.button.sp-btn-oferta:focus {
	border-color: #b8050f;
	background-color: #b8050f;
	color: #fff;
	text-decoration: none;
}

a.button.sp-btn-oferta:focus-visible {
	outline: 2px solid #1a1a1a;
	outline-offset: 2px;
}

/* Pagina produsului */
.sp-oferta-produs {
	margin: 16px 0 20px;
}

.sp-oferta-produs__butoane {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.sp-oferta-produs a.sp-oferta-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-height: 48px;
	padding: 10px 20px;
	border: 2px solid #e30613;
	border-radius: 4px;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
}

.sp-oferta-produs a.sp-oferta-btn--plin {
	background-color: #e30613;
	color: #fff;
}

.sp-oferta-produs a.sp-oferta-btn--plin:hover,
.sp-oferta-produs a.sp-oferta-btn--plin:focus {
	border-color: #b8050f;
	background-color: #b8050f;
	color: #fff;
}

.sp-oferta-produs a.sp-oferta-btn--contur {
	background-color: transparent;
	color: #e30613;
}

.sp-oferta-produs a.sp-oferta-btn--contur:hover,
.sp-oferta-produs a.sp-oferta-btn--contur:focus {
	background-color: #e30613;
	color: #fff;
}

.sp-oferta-produs a.sp-oferta-btn:focus-visible {
	outline: 2px solid #1a1a1a;
	outline-offset: 2px;
}

.sp-oferta-produs__nota {
	margin: 8px 0 0;
	color: #666;
	font-size: 13px;
	line-height: 1.4;
}

@media (min-width: 600px) {
	.sp-oferta-produs__butoane {
		flex-direction: row;
		flex-wrap: wrap;
	}

	.sp-oferta-produs a.sp-oferta-btn {
		display: inline-flex;
	}
}