/* ============================================================
   City2Day — المدينة اليوم  |  Brand identity layer
   يُربط بعد الـ <style> الداخلي لكل صفحة عامة فيتغلّب على الألوان القديمة
   المصدر: City2Day Brand Guidelines (developer edition)
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Cairo:wght@400;500;600;700;800;900&display=swap');

:root {
  /* ---- City2Day palette ---- */
  --c2d-blue-900:#0F1F5C; --c2d-blue-800:#1E2D96; --c2d-blue-700:#1E3C96;
  --c2d-blue-600:#2350B8; --c2d-blue-500:#1EA5F0; --c2d-blue-400:#5BBFF5;
  --c2d-blue-100:#E8F4FD; --c2d-blue-50:#EBF3FD;
  --c2d-ink:#16213D; --c2d-slate:#5D6B8A; --c2d-line:#DCE6F5; --c2d-cloud:#F5F8FD;
  --c2d-star:#F6A609;
  --c2d-gradient:linear-gradient(135deg,#1E3C96 0%,#1EA5F0 100%);
  --c2d-gradient-dark:linear-gradient(160deg,#0F1F5C 0%,#1E3C96 100%);
  --c2d-shadow-soft:0 14px 35px rgba(30,60,150,.14);
  --c2d-focus:0 0 0 3px rgba(30,165,240,.30);

  /* ---- نُعيد تعريف متغيّرات الصفحات القديمة (الأخضر) إلى أزرق City2Day ---- */
  --primary:#1E3C96; --primary-2:#1EA5F0; --primary-d:#1E2D96; --primary-deep:#0F1F5C;
  --brand:#1E3C96; --brand-2:#1EA5F0; --brand-d:#1E2D96;
  --accent:#1EA5F0; --navy:#0F1F5C; --green:#1E9E6A; --gold:#1EA5F0;
}

/* الخط: عربي Cairo + لاتيني Montserrat */
html[dir="rtl"] body, body[dir="rtl"], body {
  font-family:'Cairo','Montserrat','Segoe UI',Tahoma,sans-serif;
}

/* ظلال زرقاء بدل الخضراء على الأزرار الرئيسية الشائعة */
.btn-primary, .send, .plan-cta.pop, .cta-btn {
  box-shadow:0 10px 24px rgba(30,60,150,.26) !important;
}
.btn-primary:hover, .send:hover { filter:brightness(1.06); }

/* حلقة تركيز زرقاء موحّدة على الحقول */
.inp:focus, input:focus, textarea:focus, select:focus {
  border-color:var(--c2d-blue-500) !important;
  box-shadow:var(--c2d-focus) !important;
}

/* ====== شعار City2Day النصي (SVG-like عبر الـ markup) ====== */
.c2d-brand { display:inline-flex; align-items:center; gap:10px; text-decoration:none; font-weight:800; }
.c2d-brand .mark {
  width:40px; height:40px; flex:0 0 auto; border-radius:11px;
  background:var(--c2d-gradient); display:flex; align-items:center; justify-content:center;
  box-shadow:0 8px 18px rgba(30,60,150,.28);
}
.c2d-brand .mark svg { width:22px; height:22px; display:block; }
.c2d-brand .wm { font-family:'Montserrat',sans-serif; font-weight:800; font-size:20px; letter-spacing:-.01em; line-height:1; color:var(--c2d-blue-700); }
.c2d-brand .wm .two { color:var(--c2d-blue-500); }
.c2d-brand .wm .ar { display:block; font-family:'Cairo',sans-serif; font-weight:700; font-size:11px; color:var(--c2d-slate); margin-top:3px; letter-spacing:0; }
/* نسخة فاتحة فوق الخلفيات الداكنة (الفوتر) */
.c2d-brand.on-dark .wm { color:#fff; } .c2d-brand.on-dark .wm .two { color:var(--c2d-blue-400); }
.c2d-brand.on-dark .wm .ar { color:#a9b6d6; }

/* ============================================================
   تحسين وضوح حقول الإدخال والأزرار (web-design-pro)
   مُقيّد بكلاسات الفورمات فقط — لا يمسّ صندوق المحادثات الداكن (.wa-*)
   ============================================================ */
.inp, .field input, .field select, .field textarea,
.fld .inp, .fld input, .fld select, .fld textarea,
.sec input, .sec select, .sec textarea, .form-control {
  color:#16213D !important;
  background-color:#fff !important;
  border:1.6px solid #C3D3EC !important;
  font-family:inherit;
}
.inp::placeholder, .field input::placeholder, .field textarea::placeholder,
.fld .inp::placeholder, .fld input::placeholder, .fld textarea::placeholder,
.sec input::placeholder, .form-control::placeholder {
  color:#8A97AE !important; opacity:1;
}
.inp:focus, .field input:focus, .field select:focus, .field textarea:focus,
.fld .inp:focus, .fld input:focus, .fld select:focus, .fld textarea:focus,
.sec input:focus, .sec select:focus, .form-control:focus {
  border-color:#1E3C96 !important;
  box-shadow:0 0 0 3px rgba(30,165,240,.25) !important;
  background-color:#fff !important;
  outline:none;
}
/* ضمان وضوح نص الأزرار الأساسية (أبيض على أزرق) */
.btn-primary, .btn-save, .btn-go, .btn-login, .send, .send-btn, .btn-blue {
  color:#fff !important;
}
/* الأزرار الثانوية/الشبح: نص أزرق غامق واضح */
.btn-ghost, .btn-o, .btn-sec { color:#1E3C96 !important; }

/* ============================================================
   رتوش responsive عامة (web-design-pro) — آمنة ولا تمسّ صندوق المحادثات
   ============================================================ */
img, video, table, pre, canvas { max-width:100%; }
/* جداول البيانات: تمرير أفقي ناعم على الموبايل بدل تزاحم الأعمدة
   (صندوق المحادثات .wa-* لا يستخدم <table> فلا يتأثر) */
@media (max-width:680px){
  table { display:block; width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; }
  .card { padding-left:15px !important; padding-right:15px !important; }
  .wrap, .container { padding-left:14px !important; padding-right:14px !important; }
}
/* منع التمرير الأفقي العرضي الناتج عن عناصر زائدة العرض */
@media (max-width:680px){ html, body { overflow-x:hidden; max-width:100%; } }

/* ============================================================
   وضوح أزرار الفلاتر/التبويبات الباهتة (نص واضح بدل الرمادي الفاتح)
   ============================================================ */
.tab:not(.active), .pill:not(.active), .filter-btn:not(.active), .seg:not(.active) {
  color:#2B3A55 !important; font-weight:700 !important;
}
.tab.active, .pill.active, .filter-btn.active, .seg.active { color:#fff !important; }
/* أزرار الجداول الصغيرة: نص أزرق غامق واضح */
.btn-sm.btn-ghost, td .btn-ghost, .btn-link { color:#1E3C96 !important; }

/* ============================================================
   إتاحة الوصول + لمسات احترافية (ui-ux-webforms-pro — بنود High)
   حلقات تركيز واضحة للكيبورد + مؤشّرات + احترام reduced-motion
   ============================================================ */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible,
textarea:focus-visible, [tabindex]:focus-visible, .btn:focus-visible, .tab:focus-visible,
.pill:focus-visible, summary:focus-visible, [role="button"]:focus-visible {
  outline:3px solid rgba(30,165,240,.55) !important; outline-offset:2px !important; border-radius:8px;
}
.btn, .tab, .pill, .btn-o, .btn-ghost, .btn-primary, [onclick], summary, label[for] { cursor:pointer; }
/* انتقالات ناعمة موحّدة على العناصر التفاعلية */
.btn, .btn-o, .btn-ghost, .tab, .pill, .card, a.btn { transition:background .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .08s ease; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration:.001ms !important; transition-duration:.001ms !important; scroll-behavior:auto !important; }
}