/* =========================================================
   FAQ page (en/faq.html, ar/faq.html)
   Recreated from retal.com.sa/faq/ (Elementor 55058) — the live
   page is an Arabic list of question headings + answers (no accordion).
   Live fonts "Greta Arabic Medium new" / "29LTZaridSans-Regular - new" /
   "sangbleu-kingdom-light new" are not shipped → 29LT fallbacks.
   ========================================================= */
.faq-section { background: #fff; margin-top: 50px; padding: 0; direction: rtl; text-align: right; }
.faq-section .container { max-width: var(--container); }

/* label "من هي رتال؟" (icon-list 19aea65) */
.faq-label { font-family: "29LTAzer-Light", sans-serif; font-size: 15px; text-transform: uppercase; color: #85553A; margin-bottom: 20px; }
.faq-label i { color: #85553A; font-size: 14px; }

/* heading column (c676904 → 3768e9d) */
.faq-head { width: 100%; }
.faq-title {
	font-family: "29LTZaridDisplayVF", sans-serif; font-size: 30px; font-weight: 500; line-height: 45px; color: #2C2C2C;
	margin: 0 0 20px;
}

/* Q/A column (17fb076 → 0abafed): heading + text-editor pairs, 20px rhythm */
.faq-list { width: 100%; }
.faq-q {
	font-family: "29LTZaridDisplayVF", sans-serif; font-size: 30px; font-weight: 500; line-height: 45px; color: #2C2C2C;
	margin: 0 0 20px;
}
/* the first question repeats the page heading above it; WordPress opens the list on its answer */
.faq-list > .faq-q:first-child { display: none; }
.faq-a { font-family: "29LTAzer-Light", sans-serif; font-size: 17px; font-weight: 400; line-height: 1.6; color: #7A7A7A; margin: 0 0 20px; }
.faq-a p { margin: 0; }
.faq-a p + p { margin-top: 10px; }
.faq-a b, .faq-a strong { font-weight: 700; }
.faq-a .faq-link { color: #000; text-decoration: underline; word-break: break-all; }

/* social icon list under Q9 (6e9b1da) */
.faq-social { display: flex; flex-wrap: wrap; align-items: center; gap: 0 10px; margin: 5px -5px 20px; }
.faq-social li { margin: 0 5px; }
.faq-social a { display: inline-flex; align-items: center; gap: 5px; justify-content: flex-start; text-align: right; }
.faq-social i { font-size: 18px; color: #2C2C2C; transition: color .3s; }
.faq-social span { font-family: "29LTAzer-Light", sans-serif; font-size: 16px; line-height: 20px; color: #A0A2A3; transition: color .3s; }
.faq-social a:hover i, .faq-social a:hover span { color: #85553A; }

/* ---------------- Responsive ---------------- */
@media (max-width: 1200px) {
	.faq-section { margin-top: 0; padding: 50px 20px 0; }
	.faq-a { font-size: 13px; }
	.faq-social span { font-size: 14px; }
}
@media (max-width: 1200px) and (min-width: 768px) {
	.faq-head, .faq-list { width: 60%; }
}
@media (max-width: 767px) {
	.faq-title, .faq-q { font-size: 20px; line-height: 30px; }
}

/* English chrome hosting the (Arabic) FAQ block: keep the block RTL */
.ltr .faq-section { direction: rtl; }
