/* ---------->>> opiniile clientilor (inc/opinii-date.php) <<<-----------*/
/* css/site.css pune Verdana si font-weight:normal pe fiecare element: aici se reface fontul */
#opinii-linie *, #opinii-sina *, #opinii-sageti *, #opinii-poveste p, #opinii-poveste p * {
	font-family:"Source Sans 3", Verdana, sans-serif;}
#opinii-linie b, #opinii-poveste p b, .opinii-semnat span {
	font-weight:700;}
/* ---------->>> linia de sub meniu <<<-----------*/
#opinii-linie {
	float:left;
	width:1000px;
	height:38px;
	margin:0 0 6px 0;
	overflow:hidden;
	background:#0B3A5B;
	border-radius:8px;
	font-family:"Source Sans 3", Verdana, sans-serif;}
#opinii-linie > div {
	display:flex;
	width:max-content;
	animation:opinii-curge 110s linear infinite;}
#opinii-linie:hover > div {
	animation-play-state:paused;}
@keyframes opinii-curge {
	to {transform:translateX(-50%);}}
#opinii-linie a {
	display:flex;
	align-items:center;
	gap:7px;
	height:24px;
	margin:7px 0;
	padding:0 26px;
	border-right:solid 1px rgba(255,255,255,.2);
	font-size:14.5px;
	white-space:nowrap;
	color:#FFF8F0;
	text-decoration:none;}
#opinii-linie a:hover {
	color:#FFF;}
#opinii-linie b {
	color:#F4C979;}
#opinii-linie img {
	flex:none;
	border-radius:50%;
	object-fit:cover;}
/* ---------->>> caruselul de pe prima pagina <<<-----------*/
#opinii-carusel {
	clear:both;
	float:left;
	width:795px;
	margin:14px 0 10px 0;
	padding:20px 0 16px 0;
	background:#FCE1E8;
	border-radius:14px;
	font-family:"Source Sans 3", Verdana, sans-serif;
	color:#23323D;}
#opinii-carusel h3 {
	margin:0 0 14px 0;
	text-align:center;
	font:800 24px/1.2 "Playfair Display", Georgia, serif;
	color:#0B3A5B;}
#opinii-sina {
	display:flex;
	gap:14px;
	padding:4px 20px 12px 20px;
	overflow-x:auto;
	scroll-snap-type:x mandatory;
	scroll-padding:0 20px;
	scrollbar-width:none;}
#opinii-sina::-webkit-scrollbar {
	display:none;}
.opinii-card, .opinii-cifra {
	flex:0 0 250px;
	box-sizing:border-box;
	scroll-snap-align:start;
	padding:14px 16px;
	border-radius:12px;
	box-shadow:0 3px 12px rgba(11,58,91,.1);}
.opinii-card {
	display:flex;
	flex-direction:column;
	background:#FFF;}
.opinii-card q {
	flex:1;
	quotes:none;
	font-size:14.5px;
	line-height:1.4;}
.opinii-card q:before {
	content:"\201E";
	display:block;
	height:22px;
	margin-bottom:2px;
	font:800 40px/0 "Playfair Display", Georgia, serif;
	color:#E5466B;}
.opinii-semnat {
	display:flex;
	align-items:center;
	gap:10px;
	margin-top:12px;
	font-size:15px;
	font-weight:700;
	color:#0B3A5B;}
.opinii-semnat img {
	flex:none;
	border-radius:50%;
	object-fit:cover;}
.opinii-semnat span small {
	display:block;
	font-size:12.5px;
	font-weight:400;
	color:#5C6B76;}
.opinii-cifra {
	flex-basis:180px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	background:#0B3A5B;
	font-size:15px;
	color:#FFF8F0;}
#opinii-sina .opinii-cifra b {
	font:800 27px/1.1 "Playfair Display", Georgia, serif;
	color:#F4C979;}
#opinii-sageti {
	display:flex;
	justify-content:center;
	align-items:center;
	gap:10px;}
#opinii-sageti button {
	width:38px;
	height:38px;
	padding:0;
	border:0;
	border-radius:50%;
	background:#0B3A5B;
	color:#FFF;
	font-size:17px;
	cursor:pointer;}
#opinii-sageti a {
	padding:8px 20px;
	border-radius:999px;
	background:#E5466B;
	font-size:15px;
	font-weight:700;
	color:#FFF;
	text-decoration:none;}
#opinii-sageti a:hover {
	background:#C9345A;}
/* ---------->>> povestea mare de la inregistrare <<<-----------*/
/* #form-register urca 70px peste ce e deasupra lui, de aceea povestea sta deasupra lui (z-index) */
#opinii-poveste {
	float:left;
	box-sizing:border-box;
	width:790px;
	min-height:190px;
	position:relative;
	z-index:1;
	margin:0 0 10px 0;
	padding:20px 26px 14px 26px;
	background:#0B3A5B;
	border-radius:14px;
	font-family:"Source Sans 3", Verdana, sans-serif;
	color:#FFF8F0;}
.opinii-unu {
	display:none;
	align-items:center;
	gap:22px;
	min-height:130px;}
.opinii-unu.activ {
	display:flex;}
.opinii-unu img {
	flex:none;
	box-sizing:border-box;
	border:3px solid #F4C979;
	border-radius:50%;
	object-fit:cover;}
#opinii-poveste blockquote {
	margin:0;
	font:italic 600 17px/1.4 "Playfair Display", Georgia, serif;}
#opinii-poveste blockquote.opinii-scurt {
	display:none;}
#opinii-poveste p {
	margin:8px 0 0 0;
	font-size:14px;}
#opinii-poveste p b {
	color:#F4C979;}
#opinii-poveste p small {
	margin-left:6px;
	font-size:12.5px;
	color:#CAD6DE;}
#opinii-puncte {
	display:flex;
	justify-content:center;
	gap:8px;
	margin-top:10px;}
#opinii-puncte button {
	width:11px;
	height:11px;
	padding:0;
	border:0;
	border-radius:50%;
	background:rgba(255,255,255,.3);
	cursor:pointer;}
#opinii-puncte button.activ {
	background:#F4C979;}
@media (prefers-reduced-motion:reduce) {
	#opinii-linie {
		overflow-x:auto;}
	#opinii-linie > div {
		animation:none;}
}
/* ---------->>> pe mobil <<<-----------*/
@media (max-width:768px) {
	#opinii-linie {
		float:none;
		width:auto;
		height:34px;
		margin:0 16px 12px 16px;}
	#opinii-linie > div {
		animation-duration:70s;}
	#opinii-linie a {
		height:22px;
		margin:6px 0;
		padding:0 18px;
		font-size:13.5px;}
	/* pe prima pagina #main-content e display:contents (css/mobile.css): caruselul e ultimul in #main */
	#opinii-carusel {
		order:4;
		float:none;
		width:auto;
		margin:20px 16px 18px 16px;
		padding:18px 0 16px 0;}
	#opinii-carusel h3 {
		font-size:22px;}
	#opinii-sina {
		gap:12px;
		padding:4px 14px 12px 14px;
		scroll-padding:0 14px;}
	.opinii-card {
		flex-basis:84%;}
	.opinii-cifra {
		flex-basis:58%;}
	/* css/mobile.css pune height:auto pe poze: le tinem rotunde */
	#layout #opinii-linie img {
		width:24px;
		height:24px;}
	#layout .opinii-semnat img {
		width:44px;
		height:44px;}
	/* povestea e compacta pe mobil: poza mica langa citatul scurt, ca formularul sa ramana sus */
	#opinii-poveste {
		float:none;
		width:auto;
		min-height:0;
		margin:0 0 10px 0;
		padding:12px 14px 10px 14px;}
	.opinii-unu {
		gap:12px;
		min-height:78px;}
	#layout .opinii-unu img {
		width:60px;
		height:60px;}
	#opinii-poveste blockquote.opinii-tot {
		display:none;}
	#opinii-poveste blockquote.opinii-scurt {
		display:block;
		font-size:15px;
		line-height:1.3;}
	#opinii-poveste p {
		margin:4px 0 0 0;}
	#opinii-puncte {
		margin-top:6px;}
}