/* أميدرا v2 — الشريط العلوي + القايمة + الفوتر الستارة، للصفحات الحالية في وضع التجربة (includes/v2.php).
   منقول من styles.css (تصميم الشركة) بس كل المتغيرات بـ --v2-* وكل الأزرار v2btn،
   عشان ما يضربش في CSS الموقع الحالي (اللي فيه .btn و --ink بمعاني تانية). */
:root{
  --v2-bg:#F6F8FC;--v2-paper:#fff;--v2-ink:#0B1A3A;--v2-body:#4B587A;--v2-muted:#6B7591;--v2-faint:#9AA3BA;
  --v2-line:#E6EAF2;--v2-line-2:#D7DEEA;--v2-navy:#0D2D73;--v2-navy-2:#081C4C;--v2-navy-3:#04163F;--v2-navy-bright:#17449E;
  --v2-navy-soft:#EEF2FA;--v2-cyan:#10C4E1;--v2-cyan-soft:#E8F9FC;--v2-on-navy:#D5DEF2;--v2-on-navy-2:#9FB0D8;
  --v2-font:'IBM Plex Sans Arabic',system-ui,sans-serif;--v2-ease:cubic-bezier(.22,1,.36,1);
  --v2-shadow-lg:0 4px 8px rgba(13,45,115,.04),0 30px 80px rgba(13,45,115,.14);
  --v2-wrap:1280px;--v2-gut:80px;
}
.nav,.sheet,.foot{font-family:var(--v2-font);line-height:1.7;-webkit-font-smoothing:antialiased}
.nav *,.sheet *,.foot *{box-sizing:border-box}
.nav a,.sheet a,.foot a{text-decoration:none;color:inherit}
.nav svg,.sheet svg,.foot svg{display:block}
.nav button,.sheet button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
.v2wrap{width:100%;max-width:calc(var(--v2-wrap) + var(--v2-gut)*2);margin:0 auto;padding:0 var(--v2-gut)}

/* الأزرار */
.v2btn{--h:48px;position:relative;display:inline-flex;align-items:center;gap:10px;height:var(--h);padding:0 22px;border-radius:999px;font-size:15px;font-weight:500;white-space:nowrap;transition:background .3s var(--v2-ease),box-shadow .3s var(--v2-ease);isolation:isolate;font-family:var(--v2-font);line-height:1}
.v2btn .roll{display:block;height:1.6em;line-height:1.6em;overflow:hidden}
.v2btn .roll span{display:block;transition:transform .45s var(--v2-ease)}
.v2btn:hover .roll span{transform:translateY(-100%)}
.v2btn .arr{position:relative;width:16px;height:16px;overflow:hidden;flex:none}
.v2btn .arr svg{position:absolute;inset:0;width:16px;height:16px;transition:transform .45s var(--v2-ease)}
.v2btn .arr svg+svg{transform:translateX(120%)}
.v2btn:hover .arr svg:first-child{transform:translateX(-120%)}
.v2btn:hover .arr svg+svg{transform:translateX(0)}
.v2btn-pri{background:var(--v2-navy);color:#fff!important;box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 6px 18px rgba(13,45,115,.22)}
.v2btn-pri:hover{background:var(--v2-navy-bright)}
.v2btn-cy{background:var(--v2-cyan);color:var(--v2-navy-3)!important}
.v2btn-cy:hover{background:#3dd3ea}
.v2btn-sm{--h:40px;padding:0 18px;font-size:14px}

/* الشريط العلوي */
.nav{position:fixed;top:0;inset-inline:0;z-index:950;display:flex;justify-content:center;padding:14px var(--v2-gut);pointer-events:none;transition:transform .4s var(--v2-ease),opacity .3s}
.nav-in{pointer-events:auto;width:100%;max-width:var(--v2-wrap);height:60px;display:flex;align-items:center;gap:28px;padding:0 10px;padding-inline-start:18px;border-radius:999px;border:1px solid transparent;transition:max-width .7s var(--v2-ease),background .5s var(--v2-ease),border-color .5s,box-shadow .5s}
.nav-logo{height:26px;flex:none;display:block}
.nav-logo img,.nav-logo svg{height:26px;width:auto}
.nav-links{display:flex;align-items:center;gap:4px;margin-inline-start:auto}
.nav-links a,.nav-links button{height:36px;display:inline-flex;align-items:center;gap:6px;padding:0 12px;border-radius:999px;font-size:14.5px;color:var(--v2-body);transition:color .25s,background .25s}
.nav-links a:hover,.nav-links button:hover,.nav-links .on{color:var(--v2-navy);background:var(--v2-navy-soft)}
.nav-links>a[aria-current],.nav-links .dd.on>button{color:var(--v2-navy);font-weight:500}
.nav-links svg{width:14px;height:14px}
.nav-cta{margin-inline-start:8px}
.nav-menu{display:none;width:40px;height:40px;border-radius:50%;align-items:center;justify-content:center;margin-inline-start:auto}
.nav-menu svg{width:20px;height:20px}
.nav.is-pill .nav-in{max-width:1040px;background:rgba(255,255,255,.86);border-color:rgba(13,45,115,.08);box-shadow:0 10px 30px rgba(13,45,115,.10);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4)}
.nav.over-foot{transform:translateY(-130%);opacity:0;pointer-events:none}
/* الصفحات الحالية خلفيتها مش دايماً فاتحة من أول سطر (هيرو غامق): الكبسولة بيضا من البداية */
.nav .nav-in{background:rgba(255,255,255,.86);border-color:rgba(13,45,115,.08);box-shadow:0 6px 24px rgba(13,45,115,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}

/* قايمة الأنظمة */
.dd{position:relative}
.dd-panel{position:absolute;top:calc(100% + 14px);inset-inline-start:-160px;width:600px;padding:10px;border-radius:22px;background:rgba(255,255,255,.97);border:1px solid var(--v2-line);box-shadow:var(--v2-shadow-lg);display:grid;grid-template-columns:1fr 1fr;gap:4px;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.98);pointer-events:none;transition:opacity .35s var(--v2-ease),transform .45s var(--v2-ease),visibility 0s linear .25s;backdrop-filter:blur(18px)}
.dd-panel::before{content:"";position:absolute;inset-inline:0;top:-18px;height:18px}
.dd:not(:hover):not(:focus-within) .dd-panel{transition-delay:.25s,.25s,.25s}
.dd:hover .dd-panel,.dd:focus-within .dd-panel{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition-delay:0s,0s,0s}
.dd-panel a{display:flex;gap:12px;align-items:flex-start;height:auto;padding:12px;border-radius:14px}
.dd-panel a:hover,.dd-panel a[aria-current]{background:var(--v2-bg)}
.dd-panel b{display:block;font-size:14.5px;font-weight:500;color:var(--v2-ink);line-height:1.4}
.dd-panel small{display:block;font-size:12.5px;color:var(--v2-muted);line-height:1.5;margin-top:2px}
.ico-box{width:36px;height:36px;flex:none;border-radius:10px;display:grid;place-items:center;background:var(--v2-navy-soft);color:var(--v2-navy)}
.ico-box svg{width:18px;height:18px}

/* قايمة الموبايل */
.sheet{position:fixed;inset:0;z-index:960;background:rgba(246,248,252,.98);backdrop-filter:blur(10px);padding:90px 24px 32px;display:flex;flex-direction:column;gap:6px;opacity:0;pointer-events:none;transition:opacity .35s var(--v2-ease);overflow:auto}
.sheet.open{opacity:1;pointer-events:auto}
.sheet a{font-size:22px;font-weight:300;padding:10px 0;border-bottom:1px solid var(--v2-line);color:var(--v2-ink)}
.sheet .v2btn{margin-top:18px;justify-content:center;font-size:16px;font-weight:500;border:0;padding:0 22px}
.sheet-x{position:absolute;top:24px;inset-inline-end:24px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--v2-paper);border:1px solid var(--v2-line)}
.sheet-x svg{width:20px;height:20px}

/* الصفحة + الفوتر الستارة */
.v2page{position:relative;z-index:1;background:var(--v2-bg);border-radius:0 0 48px 48px;box-shadow:0 30px 60px rgba(4,22,63,.18);overflow:clip}
.foot{position:sticky;bottom:0;z-index:0;background:var(--v2-navy-3);color:var(--v2-on-navy);overflow:hidden}
.foot-in{padding-top:120px}
.foot-top{display:grid;grid-template-columns:1.3fr 2fr;gap:64px}
.foot-cta h2{color:#fff;font-size:44px;line-height:1.2;font-weight:300;margin:0 0 18px;font-family:var(--v2-font)}
.foot-cta p{color:var(--v2-on-navy-2);font-size:15px;line-height:1.8;margin:0 0 26px;max-width:420px}
.foot-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.foot-cols h4{font-size:13px;font-weight:500;color:var(--v2-on-navy-2);margin:0 0 14px}
.foot-cols a{display:block;font-size:15px;color:#fff;padding:4px 0;opacity:.88;transition:opacity .2s,color .2s}
.foot-cols a:hover{opacity:1;color:var(--v2-cyan)}
.foot-word{margin-top:80px;display:flex;justify-content:center}
.foot-word span{display:block;font-size:21vw;line-height:.9;padding-bottom:.18em;font-weight:300;color:#fff;white-space:nowrap}
.foot-word span b{font-weight:300;color:var(--v2-cyan)}
.foot-legal{padding:22px 0;border-top:1px solid rgba(255,255,255,.1);font-size:13px;color:var(--v2-on-navy-2);position:relative;z-index:2;background:var(--v2-navy-3)}
.foot-legal .v2wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.foot-legal a{color:var(--v2-on-navy-2)}
.foot-legal a:hover{color:#fff}

/* نفس شرط الموقع الحالي للابتوب المتصغّر: تحت 900 أو تابلت/طويل = قايمة الموبايل */
@media (max-width:900px),(max-width:1199.98px) and (min-height:821px),(max-width:1199.98px) and (hover:none){
  :root{--v2-gut:40px}
  .nav-links{display:none}
  .nav-menu{display:inline-flex}
  .foot-top{grid-template-columns:1fr;gap:56px}
}
@media (max-width:809.98px){
  :root{--v2-gut:20px}
  .nav{padding:10px 12px}
  .nav-in{height:56px;padding-inline-start:16px;gap:10px}
  .nav-cta{display:none}
  .v2page{border-radius:0 0 28px 28px}
  .foot-in{padding-top:80px}
  .foot-cta h2{font-size:32px}
  .foot-cols{grid-template-columns:1fr 1fr;gap:28px 16px}
  .foot-legal .v2wrap{flex-direction:column;text-align:center}
}
/* اللابتوب المتصغّر بالـ zoom في head.php: vw مش بيتصغّر — كلمة الفوتر بتتقسم على نفس النسب */
@media (min-width:901px) and (max-height:820px){.foot-word span{font-size:calc(21vw / .88)}}
@media (min-width:901px) and (max-height:820px) and (min-resolution:1.2dppx){.foot-word span{font-size:calc(21vw / .74)}}
@media (min-width:901px) and (max-height:820px) and (min-resolution:1.35dppx){.foot-word span{font-size:calc(21vw / .66)}}