/* ==========================================================================
   AFFANECOM - customer reviews section
   ========================================================================== */

.affan-rv-grid{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:24px;
}
@media (max-width:1024px){
	.affan-rv-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:700px){
	.affan-rv-grid{ grid-template-columns:minmax(0,1fr); gap:16px; }
}

/* Card ------------------------------------------------------------------- */
.affan-rv{
	display:flex;
	flex-direction:column;
	background:#fff;
	border:1px solid #EAEAE6;
	border-radius:16px;
	padding:28px 28px 24px;
	box-shadow:0 1px 2px rgba(37,37,37,.03);
	transition:transform .22s cubic-bezier(.22,.61,.36,1),
	           box-shadow .22s cubic-bezier(.22,.61,.36,1),
	           border-color .22s cubic-bezier(.22,.61,.36,1);
}
.affan-rv:hover{
	transform:translateY(-4px);
	border-color:#DCDCD6;
	box-shadow:0 14px 34px rgba(37,37,37,.09);
}

/* Stars ------------------------------------------------------------------ */
.affan-rv__stars{
	display:inline-flex;
	align-items:center;
	gap:3px;
	line-height:0;
}
.affan-rv__star{
	width:17px;
	height:17px;
	flex:none;
	fill:#E2E2DC;
}
.affan-rv__star.is-on{ fill:#F47C20; }

/* Body ------------------------------------------------------------------- */
.affan-rv__body{
	margin:19px 0 0 !important;
	font-family:"Inter",sans-serif;
	font-size:1.02rem;
	line-height:1.72;
	color:#3A3A38;
}

/* Attribution ------------------------------------------------------------ */
.affan-rv__who{
	display:flex;
	align-items:center;
	gap:12px;
	margin-top:auto;
	padding-top:26px;
}
.affan-rv__av{
	flex:none;
	width:42px;
	height:42px;
	border-radius:50%;
	display:grid;
	place-items:center;
	background:#FCEBDD;
	color:#B85A0E;
	font-family:"Plus Jakarta Sans","Inter",sans-serif;
	font-size:.95rem;
	font-weight:800;
	line-height:1;
}
.affan-rv__meta{
	display:flex;
	flex-direction:column;
	gap:2px;
	min-width:0;
}
.affan-rv__meta b{
	font-family:"Plus Jakarta Sans","Inter",sans-serif;
	font-size:.95rem;
	font-weight:700;
	color:#252525;
	line-height:1.3;
}
.affan-rv__meta small{
	font-family:"Inter",sans-serif;
	font-size:.84rem;
	color:#8A8A85;
	line-height:1.35;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.affan-rv__meta small a{
	color:inherit;
	text-decoration:none;
}
.affan-rv__meta small a:hover{
	color:#B85A0E;
	text-decoration:underline;
}
.affan-rv__verified{
	margin-left:auto;
	flex:none;
	display:inline-flex;
	align-items:center;
	gap:6px;
	font-family:"Inter",sans-serif;
	font-size:.83rem;
	font-weight:700;
	color:#6F6F6B;
	white-space:nowrap;
}
.affan-rv__verified svg{
	width:15px;
	height:15px;
	flex:none;
	color:#2E7D46;
}

/* Subtitle --------------------------------------------------------------- */
.affan-rv-stats{
	margin:0 auto !important;
	max-width:62ch;
	font-family:"Inter",sans-serif;
	font-size:17px;
	line-height:1.65;
	color:#6F6F6B;
	text-align:center;
}

/* Empty state ------------------------------------------------------------ */
.affan-rv-empty{
	display:flex;
	flex-direction:column;
	align-items:center;
	text-align:center;
	background:#fff;
	border:1px dashed #DCDCD6;
	border-radius:16px;
	padding:52px 28px 48px;
}
.affan-rv-empty__icon{
	width:40px;
	height:40px;
	color:#C6C6BF;
	margin-bottom:16px;
}
.affan-rv-empty h3{
	margin:0 0 10px !important;
	font-family:"Plus Jakarta Sans","Inter",sans-serif;
	font-size:1.3rem;
	font-weight:800;
	color:#252525;
}
.affan-rv-empty p{
	margin:0 auto 22px !important;
	max-width:58ch;
	font-family:"Inter",sans-serif;
	font-size:1rem;
	line-height:1.7;
	color:#6F6F6B;
}
.affan-rv-empty__btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:13px 28px;
	border-radius:999px;
	background:#252525;
	color:#fff !important;
	font-family:"Inter",sans-serif;
	font-size:.9rem;
	font-weight:700;
	text-decoration:none !important;
	transition:background-color .18s ease;
}
.affan-rv-empty__btn:hover,
.affan-rv-empty__btn:focus-visible{ background:#B85A0E; }

/* Section header --------------------------------------------------------- */
.affan-reviews-head{ text-align:center; }
.affan-reviews-head .elementor-widget{ margin-bottom:0 !important; }
.affan-reviews-head .elementor-widget-heading + .elementor-widget-heading{ margin-top:12px !important; }
.affan-reviews-head .elementor-widget-shortcode{ margin-top:14px !important; }

@media (prefers-reduced-motion:reduce){
	.affan-rv{ transition:none; }
	.affan-rv:hover{ transform:none; }
}
