@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800;900&display=swap');

body.wehdat-landing-active { margin:0; background:#fff; }
.wehdat-landing-active .entry-header,
.wehdat-landing-active .page-header,
.wehdat-landing-active .site-header,
.wehdat-landing-active .site-footer,
.wehdat-landing-active .entry-title { display:none !important; }
.wehdat-landing-active .site-main,
.wehdat-landing-active .content-area,
.wehdat-landing-active .entry-content,
.wehdat-landing-active main { margin:0 !important; padding:0 !important; max-width:none !important; width:100% !important; }
.wehdat-landing-active .entry-content > * { max-width:none !important; margin-left:0 !important; margin-right:0 !important; }

.wl-wrap, .wl-wrap * { box-sizing:border-box; }
.wl-wrap { --navy:#052b4f; --blue:#0b6fca; --cyan:#16a8e0; --green:#16b364; --green2:#46c347; --ink:#10253b; --muted:#687a8c; --line:#e7eef5; --soft:#f5f9fc; --white:#fff; font-family:'Tajawal',Arial,sans-serif; color:var(--ink); background:#fff; overflow:hidden; }
.wl-wrap a { text-decoration:none; }
.wl-container { width:min(1160px, calc(100% - 36px)); margin:auto; }
.wl-hero { position:relative; background:radial-gradient(circle at 20% 20%,rgba(22,179,100,.13),transparent 30%), radial-gradient(circle at 80% 30%,rgba(22,168,224,.16),transparent 35%), linear-gradient(180deg,#f8fcff 0,#fff 100%); }
.wl-hero:after { content:""; position:absolute; inset:auto -8% -130px auto; width:380px; height:380px; border-radius:50%; border:70px solid rgba(11,111,202,.035); }
.wl-hero-grid { min-height:640px; display:grid; grid-template-columns:1.1fr .9fr; align-items:center; gap:60px; position:relative; z-index:2; }
.wl-eyebrow,.wl-section-head>span,.wl-cta span { display:inline-flex; padding:7px 12px; border-radius:999px; color:#087b52; background:#eafaf2; font-size:13px; font-weight:800; }
.wl-hero h1 { font-size:clamp(38px,5vw,66px); line-height:1.15; margin:20px 0 18px; color:var(--navy); font-weight:900; letter-spacing:-1.4px; max-width:720px; }
.wl-hero-copy>p { color:var(--muted); font-size:19px; line-height:1.9; max-width:680px; margin:0 0 28px; }
.wl-hero-buttons { display:flex; flex-wrap:wrap; gap:12px; }
.wl-btn { min-height:54px; padding:0 25px; border-radius:15px; display:inline-flex; align-items:center; justify-content:center; font-weight:800; transition:.22s ease; }
.wl-btn:hover { transform:translateY(-2px); box-shadow:0 12px 30px rgba(8,44,78,.12); }
.wl-btn-primary { background:linear-gradient(135deg,var(--blue),var(--cyan)); color:#fff; }
.wl-btn-light { background:#fff; border:1px solid #dce8f2; color:var(--navy); }
.wl-mini-trust { display:flex; flex-wrap:wrap; gap:18px; margin-top:22px; color:#62768a; font-size:13px; font-weight:600; }
.wl-mini-trust span:before { color:var(--green); }
.wl-hero-card { min-height:470px; border-radius:34px; background:linear-gradient(155deg,#062c50,#0b6aa8); position:relative; display:flex; align-items:center; justify-content:center; box-shadow:0 35px 80px rgba(5,43,79,.2); overflow:hidden; }
.wl-hero-card:before,.wl-hero-card:after { content:""; position:absolute; border:1px solid rgba(255,255,255,.15); border-radius:50%; }
.wl-hero-card:before { width:420px; height:420px; right:-180px; top:-140px; }
.wl-hero-card:after { width:300px; height:300px; left:-120px; bottom:-130px; }
.wl-glow { position:absolute; width:270px; height:270px; border-radius:50%; background:rgba(55,210,122,.2); filter:blur(25px); }
.wl-hero-logo { width:min(330px,72%); height:auto; object-fit:contain; position:relative; z-index:2; filter:drop-shadow(0 18px 28px rgba(0,0,0,.2)); }
.wl-transfer-card { position:absolute; z-index:3; bottom:24px; right:24px; left:24px; background:rgba(255,255,255,.95); border-radius:18px; min-height:82px; padding:15px 20px; display:flex; align-items:center; justify-content:space-between; box-shadow:0 12px 30px rgba(0,0,0,.13); }
.wl-transfer-card div { display:grid; gap:2px; }
.wl-transfer-card small { color:#79899a; }
.wl-transfer-card strong { font-size:17px; color:var(--navy); }
.wl-arrow { width:42px; height:42px; border-radius:50%; display:grid; place-items:center; background:#eaf8f2; color:var(--green); font-size:23px; font-weight:900; }

.wl-trust { position:relative; z-index:4; margin-top:-36px; }
.wl-trust-grid { display:grid; grid-template-columns:repeat(4,1fr); background:#fff; border:1px solid var(--line); border-radius:24px; box-shadow:0 20px 50px rgba(17,50,80,.09); overflow:hidden; }
.wl-trust article { display:flex; align-items:center; gap:13px; padding:23px 20px; border-left:1px solid var(--line); }
.wl-trust article:last-child { border-left:0; }
.wl-trust article>span { width:45px; height:45px; border-radius:13px; background:#eef7ff; display:grid; place-items:center; font-size:20px; }
.wl-trust article div { display:grid; gap:2px; }
.wl-trust strong { font-size:15px; color:var(--navy); }
.wl-trust small { color:#7b8997; font-size:12px; }

.wl-section { padding:105px 0; }
.wl-soft { background:var(--soft); }
.wl-section-head { text-align:center; max-width:690px; margin:0 auto 45px; }
.wl-section-head h2 { margin:13px 0 10px; color:var(--navy); font-size:clamp(30px,3.8vw,46px); font-weight:900; }
.wl-section-head p { color:var(--muted); font-size:16px; line-height:1.8; margin:0; }
.wl-align-start { text-align:right; margin:0; }

.wl-products { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.wl-product-card { min-height:270px; border:1px solid var(--line); border-radius:26px; padding:30px; display:flex; gap:24px; align-items:center; background:#fff; color:inherit; position:relative; overflow:hidden; transition:.25s ease; box-shadow:0 8px 30px rgba(18,56,86,.04); }
.wl-product-card:hover { transform:translateY(-5px); box-shadow:0 25px 55px rgba(18,56,86,.12); border-color:#cfe1ee; }
.wl-product-card:after { content:""; position:absolute; width:170px; height:170px; border-radius:50%; left:-70px; bottom:-100px; opacity:.08; background:currentColor; }
.wl-provider-icon { flex:0 0 92px; width:92px; height:92px; border-radius:24px; display:grid; place-items:center; color:#fff; font-size:44px; font-weight:900; box-shadow:inset 0 0 0 1px rgba(255,255,255,.25); }
.wl-mtn .wl-provider-icon { background:linear-gradient(135deg,#ffd43b,#f59f00); color:#2e2e2e; }
.wl-syriatel .wl-provider-icon { background:linear-gradient(135deg,#e63946,#a5111c); }
.wl-product-copy h3 { color:var(--navy); font-size:24px; margin:10px 0; }
.wl-product-copy p { color:var(--muted); line-height:1.7; margin:0 0 14px; }
.wl-product-copy b { color:var(--blue); }
.wl-badge { display:inline-flex; background:#eff6fb; color:#446078; border-radius:999px; font-size:12px; font-weight:800; padding:6px 10px; }

.wl-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.wl-steps article { background:#fff; border:1px solid var(--line); border-radius:22px; padding:30px; text-align:center; }
.wl-steps i { width:52px; height:52px; border-radius:50%; display:grid; place-items:center; background:linear-gradient(135deg,var(--blue),var(--cyan)); color:#fff; font-style:normal; font-weight:900; font-size:20px; margin:0 auto 18px; box-shadow:0 10px 25px rgba(11,111,202,.2); }
.wl-steps h3 { color:var(--navy); margin:0 0 8px; font-size:20px; }
.wl-steps p { color:var(--muted); margin:0; line-height:1.7; }
.wl-quick-links { margin-top:28px; display:flex; flex-wrap:wrap; justify-content:center; gap:10px; }
.wl-quick-links a { padding:12px 18px; border:1px solid #dbe6ef; border-radius:12px; color:var(--navy); background:#fff; font-weight:700; }
.wl-quick-links .wl-highlight { background:var(--navy); border-color:var(--navy); color:#fff; }

.wl-faq-layout { display:grid; grid-template-columns:.75fr 1.25fr; gap:60px; align-items:start; }
.wl-faq { display:grid; gap:12px; }
.wl-faq details { background:#fff; border:1px solid var(--line); border-radius:16px; padding:18px 20px; }
.wl-faq summary { cursor:pointer; font-weight:800; color:var(--navy); list-style:none; padding-left:25px; position:relative; }
.wl-faq summary::-webkit-details-marker { display:none; }
.wl-faq summary:after { content:"+"; position:absolute; left:0; top:-4px; font-size:24px; color:var(--blue); }
.wl-faq details[open] summary:after { content:"−"; }
.wl-faq p { margin:12px 0 0; color:var(--muted); line-height:1.75; }

.wl-cta { padding:0 0 90px; }
.wl-cta-inner { border-radius:30px; background:linear-gradient(135deg,#06365f,#0b73ba); color:#fff; padding:48px 54px; display:flex; align-items:center; gap:30px; justify-content:space-between; box-shadow:0 25px 60px rgba(4,53,94,.16); }
.wl-cta span { background:rgba(255,255,255,.13); color:#d9f7e7; }
.wl-cta h2 { font-size:34px; margin:12px 0 7px; color:#fff; }
.wl-cta p { margin:0; color:#d6e6f2; }
.wl-cta-buttons { display:flex; flex-wrap:wrap; gap:10px; }
.wl-btn-white { background:#fff; color:var(--navy); }
.wl-btn-dark { background:#062846; color:#fff; border:1px solid rgba(255,255,255,.18); }

.wl-footer { border-top:1px solid var(--line); background:#fbfdff; padding:35px 0; }
.wl-footer-grid { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:25px; }
.wl-footer-brand { display:flex; align-items:center; gap:10px; }
.wl-footer-brand img { width:52px; height:52px; object-fit:contain; }
.wl-footer-brand div { display:grid; }
.wl-footer-brand strong { color:var(--navy); direction:ltr; }
.wl-footer-brand small { color:var(--muted); }
.wl-footer-links { display:flex; flex-wrap:wrap; justify-content:center; gap:18px; }
.wl-footer-links a { color:#53687b; font-weight:600; font-size:14px; }
.wl-footer p { color:#8a98a5; text-align:left; font-size:13px; margin:0; }

.wl-whatsapp { position:fixed; left:22px; bottom:22px; z-index:99999; min-height:56px; border-radius:999px; padding:7px 16px 7px 8px; background:#20c767; color:#fff !important; display:flex; flex-direction:row-reverse; align-items:center; gap:9px; font-family:'Tajawal',Arial,sans-serif; font-weight:800; box-shadow:0 12px 30px rgba(17,140,72,.34); transition:.2s; }
.wl-whatsapp:hover { transform:translateY(-3px); }
.wl-wa-icon { width:42px; height:42px; border-radius:50%; background:#fff; color:#20c767; display:grid; place-items:center; font-size:19px; transform:rotate(-20deg); }

@media (max-width: 960px) {
  .wl-hero-grid { grid-template-columns:1fr; min-height:auto; padding:75px 0; }
  .wl-hero-copy { text-align:center; }
  .wl-hero-copy>p { margin-left:auto; margin-right:auto; }
  .wl-hero-buttons,.wl-mini-trust { justify-content:center; }
  .wl-hero-card { width:min(620px,100%); margin:auto; min-height:420px; }
  .wl-trust { margin-top:0; padding-top:25px; }
  .wl-trust-grid { grid-template-columns:1fr 1fr; }
  .wl-trust article:nth-child(2) { border-left:0; }
  .wl-trust article { border-bottom:1px solid var(--line); }
  .wl-products { grid-template-columns:1fr; }
  .wl-faq-layout { grid-template-columns:1fr; gap:30px; }
  .wl-align-start { text-align:center; margin:auto; }
  .wl-footer-grid { grid-template-columns:1fr; text-align:center; }
  .wl-footer-brand,.wl-footer-links { justify-content:center; }
  .wl-footer p { text-align:center; }
}

@media (max-width: 650px) {
  .wl-container { width:min(100% - 24px,1160px); }
  .wl-hero-grid { padding:55px 0 60px; gap:36px; }
  .wl-hero h1 { font-size:38px; }
  .wl-hero-copy>p { font-size:16px; }
  .wl-hero-buttons .wl-btn { width:100%; }
  .wl-hero-card { min-height:355px; border-radius:24px; }
  .wl-hero-logo { width:70%; }
  .wl-transfer-card { right:15px; left:15px; bottom:15px; padding:12px; }
  .wl-transfer-card strong { font-size:15px; }
  .wl-trust-grid { grid-template-columns:1fr; border-radius:18px; }
  .wl-trust article { border-left:0; }
  .wl-section { padding:72px 0; }
  .wl-product-card { padding:22px; gap:16px; align-items:flex-start; }
  .wl-provider-icon { flex-basis:68px; width:68px; height:68px; border-radius:18px; font-size:32px; }
  .wl-product-copy h3 { font-size:20px; }
  .wl-steps { grid-template-columns:1fr; }
  .wl-cta { padding-bottom:65px; }
  .wl-cta-inner { padding:34px 24px; border-radius:23px; flex-direction:column; text-align:center; }
  .wl-cta h2 { font-size:28px; }
  .wl-cta-buttons { width:100%; }
  .wl-cta-buttons .wl-btn { flex:1; }
  .wl-wa-text { display:none; }
  .wl-whatsapp { padding:7px; left:14px; bottom:14px; }
}


/* Wehdat Landing 1.1 — الصفحة تستخدم هيدر Wehdat العام فقط */
.wehdat-landing-active .wl-wrap {
  margin-top: 0 !important;
}
.wehdat-landing-active .wl-hero-grid {
  min-height: 610px;
}
@media (max-width: 960px) {
  .wehdat-landing-active .wl-hero-grid {
    padding-top: 60px;
  }
}
@media (max-width: 650px) {
  .wehdat-landing-active .wl-hero-grid {
    padding-top: 42px;
  }
}