/* ===== SMAZOD — فوتر + بانر «لم تجد نشاطك؟» بتدرّج بنفسجي (زي الصورة المرجعية) ===== */
:root{--ef-card:#06236e;--ef-deep:#031a5c;--ef-mid:#0a3399;--ef-ac:#1fb8ff}

/* ---------- البانر فوق الفوتر ---------- */
html:not(#efx1):not(#efx2):not(#efx3):not(#efx4):not(#efx5):not(#efx6):not(#efx7):not(#efx8):not(#efx9):not(#efx10):not(#efx11):not(#efx12):not(#efx13):not(#efx14):not(#efx15):not(#efx16):not(#efx17):not(#efx18):not(#efx19):not(#efx20) body section.cta{
  position:relative;overflow:hidden;padding:56px 0 60px!important;
  background:
    radial-gradient(900px 420px at 4% 0%,rgba(222,234,255,.95) 0,rgba(222,234,255,0) 62%),
    linear-gradient(115deg,#7fb2ff 0%,#2f7bff 34%,#0a49c9 68%,#031f6c 100%)!important;
  border:0!important;box-shadow:none!important;
}
html:not(#efx1):not(#efx2):not(#efx3):not(#efx4):not(#efx5):not(#efx6):not(#efx7):not(#efx8):not(#efx9):not(#efx10):not(#efx11):not(#efx12):not(#efx13):not(#efx14):not(#efx15):not(#efx16):not(#efx17):not(#efx18):not(#efx19):not(#efx20) body section.cta::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 400' preserveAspectRatio='none'%3E%3Cpath d='M0 220C220 120 420 120 660 200S1120 300 1440 150V400H0Z' fill='%23ffffff' fill-opacity='.10'/%3E%3Cpath d='M0 300C260 220 520 260 760 310S1200 360 1440 270V400H0Z' fill='%230a3fb8' fill-opacity='.28'/%3E%3C/svg%3E") center/100% 100% no-repeat;
}
html:not(#efx1):not(#efx2):not(#efx3):not(#efx4):not(#efx5):not(#efx6):not(#efx7):not(#efx8):not(#efx9):not(#efx10):not(#efx11):not(#efx12):not(#efx13):not(#efx14):not(#efx15):not(#efx16):not(#efx17):not(#efx18):not(#efx19):not(#efx20) body .cta .w{position:relative}
html:not(#efx1):not(#efx2):not(#efx3):not(#efx4):not(#efx5):not(#efx6):not(#efx7):not(#efx8):not(#efx9):not(#efx10):not(#efx11):not(#efx12):not(#efx13):not(#efx14):not(#efx15):not(#efx16):not(#efx17):not(#efx18):not(#efx19):not(#efx20) body .cta-in{
  background:var(--ef-card)!important;border-radius:28px!important;
  max-width:980px;margin-inline:auto;padding:46px 28px 44px!important;
  box-shadow:0 30px 60px -28px rgba(6,30,70,.7);
}
html:not(#efx1):not(#efx2):not(#efx3):not(#efx4):not(#efx5):not(#efx6):not(#efx7):not(#efx8):not(#efx9):not(#efx10):not(#efx11):not(#efx12):not(#efx13):not(#efx14):not(#efx15):not(#efx16):not(#efx17):not(#efx18):not(#efx19):not(#efx20) body .cta h2{color:#fff!important;font-weight:700}
html:not(#efx1):not(#efx2):not(#efx3):not(#efx4):not(#efx5):not(#efx6):not(#efx7):not(#efx8):not(#efx9):not(#efx10):not(#efx11):not(#efx12):not(#efx13):not(#efx14):not(#efx15):not(#efx16):not(#efx17):not(#efx18):not(#efx19):not(#efx20) body .cta p{color:#bccdea!important}
html:not(#efx1):not(#efx2):not(#efx3):not(#efx4):not(#efx5):not(#efx6):not(#efx7):not(#efx8):not(#efx9):not(#efx10):not(#efx11):not(#efx12):not(#efx13):not(#efx14):not(#efx15):not(#efx16):not(#efx17):not(#efx18):not(#efx19):not(#efx20) body .cta .btn.wh{
  background:linear-gradient(135deg,#1fb8ff,#0a6be0)!important;color:#fff!important;
  border-radius:16px;box-shadow:0 10px 24px -8px rgba(31,184,255,.55);
}

/* ---------- الفوتر ---------- */
html:not(#efx1):not(#efx2):not(#efx3):not(#efx4):not(#efx5):not(#efx6):not(#efx7):not(#efx8):not(#efx9):not(#efx10):not(#efx11):not(#efx12):not(#efx13):not(#efx14):not(#efx15):not(#efx16):not(#efx17):not(#efx18):not(#efx19):not(#efx20) body .ft2{
  position:relative;overflow:hidden;padding:52px 0 0!important;
  background:linear-gradient(180deg,var(--ef-mid) 0%,var(--ef-deep) 100%)!important;
  border-top:1px solid rgba(255,255,255,.7);
}
html:not(#efx1):not(#efx2):not(#efx3):not(#efx4):not(#efx5):not(#efx6):not(#efx7):not(#efx8):not(#efx9):not(#efx10):not(#efx11):not(#efx12):not(#efx13):not(#efx14):not(#efx15):not(#efx16):not(#efx17):not(#efx18):not(#efx19):not(#efx20) body .ft2::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 420' preserveAspectRatio='none'%3E%3Cpath d='M0 250C240 170 480 190 720 260S1200 330 1440 200V420H0Z' fill='%232f7bff' fill-opacity='.22'/%3E%3Cpath d='M0 340C300 280 560 330 820 360S1240 400 1440 320V420H0Z' fill='%2322d3ee' fill-opacity='.14'/%3E%3C/svg%3E") center/100% 100% no-repeat;
}
html:not(#efx1):not(#efx2):not(#efx3):not(#efx4):not(#efx5):not(#efx6):not(#efx7):not(#efx8):not(#efx9):not(#efx10):not(#efx11):not(#efx12):not(#efx13):not(#efx14):not(#efx15):not(#efx16):not(#efx17):not(#efx18):not(#efx19):not(#efx20) body .ft2 .w{position:relative}

/* الشعار: بدون خلفية بيضاء، شفاف */
html:not(#efx1):not(#efx2):not(#efx3):not(#efx4):not(#efx5):not(#efx6):not(#efx7):not(#efx8):not(#efx9):not(#efx10):not(#efx11):not(#efx12):not(#efx13):not(#efx14):not(#efx15):not(#efx16):not(#efx17):not(#efx18):not(#efx19):not(#efx20) body .ft2 .eg-ft-logo,
html:not(#efx1):not(#efx2):not(#efx3):not(#efx4):not(#efx5):not(#efx6):not(#efx7):not(#efx8):not(#efx9):not(#efx10):not(#efx11):not(#efx12):not(#efx13):not(#efx14):not(#efx15):not(#efx16):not(#efx17):not(#efx18):not(#efx19):not(#efx20) body .ft2 .logo-chip{
  display:inline-block;background:none!important;border:0!important;box-shadow:none!important;
  border-radius:0!important;padding:0!important;margin-bottom:12px;line-height:0;
}
html:not(#efx1):not(#efx2):not(#efx3):not(#efx4):not(#efx5):not(#efx6):not(#efx7):not(#efx8):not(#efx9):not(#efx10):not(#efx11):not(#efx12):not(#efx13):not(#efx14):not(#efx15):not(#efx16):not(#efx17):not(#efx18):not(#efx19):not(#efx20) body .ft2 .eg-ft-logo img{width:210px;height:auto;display:block;background:none!important;filter:none!important;box-shadow:none!important}

html:not(#efx1):not(#efx2):not(#efx3):not(#efx4):not(#efx5):not(#efx6):not(#efx7):not(#efx8):not(#efx9):not(#efx10):not(#efx11):not(#efx12):not(#efx13):not(#efx14):not(#efx15):not(#efx16):not(#efx17):not(#efx18):not(#efx19):not(#efx20) body .ft2 h3,html:not(#efx1):not(#efx2):not(#efx3):not(#efx4):not(#efx5):not(#efx6):not(#efx7):not(#efx8):not(#efx9):not(#efx10):not(#efx11):not(#efx12):not(#efx13):not(#efx14):not(#efx15):not(#efx16):not(#efx17):not(#efx18):not(#efx19):not(#efx20) body .ft2 h4{color:#fff!important;font-weight:700;position:relative;padding-bottom:14px;margin-bottom:18px}
html:not(#efx1):not(#efx2):not(#efx3):not(#efx4):not(#efx5):not(#efx6):not(#efx7):not(#efx8):not(#efx9):not(#efx10):not(#efx11):not(#efx12):not(#efx13):not(#efx14):not(#efx15):not(#efx16):not(#efx17):not(#efx18):not(#efx19):not(#efx20) body .ft2 h3::after,html:not(#efx1):not(#efx2):not(#efx3):not(#efx4):not(#efx5):not(#efx6):not(#efx7):not(#efx8):not(#efx9):not(#efx10):not(#efx11):not(#efx12):not(#efx13):not(#efx14):not(#efx15):not(#efx16):not(#efx17):not(#efx18):not(#efx19):not(#efx20) body .ft2 h4::after{
  content:"";position:absolute;bottom:0;inset-inline-start:0;width:64px;height:4px;border-radius:4px;
  background:linear-gradient(90deg,#22d3ee,#2f7bff);
}
html:not(#efx1):not(#efx2):not(#efx3):not(#efx4):not(#efx5):not(#efx6):not(#efx7):not(#efx8):not(#efx9):not(#efx10):not(#efx11):not(#efx12):not(#efx13):not(#efx14):not(#efx15):not(#efx16):not(#efx17):not(#efx18):not(#efx19):not(#efx20) body .ft2 li a{
  display:inline-flex;align-items:center;gap:10px;color:#dce5f3!important;
}
html:not(#efx1):not(#efx2):not(#efx3):not(#efx4):not(#efx5):not(#efx6):not(#efx7):not(#efx8):not(#efx9):not(#efx10):not(#efx11):not(#efx12):not(#efx13):not(#efx14):not(#efx15):not(#efx16):not(#efx17):not(#efx18):not(#efx19):not(#efx20) body .ft2 li a::before{
  content:"";width:6px;height:6px;flex:none;border-left:2px solid #5fd8ff;border-bottom:2px solid #5fd8ff;
  transform:rotate(45deg);opacity:.9;
}
html[dir=ltr]:not(#efx1):not(#efx2):not(#efx3):not(#efx4):not(#efx5):not(#efx6):not(#efx7):not(#efx8):not(#efx9):not(#efx10):not(#efx11):not(#efx12):not(#efx13):not(#efx14):not(#efx15):not(#efx16):not(#efx17):not(#efx18):not(#efx19):not(#efx20) body .ft2 li a::before{border-left:0;border-bottom:2px solid #5fd8ff;border-right:2px solid #5fd8ff;transform:rotate(-45deg)}
html:not(#efx1):not(#efx2):not(#efx3):not(#efx4):not(#efx5):not(#efx6):not(#efx7):not(#efx8):not(#efx9):not(#efx10):not(#efx11):not(#efx12):not(#efx13):not(#efx14):not(#efx15):not(#efx16):not(#efx17):not(#efx18):not(#efx19):not(#efx20) body .ft2-brand p{color:#dce5f3!important}
html:not(#efx1):not(#efx2):not(#efx3):not(#efx4):not(#efx5):not(#efx6):not(#efx7):not(#efx8):not(#efx9):not(#efx10):not(#efx11):not(#efx12):not(#efx13):not(#efx14):not(#efx15):not(#efx16):not(#efx17):not(#efx18):not(#efx19):not(#efx20) body .ft2-brand .btn.pr{
  background:linear-gradient(135deg,#1fb8ff,#0a6be0)!important;color:#fff!important;border-radius:12px;
  box-shadow:0 8px 20px -8px rgba(31,184,255,.55);
}

/* الشريط السفلي: أغمق وبعرض الصفحة كلها */
html:not(#efx1):not(#efx2):not(#efx3):not(#efx4):not(#efx5):not(#efx6):not(#efx7):not(#efx8):not(#efx9):not(#efx10):not(#efx11):not(#efx12):not(#efx13):not(#efx14):not(#efx15):not(#efx16):not(#efx17):not(#efx18):not(#efx19):not(#efx20) body .ft2-bot{
  margin-top:8px;padding:16px 0 18px!important;border-top:1px solid rgba(85,145,247,.35)!important;
  color:#c9d6ec!important;background:#081f45!important;box-shadow:0 0 0 100vmax #081f45;clip-path:inset(0 -100vmax);
}
html:not(#efx1):not(#efx2):not(#efx3):not(#efx4):not(#efx5):not(#efx6):not(#efx7):not(#efx8):not(#efx9):not(#efx10):not(#efx11):not(#efx12):not(#efx13):not(#efx14):not(#efx15):not(#efx16):not(#efx17):not(#efx18):not(#efx19):not(#efx20) body .ft2-bot span{color:#c9d6ec!important}