/* Cutiile care se întorc (flip box), înfățișare nouă.

   Ce se schimbă: cardul are colțuri rotunjite, umbră și un fundal în
   degrade, poza stă într-o ramă albă (așa se vede mai curată, fiind mică),
   iar spatele are o dungă colorată sus și titlul în violetul site-ului.
   Textele rămân cele scrise de voi.

   Cum se poartă: pe calculator se întoarce la trecerea mausului, ca înainte.
   Pe telefon și pe tabletă se întoarce la apăsare — clasa .rdn-flip-tap e
   pusă de flip.js, care știe dacă ecranul are maus sau nu. */

.fusion-flip-boxes{
	--rdn-flip-mov:#6239bd;
	--rdn-flip-mov-clar:#7a4fd6;
	--rdn-flip-stins:#55607a;
}

/* --- cardul, pe orice ecran -------------------------------------------- */
.fusion-flip-boxes .fusion-flip-box .flip-box-inner-wrapper{
	border-radius:20px;
	overflow:hidden;
	box-shadow:0 2px 4px rgba(9,41,51,.06), 0 24px 48px -30px rgba(9,41,51,.55);
	transition:box-shadow .35s cubic-bezier(.22,.61,.36,1), transform .35s cubic-bezier(.22,.61,.36,1);
}
.fusion-flip-boxes .fusion-flip-box:hover .flip-box-inner-wrapper{
	box-shadow:0 2px 4px rgba(9,41,51,.08), 0 34px 60px -30px rgba(61,31,134,.6);
	transform:translateY(-4px);
}

/* fața: degrade în locul culorii plate, plus o lumină discretă în colț */
.fusion-flip-boxes .fusion-flip-box .flip-box-front{
	background-color:#3d1f86 !important;
	background-image:
		radial-gradient(85% 65% at 14% 0%, rgba(116,197,218,.38) 0%, rgba(116,197,218,0) 62%),
		linear-gradient(158deg, #5b32b8 0%, #3d1f86 54%, #2a1560 100%) !important;
	padding:30px 24px !important;
}
/* poza are doar 200px lățime, așa că o ținem într-o ramă albă, la o măsură
   la care se vede curată */
/* toate cardurile primesc aceeași ramă, oricât de diferite ar fi pozele:
   una e 200x70, alta 150x150, alta 200x143. Poza intră întreagă în ramă,
   așa că titlurile pornesc de la aceeași înălțime pe tot rândul. */
.fusion-flip-boxes .fusion-flip-box .flip-box-image{
	display:grid;
	place-items:center;
	width:190px;
	height:116px;
	margin:0 auto 4px;
	padding:0;
	background:none;
	border-radius:0;
	box-shadow:none;
}
/* poza stă direct pe card, fără ramă albă; intră întreagă în locul ei,
   oricât de diferite ar fi proporțiile de la o poză la alta */
.fusion-flip-boxes .fusion-flip-box .flip-box-image img{
	display:block;
	place-self:stretch;          /* altfel poza înaltă iese din locul ei */
	width:100% !important;
	height:116px !important;
	max-width:100%;
	max-height:100%;
	object-fit:contain;
	border-radius:10px;
}
.fusion-flip-boxes .fusion-flip-box .flip-box-heading{
	margin:18px 0 10px !important;
	line-height:1.02 !important;
	letter-spacing:.3px;
	text-shadow:0 1px 14px rgba(9,41,51,.18);
}
.fusion-flip-boxes .fusion-flip-box .flip-box-front-inner{
	font-size:15px;
	line-height:1.62;
	color:rgba(255,255,255,.94);
}

/* semnul rotund din colț, pus de flip.js: arată că se întoarce */
.rdn-flip-semn{
	position:absolute;
	top:14px;
	right:14px;
	z-index:2;
	width:34px;
	height:34px;
	display:grid;
	place-items:center;
	border-radius:50%;
	background:rgba(255,255,255,.18);
	border:1px solid rgba(255,255,255,.5);
	color:#fff;
	backdrop-filter:blur(3px);
	-webkit-backdrop-filter:blur(3px);
	transition:transform .5s cubic-bezier(.22,.61,.36,1), background .3s;
	pointer-events:none;
}
.rdn-flip-semn svg{width:17px;height:17px}
/* pe spate, unde fundalul e alb, semnul ia culorile site-ului */
.fusion-flip-boxes .fusion-flip-box .flip-box-back .rdn-flip-semn{
	background:rgba(98,57,189,.09);
	border-color:rgba(98,57,189,.28);
	color:var(--rdn-flip-mov);
}
.fusion-flip-box:hover .rdn-flip-semn,
.fusion-flip-box.rdn-intors .rdn-flip-semn{
	background:rgba(255,255,255,.3);
	transform:rotate(180deg);
}

/* spatele: alb cu o urmă de violet, dungă colorată sus, titlu în violet */
.fusion-flip-boxes .fusion-flip-box .flip-box-back{
	background-color:#ffffff !important;
	background-image:linear-gradient(172deg,#ffffff 0%,#f7f5fd 100%) !important;
	padding:30px 24px !important;
}
.fusion-flip-boxes .fusion-flip-box .flip-box-back::before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:4px;
	background:linear-gradient(90deg,var(--rdn-flip-mov-clar),#74c5da);
}
.fusion-flip-boxes .fusion-flip-box .flip-box-heading-back{
	margin:0 0 12px !important;
	line-height:1.06 !important;
	letter-spacing:.2px;
	color:var(--rdn-flip-mov) !important;
}
.fusion-flip-boxes .fusion-flip-box .flip-box-heading-back p{margin:0}
.fusion-flip-boxes .fusion-flip-box .flip-box-back-inner{
	font-size:15px;
	line-height:1.62;
	color:var(--rdn-flip-stins);
}
.fusion-flip-boxes .fusion-flip-box .flip-box-back-inner p{color:var(--rdn-flip-stins)}
/* liniile despărțitoare ale temei nu mai au ce căuta aici */
.fusion-flip-boxes .fusion-flip-box .flip-box-back .fusion-separator{display:none !important}
.fusion-flip-boxes .fusion-flip-box .flip-box-back .fusion-button{margin-top:18px !important}

/* întoarcerea, un pic mai lină */
.fusion-flip-boxes.flip-effect-classic .flip-box-front,
.fusion-flip-boxes.flip-effect-classic .flip-box-back{
	transition:transform .62s cubic-bezier(.24,.8,.32,1) !important;
}

/* --- ecranele fără maus: se întoarce la apăsare ------------------------- */
.rdn-flip-tap .fusion-flip-box{cursor:pointer}
/* pe atingere, :hover se agață și rămâne agățat, deci îl scoatem din joc */
.rdn-flip-tap .fusion-flip-box:hover .flip-box-front,
.rdn-flip-tap .fusion-flip-box:focus .flip-box-front,
.rdn-flip-tap .fusion-flip-box:focus-within .flip-box-front,
.rdn-flip-tap .fusion-flip-box.hover .flip-box-front{
	transform:rotateY(0) !important;
	z-index:10 !important;
}
.rdn-flip-tap .fusion-flip-box:hover .flip-box-back,
.rdn-flip-tap .fusion-flip-box:focus .flip-box-back,
.rdn-flip-tap .fusion-flip-box:focus-within .flip-box-back,
.rdn-flip-tap .fusion-flip-box.hover .flip-box-back{
	transform:rotateY(-180deg) !important;
	z-index:-1 !important;
}
/* apăsarea pune .rdn-intors, iar asta întoarce cardul */
.rdn-flip-tap .fusion-flip-box.rdn-intors .flip-box-front{
	transform:rotateY(180deg) !important;
	z-index:-1 !important;
}
.rdn-flip-tap .fusion-flip-box.rdn-intors .flip-box-back{
	transform:rotateY(0) !important;
	z-index:1 !important;
}
.rdn-flip-tap .fusion-flip-box:hover .flip-box-inner-wrapper{transform:none}

/* îndemnul de pe fața cardului, doar pe atingere */
.rdn-flip-indemn{display:none}
.rdn-flip-tap .rdn-flip-indemn{
	display:block;
	margin:14px 0 0;
	font-size:11px;
	font-weight:700;
	letter-spacing:1.6px;
	text-transform:uppercase;
	color:rgba(255,255,255,.82);
}

/* spațiile dintre carduri: 20px, la fel pe orizontală și pe verticală
   (tema lăsa 30px între coloane și 15px sub fiecare card) */
.fusion-flip-boxes.row{
	--awb-margin-left:-10px !important;
	--awb-margin-right:-10px !important;
	margin-left:-10px !important;
	margin-right:-10px !important;
}
.fusion-flip-boxes .fusion-flip-box-wrapper{
	padding-left:10px !important;
	padding-right:10px !important;
}
.fusion-flip-boxes .fusion-flip-box .flip-box-inner-wrapper{margin-bottom:20px !important}
@media (prefers-reduced-motion:reduce){
	.fusion-flip-boxes .fusion-flip-box .flip-box-inner-wrapper,
	.fusion-flip-boxes.flip-effect-classic .flip-box-front,
	.fusion-flip-boxes.flip-effect-classic .flip-box-back,
	.rdn-flip-semn{transition:none !important}
	.fusion-flip-boxes .fusion-flip-box:hover .flip-box-inner-wrapper{transform:none}
}