/* =========================================================
   Privacy Policy page (en/privacy-policy.html, ar/privacy-policy.html)
   Recreated from retal.com.sa/en/privacy-policy/ (Elementor 2307 / 27977)
   Shared ".legal-*" rules (also used by terms-of-use.css).
   ========================================================= */
.legal-section { background: #fff; padding: 70px 10px 0; }
.legal-section .container { max-width: var(--container); }

/* inline icon-list labels: brown, 15px uppercase */
.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-label + .legal-title { margin-top: -10px; }

/* h2 "Introduction" */
.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 */
.legal-text { font-family: 'Lucky Beauty new', var(--font-en); font-size: 17px; font-weight: 400; line-height: 1.6; color: #7A7A7A; margin: 0 0 20px; }
.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; }
.legal-text b, .legal-text strong { font-weight: 600; }
/* 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: 1024px) {
	.legal-section { padding: 80px 20px 0; }
}
@media (max-width: 767px) {
	.legal-section { padding: 50px 20px 50px; }
	.legal-title { font-size: 20px; line-height: 32px; }
	.legal-text { font-size: 13px; }
}

/* ---------------- RTL (Arabic) — live fonts Greta Arabic / 29LTZaridSans 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; }