/* ==========================================================================
   Prekių sąrašai: dydžiai kortelėje, dydžių mygtukai, riba tarp turimų ir
   išparduotų, įžanga telefone po prekėmis

   Sukurta 2026-10-08. Serverio žurnale (spalio 1–7 d.) apatinio trikotažo
   sąrašą matė 97 žmonės: dydžio filtrą naudojo 9, puslapius vartė 39, 24
   nuėjo į puslapius vien su išparduotomis, o prekę atidarydavo vien tam, kad
   pamatytų dydį. HTML piešia function/sarasu-dydziai.php ir
   function/sarasu-isparduotos.php. Plačiau
   docs/2026-10-08-kategoriju-puslapis-telefone-pasiulymas.md.

   Failas atskiras, nes reskin-kortele.css jau 399 eilučių. Kraunamas visuose
   info.php puslapiuose, kaip ir kortelė.
   ========================================================================== */

/* Tekstas tik ekrano skaitytuvui („Dydžiai:" prieš dėžutes). */
.apm-sr {
	position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0;
	overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

/* --------------------------------------------------------------------------
   1. Dydžiai kortelėje, po kaina
   -------------------------------------------------------------------------- */

#page .apm-preke-dydziai { display: flex; flex-wrap: wrap; gap: 4px; margin: 8px 0 0; }
#page .apm-preke-dydis,
#page .apm-preke-dydis-daugiau {
	box-sizing: border-box; min-width: 26px; padding: 3px 6px;
	border: 1px solid rgba(34, 27, 30, 0.18); border-radius: 6px; background: #fff;
	font-family: 'Outfit', 'Source Sans Pro', Arial, sans-serif;
	font-weight: 500; font-size: 11.5px; line-height: 1.25; text-align: center; color: #221B1E;
}
#page .apm-preke-dydis-daugiau { border-style: dashed; color: #6E5F64; }

/* --------------------------------------------------------------------------
   2. Dydžių mygtukai virš kategorijos prekių
   -------------------------------------------------------------------------- */

#page .apm-dydziu-mygtukai {
	display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
	margin: 0 0 16px; font-family: 'Outfit', 'Source Sans Pro', Arial, sans-serif;
}
#page .apm-dydziu-mygtukai-uzrasas {
	margin-right: 2px; font-weight: 500; font-size: 12px; letter-spacing: 0.08em;
	text-transform: uppercase; color: #6E5F64;
}
#page .apm-dydziu-mygtukai a.apm-dydis {
	display: inline-flex; align-items: center; gap: 6px; box-sizing: border-box;
	height: 38px; padding: 0 15px;
	border: 1px solid rgba(138, 51, 85, 0.28); border-radius: 40px; background: #fff;
	font-weight: 500; font-size: 14px; line-height: 1; color: #221B1E; text-decoration: none;
}
#page .apm-dydziu-mygtukai a.apm-dydis small { font-weight: 400; font-size: 12px; color: #8A3355; }
#page .apm-dydziu-mygtukai a.apm-dydis:hover,
#page .apm-dydziu-mygtukai a.apm-dydis:focus-visible { border-color: #8A3355; }
/* Pasirinktas tamsus su „×": paspaudus jis nuimamas. */
#page .apm-dydziu-mygtukai a.apm-dydis-pasirinktas { border-color: #8A3355; background: #8A3355; color: #FCFBFA; }
#page .apm-dydziu-mygtukai a.apm-dydis-pasirinktas small { color: #F8EEF0; }
#page .apm-dydziu-mygtukai a.apm-dydis-pasirinktas::after { content: "\00D7"; font-size: 17px; line-height: 1; }
#page .apm-dydziu-mygtukai a.apm-dydis-visi { border-style: dashed; color: #6E5F64; }

/* --------------------------------------------------------------------------
   3. Riba tarp turimų ir išparduotų
   -------------------------------------------------------------------------- */

#page .apm-isparduotu-riba {
	box-sizing: border-box; margin: 4px 0 14px; padding: 18px 20px;
	border: 1px solid rgba(138, 51, 85, 0.18); border-radius: 14px; background: #F8EEF0;
	font-family: 'Outfit', 'Source Sans Pro', Arial, sans-serif; text-align: center;
}
#page .apm-isparduotu-riba p { margin: 0; font-weight: 300; font-size: 14px; line-height: 1.5; color: #4A3F44; }
#page .apm-isparduotu-riba p.apm-isparduotu-riba-antraste {
	margin-bottom: 6px; font-family: 'Bodoni Moda', Georgia, serif;
	font-weight: 500; font-size: 20px; line-height: 1.25; color: #8A3355;
}
#page .apm-isparduotu-riba a { color: #8A3355; }
#page .apm-isparduotu-riba a.apm-isparduotu-riba-atgal {
	display: inline-flex; align-items: center; height: 44px; margin-top: 12px; padding: 0 22px;
	border-radius: 40px; background: #D26A8E; box-shadow: 0 12px 24px -12px rgba(210, 106, 142, 0.9);
	font-weight: 600; font-size: 13px; letter-spacing: 0.08em; text-transform: uppercase;
	color: #fff; text-decoration: none;
}
#page .apm-isparduotu-riba a.apm-isparduotu-riba-atgal:hover { background: #8A3355; }

#page details.apm-isparduotos { margin: 0 0 22px; }
#page details.apm-isparduotos > summary {
	display: flex; align-items: center; justify-content: center; box-sizing: border-box;
	width: max-content; max-width: 100%; height: 44px; margin: 0 auto 18px; padding: 0 24px;
	border: 1.5px solid #221B1E; border-radius: 40px; background: #fff;
	font-family: 'Outfit', 'Source Sans Pro', Arial, sans-serif;
	font-weight: 500; font-size: 14px; color: #221B1E; cursor: pointer; list-style: none;
}
#page details.apm-isparduotos > summary::-webkit-details-marker { display: none; }
#page details.apm-isparduotos > summary:hover { background: #221B1E; color: #fff; }
#page details.apm-isparduotos .apm-isparduotos-slepti { display: none; }
#page details.apm-isparduotos[open] .apm-isparduotos-rodyti { display: none; }
#page details.apm-isparduotos[open] .apm-isparduotos-slepti { display: inline; }

/* --------------------------------------------------------------------------
   4. Telefonas

   Įžanga su kategorijos veidu telefone rodoma PO prekėmis, kad pirma prekių
   eilė tilptų į pirmą ekraną. HTML kode ji lieka virš tinklelio sąmoningai:
   2026-08-14 ji ten pakelta dėl dirbtinio intelekto robotų, kurie ilgą
   puslapį nukerpa nuo galo (function_site.php, preke()). Keičiama tik
   rodymo tvarka (`order`), ne kodas.
   -------------------------------------------------------------------------- */

@media all and (max-width: 500px) {
	#page .apm-katalogas-prekes { display: flex; flex-direction: column; }
	#page .apm-katalogas-prekes > .apm-katalogo-izanga { order: 1; margin: 6px 0 18px; }
	#page .apm-katalogas-prekes > .apm-katalogo-tekstas { order: 2; }
	#page .apm-dydziu-mygtukai { gap: 6px; margin-bottom: 14px; }
	#page .apm-dydziu-mygtukai a.apm-dydis { height: 36px; padding: 0 12px; }
	#page .apm-isparduotu-riba { padding: 16px; }
}