/* هوية جيدا — مصدر واحد للألوان والخط لكل صفحات الموقع.
 *
 * الألوان مأخوذة من الشعار (img/logo-256.png)، ودرجات النصوص والأزرار مقيسة التباين
 * (WCAG AA ≥ 4.5 للنص العادي):
 *   أبيض على --action   4.52      أبيض على --wa      5.35
 *   --teal على --ivory  6.54      --muted على --ivory 5.12
 *   --coral للزينة فقط: أبيض عليه 2.6 ونصّه على العاجي 2.3 — لا يُكتب به ولا عليه.
 *   --action كنص على العاجي 4.05 — يصلح للعناوين الكبيرة فقط، لا للنص الصغير.
 *
 * وظيفة كل لون:
 *   --action (مرجاني غامق)  الزر الأساسي: صمّم رحلتك، التالي، اطلب تأكيد التوفر
 *   --teal   (تركواز)       العناوين، الروابط، الخطوة الحالية
 *   --wa     (أخضر غامق)    واتساب فقط
 *   --ivory + --card        خلفية عاجية وبطاقات بيضاء
 *   --muted                 الوصف والمعلومات الثانوية
 */

@font-face{font-family:'Readex Pro';font-style:normal;font-weight:300 700;font-display:swap;
  src:url(/fonts/readex-pro-arabic.woff2) format('woff2');
  unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'Readex Pro';font-style:normal;font-weight:300 700;font-display:swap;
  src:url(/fonts/readex-pro-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Readex Pro';font-style:normal;font-weight:300 700;font-display:swap;
  src:url(/fonts/readex-pro-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  /* من الشعار */
  --teal:#135f6b;
  --teal-deep:#0b3f47;
  --coral:#f97b5c;
  --sand:#e5dcc6;

  /* أدوار */
  --action:#c8502f;
  --action-hover:#b04426;
  --wa:#0e7a52;
  --wa-hover:#0b6644;
  --ivory:#f7f2e8;
  --card:#ffffff;
  --ink:#10292d;
  --muted:#566a6d;
  --line:rgba(19,95,107,.14);
  --teal-tint:rgba(19,95,107,.08);
  --focus:0 0 0 3px rgba(19,95,107,.35);

  --font:'Readex Pro',Tahoma,'Segoe UI',system-ui,sans-serif;
  --radius:16px;
  --shadow:0 2px 14px rgba(11,63,71,.07);
  --shadow-lg:0 10px 30px rgba(11,63,71,.13);
}

/* تواصل معنا — آخر كل صفحة (يتبع لون الفوتر: فاتح أو داكن) */
.contact-foot{max-width:760px;margin:18px auto 0;padding-top:18px;border-top:1px solid rgba(127,127,127,.22);text-align:center}
.contact-foot>strong{display:block;font-size:16px;font-weight:700;margin-bottom:12px;color:inherit}
.cf-row{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 18px}
.cf-row a{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:58px;text-decoration:none!important;color:inherit;font-size:12.5px}
.cf-row i{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;transition:transform .15s}
.cf-row a:hover i{transform:translateY(-2px)}
.cf-row svg{width:22px;height:22px;fill:currentColor}
.cf-wa i{background:#25d366}.cf-ig i{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}
.cf-sc i{background:#fffc00;color:#111}.cf-tt i{background:#111}.cf-tg i{background:#2aabee}.cf-em i{background:#ea4335}
.cf-plain{margin-top:12px;font-size:13px;opacity:.85}
.cf-plain a{color:inherit}
.site-foot .contact-foot{margin:0;padding:0;border:0;text-align:center}
.site-foot .contact-foot>strong{color:#fff;font-size:14px;margin-bottom:10px}
.site-foot .cf-row{justify-content:center;gap:12px 14px}
.site-foot .cf-row a{color:rgba(255,255,255,.85)}
/* الطقس + كم بعملتك (js/russia-live.js) */
.rl{margin:22px 0}
.rl[hidden]{display:none}
.rl-sec+.rl-sec{margin-top:22px}
.rl-h{font-size:20px;font-weight:700;color:var(--teal-deep);margin:0 0 12px}
.rl-cities{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.rl-city{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px;box-shadow:var(--shadow)}
.rl-city header{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.rl-city h3{font-size:16px;font-weight:700;color:var(--teal-deep);margin:0}
.rl-sky{font-size:13px;color:var(--muted)}
.rl-temp{display:flex;align-items:center;gap:12px;margin:6px 0 10px}
.rl-temp b{font-size:38px;font-weight:700;line-height:1;color:var(--ink)}
.rl-temp small{font-size:12.5px;color:var(--muted);line-height:1.7}
.rl-days{list-style:none;margin:0;padding:8px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:4px;text-align:center;font-size:12.5px;color:var(--muted)}
.rl-days li{display:flex;flex-direction:column;gap:2px}
.rl-days b{font-size:18px;font-weight:400}
.rl-note{font-size:12.5px;color:var(--muted);margin:8px 0 0;line-height:1.7}
.rl-fx{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:var(--shadow)}
.rl-fx-in{display:flex;gap:8px}
.rl-fx-in input,.rl-fx-in select{min-height:46px;border:1px solid var(--line);border-radius:12px;padding:8px 12px;font:inherit;font-size:16px;background:#fff;color:var(--ink)}
.rl-fx-in input{flex:1;min-width:0;font-weight:700;text-align:left}
.rl-fx-in select{flex:0 0 auto;max-width:52%}
.rl-fx-out{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px 18px}
.rl-fx-out li{display:flex;justify-content:space-between;align-items:baseline;padding:7px 0;border-bottom:1px dashed var(--line);font-size:14px}
.rl-fx-out b{font-size:16px;color:var(--teal-deep)}
.rl-fx-out small{font-size:12px;font-weight:500;color:var(--muted)}
.rl-clim{width:100%;margin-top:12px;border-collapse:collapse;table-layout:fixed;font-size:12px;text-align:center}
.rl-clim caption{caption-side:top;text-align:start;font-size:12.5px;font-weight:600;color:var(--teal-deep);padding-bottom:6px}
.rl-clim th{background:var(--teal-deep);color:#fff;font-weight:600;padding:6px 2px;font-size:12px}
.rl-clim th:first-child{border-start-start-radius:10px}.rl-clim th:last-child{border-start-end-radius:10px}
.rl-clim td{border:1px solid var(--line);padding:5px 2px;line-height:1.5}
.rl-clim .rl-m td{color:var(--muted);font-size:11px}
.rl-clim .rl-t td{font-weight:700;color:var(--ink);font-size:12px}