/* ==========================================================================
   perkisau.lt reskinas: paieška (2026-08-04)

   Aptarnauja tris vietas:

   1. /paieska rezultatus (POST iš antraštės laukelio arba GET su ?q=)
   2. /detali-paieska formą ir jos rezultatus
   3. paslėptą detalios paieškos skydelį, kurį atveria „Detali paieška" nuoroda

   KODĖL ŠIS FAILAS KRAUNAMAS VISUR, o ne tik dviem paieškos puslapiams.
   Trečioji vieta yra antraštėje, tai yra KIEKVIENAME info.php, home.php ir
   _404.php puslapyje. Nekraunant visur, skydelis atsivertų nedažytas visur,
   išskyrus pačią paiešką. Ta pati išimtis ir dėl tos pačios priežasties jau
   galioja reskin-kortele.css failui.

   Iš to seka prefikso taisyklė: kiekviena eilutė prasideda `#page` arba
   `body.puslapis-...`, o klasės (`apm-paieskos-*`, `apm-paieska`) yra naujos,
   tad senasis dizainas jų nepažįsta ir stilius į kitus puslapius nenuteka.

   Rezultatų tinklelis, rikiavimo juosta, puslapių juosta ir tuščio sąrašo
   pranešimas čia NEAPRAŠOMI: juos jau turi reskin-kortele.css, kraunamas
   visuose puslapiuose. Čia tik tai, ko ten nėra.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Apvalkalas. Tas pats, ką perpieštiems puslapiams duoda reskin-bendra.css,
   tik pririštas prie paieškos puslapių žymių: reskin-bendra.css šiems dviem
   puslapiams nekraunamas, nes jie neįrašyti į $perpiesti_puslapiai (o įrašyti
   negalima: tada šis failas užsikrautų du kartus).

   `:has()` sąlyga būtina. Tuščias /paieska grąžina HTTP 404, bet `body` klasė
   jam lieka ta pati, tad be jos apvalkalo taisyklės pataikytų ir į klaidos
   puslapį.
   -------------------------------------------------------------------------- */

body.puslapis-paieska:has(.apm-paieska) #right,
body.puslapis-detali-paieska:has(.apm-paieskos-forma) #right {
	display: none;
}

/* 1200 - 222 (kairė juosta) - 20 (tarpas) = 958. Telefone info.php inline
   @media blokas duoda #middle-right{width:100% !important} ir nugali šitą. */
body.puslapis-paieska:has(.apm-paieska) #middle-right,
body.puslapis-detali-paieska:has(.apm-paieskos-forma) #middle-right {
	width: 958px;
}

/* --------------------------------------------------------------------------
   2. Rezultatų blokas
   -------------------------------------------------------------------------- */

#page .apm-paieska {
	float: left;
	clear: both;
	width: 100%;
	box-sizing: border-box;
	margin-top: 6px;
	font-family: 'Outfit', 'Source Sans Pro', Arial, sans-serif;
	font-weight: 300;
	font-size: 15px;
	line-height: 1.75;
	color: #4A3F44;
	text-align: left;
}

/* --------------------------------------------------------------------------
   3. Formos laukai. Tas pats HTML dviem vietoms, tad ir taisyklės bendros.

   Plotis deklaruojamas aiškiai. style.min.css turi `#search-full input
   {width:200px}` ir `#search-full input[type=submit]{width:100px}`, o didesnio
   specifiškumo neužtenka: nedeklaruota savybė lieka galioti senoji. Ta pati
   pamoka kartojasi nuo pirmojo bloko.
   -------------------------------------------------------------------------- */

#page .apm-paieskos-forma,
#page .apm-paieskos-skydelis {
	box-sizing: border-box;
	font-family: 'Outfit', 'Source Sans Pro', Arial, sans-serif;
	font-weight: 300;
	color: #4A3F44;
	text-align: left;
}

#page .apm-paieskos-eile {
	margin-bottom: 13px;
}
#page .apm-paieskos-eile label {
	display: block;
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.06em;
	color: #6E5F64;
	text-transform: uppercase;
}
#page .apm-paieskos-eile input {
	box-sizing: border-box;
	width: 100%;
	height: 44px;
	padding: 0 15px;
	border: 1px solid rgba(34, 27, 30, 0.2);
	border-radius: 6px;
	background: #FCFBFA;
	font-family: 'Outfit', 'Source Sans Pro', Arial, sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 1.2;
	color: #221B1E;
	outline: none;
}
#page .apm-paieskos-eile input:focus {
	border-color: #D26A8E;
	background: #fff;
}
#page .apm-paieskos-eile input::placeholder {
	color: #A99DA1;
}

/* Kainos rėžis: du laukai vienoje eilutėje. */
#page .apm-paieskos-rezis {
	display: flex;
	gap: 10px;
}

#page .apm-paieskos-eile-mygtukas {
	margin-bottom: 0;
}
#page .apm-paieskos-forma .apm-paieskos-mygtukas,
#page .apm-paieskos-skydelis .apm-paieskos-mygtukas {
	box-sizing: border-box;
	width: auto;
	min-width: 160px;
	height: 46px;
	padding: 0 30px;
	border: 0;
	border-radius: 40px;
	background: #D26A8E;
	box-shadow: 0 12px 24px -12px rgba(210, 106, 142, 0.9);
	font-family: 'Outfit', 'Source Sans Pro', Arial, sans-serif;
	font-weight: 600;
	font-size: 12.5px;
	line-height: 1;
	letter-spacing: 0.12em;
	color: #FCFBFA;
	text-transform: uppercase;
	cursor: pointer;
}
#page .apm-paieskos-forma .apm-paieskos-mygtukas:hover,
#page .apm-paieskos-skydelis .apm-paieskos-mygtukas:hover {
	background: #8A3355;
}

/* --------------------------------------------------------------------------
   4. Kur kuris blokas stovi
   -------------------------------------------------------------------------- */

/* /detali-paieska forma turinio stulpelyje. */
#page .apm-paieskos-forma {
	float: left;
	clear: both;
	width: 100%;
	max-width: 420px;
	margin: 6px 0 30px;
	padding: 24px 26px;
	border: 1px solid rgba(34, 27, 30, 0.08);
	border-radius: 10px;
	background: #FCFBFA;
}

/* Paslėptas antraštės skydelis. Iki 2026-08-04 jis buvo `float:right` su
   fiksuotu 130px aukščiu, tad atsivėręs užlipdavo ant turinio, o naujam maketui
   dar ir nukirpdavo mygtuką. Dabar tai paprastas blokas, prispaustas prie
   dešinio krašto: atsivėręs turinį nustumia žemyn, o ne uždengia. */
#page .apm-paieskos-skydelis {
	width: 100%;
	max-width: 380px;
	margin: 6px 0 18px auto;
	padding: 22px 24px;
	border: 1px solid rgba(34, 27, 30, 0.1);
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 24px 48px -34px rgba(34, 27, 30, 0.55);
}

/* --------------------------------------------------------------------------
   5. Telefonas. Riba 500px sutampa su info.php, home.php ir reskin-kortele.css
   ribomis. Jas privalu laikyti kartu.
   -------------------------------------------------------------------------- */

@media all and (max-width: 500px) {

	#page .apm-paieskos-forma,
	#page .apm-paieskos-skydelis {
		max-width: none;
		margin-left: 0;
		margin-right: 0;
		padding: 18px 16px;
	}
	#page .apm-paieskos-forma {
		margin-bottom: 22px;
	}
	#page .apm-paieskos-forma .apm-paieskos-mygtukas,
	#page .apm-paieskos-skydelis .apm-paieskos-mygtukas {
		width: 100%;
		min-width: 0;
	}
	#page .apm-paieska {
		font-size: 14px;
	}
}