/* ==========================================================================
   „Pranešti, kai gausime“ (planas D, 2026-10-20).

   HTML piešia function/prekiu-laukimo-forma.php: suskleista eilutė po dydžio
   pasirinkimu arba bloke „Ši prekė išparduota“. Atsivėrus forma lieka toje
   pačioje vietoje (be iššokančio lango). Laukai 44 px aukščio, kad telefone
   būtų patogu pirštui. Įkeliama tik prekės puslapyje (info.php).
   ========================================================================== */

#page details.laukimas { clear: both; margin: 10px 0 14px; font-family: 'Outfit', sans-serif; }
#page details.laukimas > summary {
	display: inline-block; cursor: pointer; list-style: none; padding: 4px 0;
	font-size: 14px; font-weight: 500; color: #8A3355; text-decoration: underline; text-underline-offset: 3px; }
#page details.laukimas > summary::-webkit-details-marker { display: none; }
#page details.laukimas > summary:hover { color: #D26A8E; }
#page .laukimas-forma {
	display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px; margin: 8px 0 0; padding: 14px;
	background: #FCF7F8; border: 1px solid #EFE4E7; border-radius: 10px; max-width: 520px; box-sizing: border-box; }
#page .laukimas-laukas { display: flex; flex-direction: column; gap: 4px; flex: 1 1 160px; margin: 0; font-size: 13px; color: #5B5560; }
#page .laukimas-laukas select,
#page .laukimas-laukas input {
	width: 100%; height: 44px; box-sizing: border-box; padding: 0 12px; font-size: 16px;
	border: 1px solid #D9CDD2; border-radius: 8px; background: #fff; color: #221B1E; }
#page .laukimas-mygtukas {
	height: 44px; padding: 0 22px; border: none; border-radius: 22px; cursor: pointer;
	background: #D33470; color: #fff; font-size: 15px; font-weight: 600; }
#page .laukimas-mygtukas:disabled { opacity: 0.6; cursor: default; }
#page .laukimas-pastaba { flex: 1 1 100%; margin: 0; font-size: 12px; color: #7C7681; }
#page .laukimas-atsakymas { flex: 1 1 100%; margin: 0; font-size: 14px; }
#page .laukimas-atsakymas:empty { display: none; }
/* Išsiuntus laukai paslepiami `hidden` atributu, o jų `display: flex` jį nugalėtų. */
#page .laukimas-forma [hidden] { display: none !important; }
#page .laukimas-gerai { color: #2E7D4F; font-weight: 500; }
#page .laukimas-klaida { color: #B3261E; }

@media all and (max-width: 500px) {
	#page .laukimas-forma { flex-direction: column; align-items: stretch; }
	#page .laukimas-laukas { flex: none; }
	#page .laukimas-mygtukas { width: 100%; }
}