/* ==========================================================================
   Išparduotos prekės blokas „Ši prekė išparduota"

   Sukurta 2026-10-08. Serverio žurnale spalio 1–6 d. pusė žmonių, kurie
   atidarė prekę ir jos neįsidėjo, matė tik išparduotas prekes. Telefone žodis
   „Išparduota" buvo maža pilka žymė po nuotrauka ir aprašymu. Blokas stovi
   virš nuotraukos ir veda į turimas tos pačios kategorijos ir dydžio prekes.
   HTML piešia isparduotos_pasiulymas() (function/isparduotos-pasiulymas.php).

   Failas atskiras, nes reskin-preke.css jau beveik 400 eilučių. Priešdėlis
   `#page .product-main`, kaip prekės puslapio failuose: blokas yra už
   `.product` ribų, tad `#page .product-main .product a` spalvos jo nepasiekia.
   ========================================================================== */

#page .product-main .preke-isparduota {
	display: grid; grid-template-columns: 1fr auto;
	grid-template-areas: "antraste mygtukas" "tekstas klausti";
	align-items: center; column-gap: 28px; row-gap: 4px;
	box-sizing: border-box; width: 100%; float: none; clear: both;
	margin: 0 0 22px; padding: 18px 22px;
	border: 1px solid rgba(138, 51, 85, 0.18); border-radius: 14px;
	background: #F8EEF0;
	font-family: 'Outfit', 'Source Sans Pro', Arial, sans-serif;
	color: #221B1E; text-align: left;
}
#page .product-main .preke-isparduota p { margin: 0; padding: 0; }
#page .product-main .preke-isparduota-antraste {
	grid-area: antraste; align-self: end;
	font-family: 'Bodoni Moda', Georgia, serif;
	font-weight: 500; font-size: 22px; line-height: 1.2; color: #8A3355;
}
#page .product-main .preke-isparduota-tekstas {
	grid-area: tekstas; align-self: start;
	font-weight: 300; font-size: 15px; line-height: 1.45; color: #4A3F44;
}

/* Mygtukas tokio pat stiliaus kaip „Pirkti": jis čia ir yra pirkimo kelias. */
#page .product-main .preke-isparduota a.preke-isparduota-mygtukas {
	grid-area: mygtukas;
	display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px;
	box-sizing: border-box; min-width: 260px; min-height: 56px; padding: 9px 26px;
	border-radius: 40px; background: #D26A8E;
	box-shadow: 0 16px 32px -14px rgba(210, 106, 142, 0.9);
	color: #fff !important; text-decoration: none; text-align: center;
}
#page .product-main .preke-isparduota a.preke-isparduota-mygtukas:hover,
#page .product-main .preke-isparduota a.preke-isparduota-mygtukas:focus-visible {
	background: #8A3355; text-decoration: none;
}
#page .product-main .preke-isparduota-mygtukas span {
	font-weight: 600; font-size: 13px; line-height: 1.2;
	letter-spacing: 0.12em; text-transform: uppercase;
}
#page .product-main .preke-isparduota-mygtukas small {
	font-weight: 400; font-size: 12.5px; line-height: 1.2; letter-spacing: 0.02em;
}

#page .product-main .preke-isparduota a.preke-isparduota-klausti {
	grid-area: klausti; justify-self: center;
	display: inline-block; padding: 6px 2px;
	font-weight: 500; font-size: 14px; line-height: 1.3;
	color: #8A3355; text-decoration: underline; text-underline-offset: 3px;
}
#page .product-main .preke-isparduota a.preke-isparduota-klausti:hover { color: #221B1E; }

/* Telefone viskas viena kolona, mygtukas per visą plotį. Paraštės kaip
   navigacijos juostos (reskin-preke.css): .product-main ten eina iki krašto. */
@media all and (max-width: 500px) {
	#page .product-main .preke-isparduota {
		grid-template-columns: 1fr;
		grid-template-areas: "antraste" "tekstas" "mygtukas" "klausti";
		row-gap: 6px; width: auto; margin: 0 12px 18px; padding: 16px;
	}
	#page .product-main .preke-isparduota-antraste { font-size: 20px; }
	#page .product-main .preke-isparduota a.preke-isparduota-mygtukas { min-width: 0; margin-top: 8px; }
	#page .product-main .preke-isparduota a.preke-isparduota-klausti { margin-top: 2px; }
}