/* ==========================================================================
   AFFANECOM - FAQ accordion
   Elementor's legacy accordion renders one flat bordered stack; this turns
   each item into a separate card and colours the open one.
   ========================================================================== */

.affan-faq-sec .elementor-widget-accordion{ width:100%; }

.affan-faq-sec .elementor-accordion{
	display:flex;
	flex-direction:column;
	gap:12px;
	border:0 !important;
}

.affan-faq-sec .elementor-accordion .elementor-accordion-item{
	border:1px solid #E6E6E2 !important;
	border-radius:12px !important;
	background:#fff;
	overflow:hidden;
	transition:border-color .2s ease, box-shadow .2s ease;
}
.affan-faq-sec .elementor-accordion-item:hover{
	border-color:#D6D6CF !important;
}

/* Question row ----------------------------------------------------------- */
.affan-faq-sec .elementor-tab-title{
	display:flex !important;
	align-items:center;
	gap:20px;
	padding:22px 26px !important;
	border:0 !important;
	background:transparent !important;
	cursor:pointer;
}
.affan-faq-sec .elementor-tab-title a,
.affan-faq-sec .elementor-accordion-title{
	order:1;
	flex:1;
	font-family:"Plus Jakarta Sans","Inter",sans-serif !important;
	font-size:1.06rem !important;
	font-weight:800 !important;
	line-height:1.4 !important;
	color:#252525 !important;
	text-decoration:none !important;
}

/* Elementor prints the icon before the title in the DOM whatever icon_align
   says, so the flex row is reordered here instead. */
.affan-faq-sec .elementor-accordion-icon{
	order:2;
	flex:none;
	margin:0 !important;
	width:auto !important;
	color:#F47C20 !important;
	font-size:15px;
	line-height:1;
}
.affan-faq-sec .elementor-accordion-icon svg{
	width:16px;
	height:16px;
	fill:currentColor;
}

/* Open state ------------------------------------------------------------- */
.affan-faq-sec .elementor-accordion-item:has(.elementor-tab-title.elementor-active),
.affan-faq-sec .elementor-accordion-item.is-open{
	border-color:#F47C20 !important;
	box-shadow:0 6px 22px rgba(244,124,32,.10);
}
.affan-faq-sec .elementor-tab-title.elementor-active a,
.affan-faq-sec .elementor-tab-title.elementor-active .elementor-accordion-title{
	color:#252525 !important;
}

/* Answer ----------------------------------------------------------------- */
.affan-faq-sec .elementor-tab-content{
	padding:0 26px 24px !important;
	border:0 !important;
	background:transparent !important;
}
.affan-faq-sec .elementor-tab-content p{
	margin:0 !important;
	font-family:"Inter",sans-serif !important;
	font-size:1rem !important;
	line-height:1.75 !important;
	color:#6F6F6B !important;
}
.affan-faq-sec .elementor-tab-content p + p{ margin-top:12px !important; }
.affan-faq-sec .elementor-tab-content a{
	color:#B85A0E !important;
	text-decoration:underline;
	text-underline-offset:2px;
}

/* Keyboard focus --------------------------------------------------------- */
.affan-faq-sec .elementor-tab-title:focus-visible,
.affan-faq-sec .elementor-tab-title a:focus-visible{
	outline:3px solid #F47C20;
	outline-offset:-3px;
	border-radius:12px;
}

/* Header ----------------------------------------------------------------- */
.affan-faq-head{ text-align:center; }
.affan-faq-head .elementor-widget{ margin-bottom:0 !important; }
.affan-faq-head .elementor-widget-heading + .elementor-widget-heading{ margin-top:12px !important; }
.affan-faq-head .elementor-widget-text-editor{ margin-top:14px !important; }
.affan-faq-head .elementor-widget-text-editor p{
	margin:0 auto !important;
	max-width:56ch;
}

/* Keep the list readable rather than full bleed on wide screens. */
.affan-faq-sec .affan-faq-list{
	width:100% !important;
	max-width:900px !important;
	margin:0 auto !important;
	padding:0 !important;
}

@media (max-width:640px){
	.affan-faq-sec .elementor-tab-title{ padding:18px 20px !important; gap:14px; }
	.affan-faq-sec .elementor-tab-title a,
	.affan-faq-sec .elementor-accordion-title{ font-size:.98rem !important; }
	.affan-faq-sec .elementor-tab-content{ padding:0 20px 20px !important; }
	.affan-faq-sec .elementor-tab-content p{ font-size:.95rem !important; }
}

@media (prefers-reduced-motion:reduce){
	.affan-faq-sec .elementor-accordion-item{ transition:none; }
}