/* ═══════════════════════════════════════════════════════════════════════════
   لوكس أرتيزان — تنسيق نموذج التقاط العملاء
   الملف: assets/css/lead-form.css        أُنشئ: 15/8/2026
   ───────────────────────────────────────────────────────────────────────────
   🧠 لماذا ملف مشترك بدل تكرار الـCSS في كل صفحة؟
      النموذج صار على 12 صفحة. تكراره inline يعني 12 نسخة تتفرّق عند أي تعديل،
      وهذا بالضبط ما يخلق فروقاً صامتة بين الصفحات. هنا مصدر واحد للحقيقة.
   ⚠️ /assets/* مخزَّن مؤقتاً سنةً كاملة (immutable) في _headers — أي تعديل
      على هذا الملف يجب أن يرفع ?v= في كل صفحة، وإلا بقي المتصفح على القديم.
   ═══════════════════════════════════════════════════════════════════════════ */
.lf{margin-top:1.4rem;text-align:right}
.lf-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}
@media(max-width:720px){.lf-row{grid-template-columns:1fr}}
.lf-f{display:flex;flex-direction:column;gap:.35rem;font-size:.92rem}
.lf-f>span{font-weight:600;opacity:.85}
.lf-f input,.lf-f select{padding:.75rem .85rem;border:1px solid rgba(0,0,0,.22);border-radius:10px;font:inherit;background:#fff;color:#14110d;min-height:46px}
/* ⚠️ كتلة sv-cta خلفيتها داكنة والنص فيها فاتح — بلا تثبيت اللون صراحةً
   يرث نصُّ الحقول والقائمة اللونَ الفاتح فيصير شبه غير مقروء على الأبيض. */
.lf-f select option{color:#14110d;background:#fff}
.lf-f input::placeholder{color:#8a8175;opacity:1}
.lf-f input:focus,.lf-f select:focus{outline:2px solid var(--gold,#C9A26E);outline-offset:1px;border-color:transparent}
.lf-consent{display:flex;align-items:flex-start;gap:.5rem;margin:.9rem 0 1rem;font-size:.86rem;opacity:.9;line-height:1.6}
.lf-consent input{margin-top:.25rem;width:18px;height:18px;flex:0 0 auto}
.lf-consent a{color:inherit;text-decoration:underline}
#lfBtn{width:100%;max-width:340px}
.lf-status{margin:.8rem 0 0;min-height:1.4em;font-size:.9rem}
.lf-status.is-error{color:#b3261e}
.lf-status.is-success{color:#1b7f3b}
.lf-status a{color:inherit;font-weight:700;text-decoration:underline}