/* Recenziile clienților, înfățișare nouă (varianta B).

   Ce se schimbă: banda albastră cu nori devine banda violet a site-ului,
   cartonul alb din mijloc dispare, iar recenzia se citește mare, pe toată
   lățimea. Poza mare de deasupra citatului se mută jos, într-un rând de
   chipuri: apeși pe unul și sari direct la părerea omului.

   Textele, numele și firmele rămân cele de pe site. Caruselul temei face
   în continuare treaba, noi doar îi punem alt chip (vezi recenzii.js). */

.rdn-recenzii{
	--rdn-rec-cyan:#74c5da;
	--awb-background-color:#3d1f86 !important;
	--awb-background-image:none !important;
	background-color:#3d1f86 !important;
	background-image:
		radial-gradient(92% 72% at 14% 0%, rgba(116,197,218,.34) 0%, rgba(116,197,218,0) 62%),
		linear-gradient(158deg, #5b32b8 0%, #3d1f86 58%, #2a1560 100%) !important;
}
/* norii albaștri erau desenați de un strat separat, pus de temă peste
   fundalul secțiunii; îl scoatem ca să rămână banda violet */
.rdn-recenzii .parallax-inner,
.rdn-recenzii > .fusion-bg-parallax{display:none !important}

/* cartonul alb din mijloc iese din scenă, ca să se vadă banda */
.rdn-recenzii .fusion-layout-column{
	--awb-bg-color:transparent !important;
	--awb-bg-color-hover:transparent !important;
	--awb-padding-top:0px !important;
	--awb-padding-bottom:0px !important;
	/* fără cele 40px laterale, altfel caruselul temei (care își ia lățimea
	   de la coloană) iese din ecran pe telefon */
	--awb-padding-left:0px !important;
	--awb-padding-right:0px !important;
	background-color:transparent !important;
}
.rdn-recenzii .reviews{max-width:100% !important}
/* coloana goală din stânga nu mai ține loc degeaba */
.rdn-recenzii .fusion_builder_column_1_6{display:none !important}
.rdn-recenzii .fusion_builder_column_2_3{
	--awb-width-large:100% !important;
	width:100% !important;
	max-width:100% !important;
	flex:0 0 100% !important;
}

/* titlul pus de scriptul recenzii.py */
.rdn-recenzii-titlu{text-align:center; width:100%; max-width:820px; margin:0 auto 26px; align-self:center}
.rdn-recenzii-titlu h2{
	font-family:var(--h2_typography-font-family, "Teko", Impact, sans-serif);
	font-weight:var(--h2_typography-font-weight, 500);
	font-size:clamp(30px, 5vw, 42px);
	line-height:1;
	letter-spacing:.4px;
	color:#ffffff !important;
	margin:0 0 8px;
}
.rdn-recenzii-titlu p{
	margin:0 auto;
	max-width:46ch;
	font-size:15px;
	line-height:1.6;
	color:rgba(255,255,255,.78);
}

/* --- recenzia în prim-plan ------------------------------------------- */
.rdn-recenzii .fusion-testimonials{
	--awb-textcolor:#ffffff !important;
	/* width:100% e obligatoriu: coloana e flex, iar „margin:0 auto" singur
	   ar lăsa blocul să crească până la cele 820px și să iasă din ecran */
	width:100%;
	max-width:820px;
	margin:0 auto;
	align-self:center;
	text-align:center;
}
/* poza mare de deasupra citatului se mută în rândul de chipuri */
.rdn-recenzii .testimonial-thumbnail{display:none !important}
/* bulinele temei sunt înlocuite de chipuri */
.rdn-recenzii .testimonial-pagination{display:none !important}

/* recenziile sunt inegale ca lungime, iar banda ține înălțimea celei mai
   lungi; cele scurte stau la mijloc, ca să nu rămână gol doar dedesubt */
.rdn-recenzii .swiper-slide{
	text-align:center;
	display:flex !important;
	flex-direction:column;
	justify-content:center;
}
.rdn-recenzii .swiper-wrapper{align-items:stretch !important}
.rdn-recenzii blockquote{
	margin:0 !important;
	padding:0 !important;
	border:0 !important;
	background:none !important;
}
.rdn-recenzii .awb-quote{position:relative; padding-top:56px !important}
/* ghilimeaua mare, semnul că e un citat */
.rdn-recenzii .awb-quote::before{
	content:"\201D";
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
	font-family:Georgia, "Times New Roman", serif;
	font-size:104px;
	line-height:.56;
	color:rgba(255,255,255,.3);
	pointer-events:none;
}
.rdn-recenzii .awb-quote-content{
	color:#ffffff !important;
	font-size:clamp(16.5px, 1.6vw, 21px);
	line-height:1.66;
	max-width:44em;
	margin:0 auto;
}
.rdn-recenzii .awb-quote-content p{color:#ffffff !important; margin:0}

.rdn-recenzii .author{
	display:flex !important;
	flex-direction:column !important;
	align-items:center !important;
	justify-content:center !important;
	gap:2px;
	margin-top:20px !important;
	color:#ffffff !important;
}
/* în pagină numele și firma stau într-un singur bloc, despărțite de o
   virgulă; le punem unul sub altul și scoatem virgula */
.rdn-recenzii .author .company-name{
	display:flex !important;
	flex-direction:column !important;
	align-items:center !important;
	gap:2px;
	font-size:17px;
	font-weight:500;
	letter-spacing:.3px;
	color:#ffffff !important;
}
.rdn-recenzii .author .testimonial-name{
	font-size:17px;
	font-weight:500;
	color:#ffffff !important;
}
.rdn-recenzii .awb-testimonial-sep{display:none !important}
.rdn-recenzii .testimonial-extras{margin:0 !important; padding:0 !important; line-height:1.3}
.rdn-recenzii .testimonial-company,
.rdn-recenzii .testimonial-extras{
	font-size:13px;
	font-weight:400;
	letter-spacing:1.4px;
	text-transform:uppercase;
	color:var(--rdn-rec-cyan) !important;
}
.rdn-recenzii .testimonial-company a{color:var(--rdn-rec-cyan) !important}

/* --- rândul de chipuri ------------------------------------------------ */
.rdn-fete{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	gap:12px;
	margin-top:28px;
}
.rdn-fata{
	width:46px;
	height:46px;
	padding:0;
	border:0;
	border-radius:50%;
	overflow:hidden;
	cursor:pointer;
	background:linear-gradient(135deg, #7a4fd6, #3d1f86) !important;
	color:#ffffff;
	font-family:var(--h2_typography-font-family, "Teko", Impact, sans-serif);
	font-size:20px;
	line-height:46px;
	letter-spacing:.5px;
	box-shadow:0 0 0 2px rgba(255,255,255,.25);
	opacity:.55;
	transition:opacity .3s, transform .3s cubic-bezier(.22,.61,.36,1), box-shadow .3s;
}
.rdn-fata img{width:100%; height:100%; object-fit:cover; display:block}
.rdn-fata:hover,
.rdn-fata:focus-visible{opacity:.9; transform:translateY(-2px)}
.rdn-fata[aria-selected="true"]{
	opacity:1;
	transform:translateY(-3px);
	box-shadow:0 0 0 3px var(--rdn-rec-cyan);
}

@media (max-width:800px){
	.rdn-recenzii .awb-quote{padding-top:46px !important}
	.rdn-recenzii .awb-quote::before{font-size:86px}
	.rdn-fete{gap:10px; margin-top:24px}
	.rdn-fata{width:42px; height:42px; line-height:42px; font-size:19px}
}
@media (prefers-reduced-motion:reduce){
	.rdn-fata{transition:none}
}