@charset "utf-8";
/* ==========================================================================
   perkisau.lt: Klientų atsiliepimai (/klientu-atsiliepimai)
   Maketas: „Perkisau atsiliepimai v2.dc.html", Claude Design projektas a1718d9b.
   Skiriasi nuo trijų ankstesnių puslapių: HTML čia generuoja kodas
   (atsiliepimai() funkcija function/function_site.php faile), ne duomenų bazė.
   GRIEŽTA TAISYKLĖ, ta pati kaip visuose reskin failuose: kiekviena taisyklė
   prasideda `#content .apm...`. Be jos stilius nutekėtų į prekių puslapius.
   Ko iš maketo čia nėra ir kodėl (filtrai, ženklas „Patvirtinta", forma):
   wiki/concepts/dizaino-atnaujinimas, skyrius „Ketvirtas blokas".
   ========================================================================== */

/* 1. Suvestinės blokas: bendras vidurkis, skirstymas, kvietimas rašyti.
   Įvadas su kelio nuoroda ateina iš duomenų bazės, tad yra atskiras .apm. */
#content .apm-ats-ivadas { margin-bottom: 20px; }
#content .apm-ats-suvestine {
	box-sizing: border-box;
	margin: 0 0 34px;
	padding: 32px 36px 28px;
	border-radius: 10px;
	background: #F8EEF0;
}
#content .apm-ats-virsus {
	display: flex;
	align-items: center;
	gap: 34px;
}

/* Bodoni Moda čia tinka: 60px dydžiu jo plonosios linijos dar matomos. Mažiems
   ženklams jis per plonas, tad žemiau visur Outfit. */
#content .apm-ats-balas {
	flex: none;
	width: 190px;
	text-align: center;
}
#content .apm-ats-skaicius {
	font-family: 'Bodoni Moda', Georgia, serif;
	font-weight: 600;
	font-size: 60px;
	line-height: 1;
	color: #221B1E;
}
#content .apm-ats-kiek {
	margin-top: 7px;
	font-size: 13px;
	line-height: 1.4;
	color: #6E5F64;
}

/* Žvaigždutes piešia stars_sum_css() Font Awesome ženklais. info.php inline
   <style> jas visai svetainei dažo oranžine; čia perdažom rausvai per
   specifiškesnį selektorių, o to bloko neliečiam: jis galioja prekėms. */
#content .apm .apm-ats-zvaigzdes {
	margin-top: 8px;
	font-size: 17px;
	letter-spacing: 3px;
	line-height: 1;
	white-space: nowrap;
}
#content .apm .apm-ats-zvaigzdes .fa {
	color: #D26A8E;
}

/* Skirstymas. Procentai tikri: 2 atsiliepimai iš 1140 duoda 0,18 %, tad juostos
   praktiškai nesimato. Taip ir turi būti, skaičius dešinėje pasako tiksliai. */
#content .apm-ats-juostos {
	flex: 1 1 auto;
	min-width: 0;
}
#content .apm-ats-juosta {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 9px;
}
#content .apm-ats-juosta:last-child {
	margin-bottom: 0;
}
#content .apm-ats-zyme,
#content .apm-ats-nr {
	flex: none;
	font-size: 12.5px;
}
#content .apm-ats-zyme {
	width: 40px;
	color: #6E5F64;
}
#content .apm-ats-zyme .apm-ats-zvaigzde {
	margin-left: 3px;
	color: #D26A8E;
}
#content .apm-ats-linija {
	flex: 1 1 auto;
	height: 7px;
	border-radius: 40px;
	background: rgba(34, 27, 30, 0.1);
	overflow: hidden;
}
#content .apm-ats-linija span {
	display: block;
	height: 100%;
	border-radius: 40px;
	background: #D26A8E;
}
#content .apm-ats-nr {
	width: 46px;
	text-align: right;
	color: #8E7F84;
}

#content .apm-ats-veiksmas {
	flex: none;
	width: 236px;
}
#content .apm .apm-ats-veiksmas p {
	margin: 0 0 14px;
	font-size: 13.5px;
	line-height: 1.6;
	color: #4A3F44;
}

/* 2. Iš ko suskaičiuotas vidurkis. Savininko prašymas: šaltinius įvardyti po
   vidurkiu, kiekvieną su veikiančia nuoroda. Išorinių skaičiai su tikrinimo
   data gyvena atsiliepimu_saltiniai() funkcijoje. */
#content .apm-ats-saltiniai {
	margin-top: 26px;
	padding-top: 20px;
	border-top: 1px solid rgba(34, 27, 30, 0.1);
}
#content .apm .apm-ats-saltiniu-antraste {
	margin: 0 0 12px;
	font-size: 11px;
	line-height: 1.4;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #8A3355;
}
#content .apm-ats-saltiniai ul {
	display: flex;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}
#content .apm-ats-saltiniai li {
	flex: 1 1 0;
	min-width: 0;
	box-sizing: border-box;
	padding: 12px 16px;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.72);
	list-style: none;
}
#content .apm-ats-saltiniai a {
	display: block;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.35;
}
#content .apm-ats-balas2 {
	display: block;
	margin-top: 5px;
	font-weight: 500;
	font-size: 15px;
	line-height: 1.3;
	color: #221B1E;
}
#content .apm-ats-kiek2 {
	display: block;
	font-size: 12px;
	line-height: 1.4;
	color: #8E7F84;
}

/* 3. Atsiliepimų kortelės */
#content .apm-ats-sarasas {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 18px;
	margin: 0 0 28px;
	padding: 0;
	list-style: none;
}
#content .apm-ats-kortele {
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	padding: 20px 22px;
	border: 1px solid rgba(34, 27, 30, 0.08);
	border-radius: 10px;
	background: #fff;
	list-style: none;
}
#content .apm-ats-galva {
	display: flex;
	align-items: center;
	gap: 12px;
}
#content .apm-ats-raide {
	display: flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: #F8EEF0;
	font-family: 'Bodoni Moda', Georgia, serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 1;
	color: #8A3355;
}
#content .apm-ats-vardas {
	display: block;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.3;
	color: #221B1E;
}
#content .apm-ats-data {
	display: block;
	font-size: 11.5px;
	line-height: 1.4;
	color: #9A8B90;
}
#content .apm .apm-ats-mazos {
	margin-top: 11px;
	font-size: 13px;
	letter-spacing: 2px;
}
#content .apm .apm-ats-tekstas {
	flex: 1 1 auto;
	margin: 9px 0 13px;
	font-size: 14px;
	line-height: 1.65;
	color: #4A3F44;
	overflow-wrap: break-word;
}

/* Prekė kortelės apačioje. getimagesize() nekviečiamas, tad tikrų matmenų
   nežinom: kvadratą laiko CSS, o object-fit neleidžia nuotraukai išsitempti. */
#content .apm-ats-preke {
	display: flex;
	align-items: center;
	gap: 11px;
	padding-top: 12px;
	border-top: 1px solid rgba(34, 27, 30, 0.08);
}
#content .apm-ats-preke a {
	display: flex;
	align-items: center;
	gap: 11px;
	min-width: 0;
	color: #6E5F64;
}
#content .apm-ats-preke img {
	flex: none;
	width: 44px;
	height: 44px;
	border-radius: 5px;
	background: #F1E9E4;
	object-fit: cover;
}
#content .apm-ats-preke span {
	font-size: 12.5px;
	line-height: 1.4;
}

/* 4. Puslapiavimas. Senasis kodas išvesdavo visus 76 numerius; dabar rodomas
   pirmas, paskutinis ir po vieną aplink esamą, plius Atgal, Kitas ir Visi. */
#content .apm-ats-puslapiai {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 8px;
}
#content .apm .apm-ats-puslapiai a,
#content .apm-ats-puslapiai .apm-ats-dabar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-width: 38px;
	height: 38px;
	padding: 0 10px;
	border: 1px solid rgba(34, 27, 30, 0.14);
	border-radius: 6px;
	font-size: 13px;
	line-height: 1;
	color: #4A3F44;
	text-decoration: none;
}
#content .apm .apm-ats-puslapiai a:hover {
	border-color: #D26A8E;
	color: #8A3355;
	text-decoration: none;
}
#content .apm-ats-puslapiai .apm-ats-dabar {
	background: #221B1E;
	border-color: #221B1E;
	font-weight: 500;
	color: #FCFBFA;
}
#content .apm-ats-puslapiai .apm-ats-daugtaskis {
	padding: 0 2px;
	font-size: 13px;
	color: #9A8B90;
}
#content .apm .apm-ats-puslapiai .apm-ats-visi {
	background: #F8EEF0;
	border-color: transparent;
	color: #8A3355;
}

/* 5. Telefonas. Riba 500px sutampa su reskin-bendra.css ir info.php inline
   bloku. GRĖBLYS: čia lengviausia pamiršti `#content` priešdėlį, ir tada
   taisyklės tyliai neveikia. Tikrinti reikia matuojant naršyklėje. */

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

	#content .apm-ats-suvestine {
		margin-bottom: 22px;
		padding: 20px 18px;
	}
	#content .apm-ats-virsus {
		display: block;
	}
	/* Makete balas ir žvaigždutės telefone stovi vienoje eilutėje. */
	#content .apm-ats-balas {
		display: flex;
		align-items: center;
		gap: 16px;
		width: auto;
		margin-bottom: 16px;
		text-align: left;
	}
	#content .apm-ats-skaicius {
		flex: none;
		font-size: 42px;
	}
	#content .apm .apm-ats-zvaigzdes {
		margin-top: 0;
		font-size: 14px;
		letter-spacing: 2px;
	}
	#content .apm-ats-kiek {
		margin-top: 4px;
		font-size: 12px;
	}
	#content .apm-ats-zyme,
	#content .apm-ats-nr {
		font-size: 11px;
	}
	#content .apm-ats-zyme { width: 36px; }
	#content .apm-ats-nr { width: 40px; }
	#content .apm-ats-veiksmas {
		width: auto;
		margin-top: 18px;
	}

	#content .apm-ats-saltiniai {
		margin-top: 18px;
		padding-top: 16px;
	}
	#content .apm-ats-saltiniai ul {
		display: block;
	}
	#content .apm-ats-saltiniai li {
		margin-bottom: 8px;
		padding: 10px 14px;
	}
	#content .apm-ats-saltiniai li:last-child {
		margin-bottom: 0;
	}

	#content .apm-ats-sarasas {
		display: block;
		margin-bottom: 20px;
	}
	#content .apm-ats-kortele {
		margin-bottom: 12px;
		padding: 16px 18px;
	}
	#content .apm .apm-ats-tekstas {
		font-size: 13px;
		line-height: 1.6;
	}

	#content .apm .apm-ats-puslapiai a,
	#content .apm-ats-puslapiai .apm-ats-dabar {
		min-width: 34px;
		height: 34px;
		padding: 0 8px;
		font-size: 12.5px;
	}
}