/* =========================================================
   Terms of use page (en/terms-of-use.html, ar/terms-of-use.html)
   Recreated from retal.com.sa/en/terms-of-use/ (Elementor 2453 / 28052)
   Self-contained copy of the shared ".legal-*" rules + terms tweaks.
   ========================================================= */
.legal-section { background: #fff; padding: 70px 0 0; }
.legal-section .container { max-width: var(--container); }

/* inline icon-list labels: brown, 15px uppercase; one per clause */
.legal-label { font-family: 'Lucky Beauty new', var(--font-en); font-size: 15px; text-transform: uppercase; color: #85553A; margin-bottom: 20px; line-height: 30px; }
.legal-label i { color: #85553A; font-size: 14px; }
.legal-text + .legal-label, .legal-title + .legal-label { margin-top: 20px; }

/* h2 "Please read these terms..." */
.legal-title {
	font-family: 'Lucky Beauty new', var(--font-en); font-size: 30px; font-weight: 600; line-height: 45px; color: #2C2C2C;
	margin: 0 0 20px;
}

/* text-editor widgets (Marcellus on this page) */
.legal-text { font-family: var(--font-en); font-size: 17px; font-weight: 400; line-height: 1.6; color: #7A7A7A; margin: 0 0 20px; padding-top: 0; }
.legal-text p { margin: 0; }
.legal-text p + p, .legal-text ul + p, .legal-text p + ul { margin-top: 10px; }
.legal-text ul { list-style: disc; padding-left: 40px; margin: 0; }
.legal-text ul + ul { margin-top: 10px; }
.legal-text li { margin: 0; }
/* live custom CSS: every link in the section is dark + underlined */
.legal-section a, .legal-section a span { color: #2C2C2C !important; text-decoration: underline; }

/* ---------------- Responsive ---------------- */
@media (max-width: 1200px) {
	.legal-section { margin-top: 30px; padding: 100px 20px 0; }
}
@media (max-width: 767px) {
	.legal-section { margin-top: 0; padding: 50px 20px 50px; }
	.legal-title { font-size: 20px; line-height: 30px; }
	.legal-text { font-size: 13px; }
}

/* ---------------- RTL (Arabic) — live fonts Greta Arabic / 29LTZaridSans / sangbleu not shipped → 29LT fallbacks ---------------- */
.rtl .legal-label { font-family: var(--font-body); }
.rtl .legal-title { font-family: var(--font-head); font-weight: 500; }
.rtl .legal-text { font-family: var(--font-body); }
.rtl .legal-text ul { padding-left: 0; padding-right: 40px; }