/* GMP Dodaci — rata ispod cijene i oznaka „Dostupno odmah“ */

:root {
	--gmp-oznaka-bg: #382e2d;
	--gmp-oznaka-boja: #fff;
}

/* --- Rata ispod cijene --- */

.gmp-rata {
	margin: 6px 0 0;
	font-size: 15px;
	line-height: 1.45;
	color: #6d6d6d;
}

.gmp-rata strong {
	color: #382e2d;
	font-weight: 700;
	white-space: nowrap;
}

/* --- Oznaka „Dostupno odmah“ --- */

.gmp-oznaka-wrap {
	position: relative;
}

.gmp-oznaka {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 2;
	display: inline-block;
	max-width: calc(100% - 20px);
	padding: 6px 12px;
	border-radius: 999px;
	background: var(--gmp-oznaka-bg);
	color: var(--gmp-oznaka-boja);
	font-size: 11px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: .04em;
	text-transform: uppercase;
	white-space: nowrap;
	pointer-events: none;
}

/*
 * Kompaktan oblik: kartica u listingu je uska (~240px), a oznaka popusta
 * zauzima gornji lijevi ugao. Tekst se lomi u dva reda da oznaka ostane
 * u gornjem desnom uglu bez preklapanja s krugom popusta.
 */
.gmp-oznaka--kompaktna {
	max-width: 96px;
	padding: 5px 9px;
	font-size: 10px;
	line-height: 1.15;
	letter-spacing: .02em;
	text-align: center;
	white-space: normal;
}

/* Na stranici pojedinačnog proizvoda galerija je veća — oznaka prati. */
.elementor-widget-woocommerce-product-images .gmp-oznaka {
	top: 16px;
	right: 16px;
	padding: 8px 16px;
	font-size: 13px;
}

@media (max-width: 767px) {
	.gmp-oznaka {
		top: 8px;
		right: 8px;
		padding: 5px 10px;
		font-size: 10px;
	}

	/* Na mobilnom je kartica puna širina — oznaka može ostati u jednom redu. */
	.gmp-oznaka--kompaktna {
		max-width: none;
		white-space: nowrap;
	}

	.elementor-widget-woocommerce-product-images .gmp-oznaka {
		top: 12px;
		right: 12px;
		padding: 6px 12px;
		font-size: 11px;
	}

	.gmp-rata {
		font-size: 14px;
	}
}