/* ============================================================
   الصفحات التجارية (Landing) — تعتمد متغيّرات main.css نفسها
   ============================================================ */

/* ---------- فتات الخبز ---------- */
.au-crumbs{background:var(--white);border-bottom:1px solid var(--line);font-size:13.5px}
.au-crumbs ol{list-style:none;margin:0;padding:14px 0;display:flex;flex-wrap:wrap;gap:6px;align-items:center;color:var(--muted)}
.au-crumbs li{display:flex;align-items:center;gap:6px}
.au-crumbs li+li::before{content:"‹";color:var(--line);font-size:16px}
.au-crumbs a{color:var(--muted)}
.au-crumbs a:hover{color:var(--violet)}
.au-crumbs [aria-current] span{color:var(--ink);font-weight:500}

/* ---------- بطل الصفحة ---------- */
.lp-hero{padding:64px 0 56px;background:
  radial-gradient(900px 380px at 88% -8%, rgba(167,139,255,.20), transparent 62%),
  var(--white);
  border-bottom:1px solid var(--line)}
.lp-hero h1{font-size:clamp(28px,4.2vw,50px);max-width:19ch;letter-spacing:-.02em}
.lp-lede{margin-top:20px;color:var(--muted);font-size:18px;max-width:62ch}
.lp-hero-btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}

/* إجابة مباشرة (AEO) */
.lp-answer{margin-top:40px;max-width:78ch;background:var(--violet-soft);
  border:1px solid #DCD2FB;border-radius:var(--r);padding:24px 26px}
.lp-answer-h{font-size:14px;font-weight:600;color:var(--violet);letter-spacing:.04em;margin-bottom:8px}
.lp-answer p{font-size:17px;line-height:1.9}

/* حقائق سريعة */
.lp-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1px;
  margin:36px 0 0;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.lp-facts>div{background:var(--white);padding:18px 20px}
.lp-facts dt{font-size:12.5px;color:var(--muted);letter-spacing:.03em;margin-bottom:6px}
.lp-facts dd{margin:0;font-family:"Readex Pro",sans-serif;font-size:16px;font-weight:500;line-height:1.5}

/* ---------- الأقسام ---------- */
.lp-sec{padding:78px 0;border-bottom:1px solid var(--line)}
.lp-sec.lp-alt{background:var(--white)}
.lp-sec>.wrap>h2{font-size:clamp(24px,3.1vw,36px);max-width:26ch}
.lp-intro{margin-top:16px;max-width:66ch}
.lp-intro p{color:var(--muted);font-size:17px}
.lp-intro p+p{margin-top:14px}
.lp-prose{margin-top:24px;max-width:70ch}
.lp-prose p+p{margin-top:16px}
.lp-note{margin-top:22px;font-size:14px;color:var(--muted);max-width:70ch;
  border-inline-start:3px solid var(--line);padding-inline-start:14px}

/* قوائم ✓ */
.lp-checks{list-style:none;margin:28px 0 0;padding:0;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:14px 28px}
.lp-checks li{position:relative;padding-inline-start:30px;color:var(--muted)}
.lp-checks li strong{color:var(--ink);font-weight:600}
.lp-checks li::before{content:"";position:absolute;inset-inline-start:0;top:.62em;width:16px;height:16px;
  border-radius:5px;background:var(--violet-soft);
  box-shadow:inset 0 0 0 1.5px var(--violet-2)}
.lp-checks li::after{content:"";position:absolute;inset-inline-start:5px;top:.86em;width:5px;height:8px;
  border:2px solid var(--violet);border-top:0;border-inline-start:0;transform:rotate(38deg)}

/* شبكة بطاقات */
.lp-grid{display:grid;gap:18px;margin-top:34px}
.lp-grid.c2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
.lp-grid.c3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.lp-grid.c4{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.lp-card{background:var(--white);border:1px solid var(--line);border-radius:var(--r);
  padding:26px 24px;transition:border-color .2s,box-shadow .2s,transform .2s}
.lp-alt .lp-card{background:var(--paper)}
.lp-card:hover{border-color:var(--violet-2);box-shadow:var(--shadow);transform:translateY(-2px)}
.lp-card h3{font-size:18px;margin-bottom:10px}
.lp-card p{color:var(--muted);font-size:15.5px}
.lp-tag{display:inline-block;font-size:12px;font-weight:600;color:var(--violet);
  background:var(--violet-soft);border-radius:100px;padding:4px 11px;margin-bottom:12px}

/* خطوات مرقّمة */
.lp-steps{list-style:none;margin:34px 0 0;padding:0;display:grid;gap:2px;
  background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.lp-steps li{display:flex;gap:20px;background:var(--white);padding:24px 26px;align-items:flex-start}
.lp-alt .lp-steps li{background:var(--paper)}
.lp-num{font-family:"IBM Plex Mono",monospace;font-size:14px;font-weight:600;color:var(--violet);
  background:var(--violet-soft);border-radius:9px;padding:7px 10px;flex:none;line-height:1}
.lp-steps h3{font-size:17px;margin-bottom:7px}
.lp-steps p{color:var(--muted);font-size:15.5px}
.lp-meta{display:inline-block;margin-top:10px;font-size:12.5px;color:var(--violet);
  background:var(--violet-soft);border-radius:7px;padding:3px 10px}

/* مشكلة ← حل */
.lp-probs{display:grid;gap:2px;margin-top:34px;background:var(--line);
  border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.lp-prob{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--line)}
.lp-prob>div{background:var(--white);padding:22px 24px}
.lp-alt .lp-prob>div{background:var(--paper)}
.lp-prob-v{background:#F6F3FF !important}
.lp-badge{display:inline-block;font-size:11.5px;font-weight:600;letter-spacing:.04em;
  border-radius:6px;padding:3px 9px;margin-bottom:10px}
.lp-badge.bad{color:#9B2F2A;background:#FBEAE9}
.lp-badge.good{color:#0E7A59;background:#E4F6EF}
.lp-prob p{font-size:15.5px;color:var(--muted)}
.lp-prob-v p{color:var(--ink-2)}

/* جداول */
.lp-tablewrap{margin-top:34px;overflow-x:auto;border:1px solid var(--line);
  border-radius:var(--r);background:var(--white);-webkit-overflow-scrolling:touch}
.lp-table{width:100%;border-collapse:collapse;min-width:600px;font-size:15.5px}
.lp-table th,.lp-table td{padding:15px 18px;text-align:start;border-bottom:1px solid var(--line);vertical-align:top}
.lp-table thead th{background:var(--violet-soft);color:var(--ink);font-family:"Readex Pro",sans-serif;
  font-weight:600;font-size:14.5px;white-space:nowrap;position:sticky;top:0}
.lp-table tbody th{font-weight:600;color:var(--ink);width:26%}
.lp-table td{color:var(--muted)}
.lp-table tbody tr:last-child th,.lp-table tbody tr:last-child td{border-bottom:0}
.lp-table tbody tr:hover td,.lp-table tbody tr:hover th{background:var(--paper)}

/* عمودان: نص + لوحة */
.lp-split{display:grid;grid-template-columns:1.35fr 1fr;gap:44px;margin-top:32px;align-items:start}
.lp-split-txt p+p{margin-top:16px}
.lp-split-txt .lp-checks{grid-template-columns:1fr}
.lp-panel{background:var(--ink);color:#fff;border-radius:var(--r);padding:28px 26px;position:sticky;top:96px}
.lp-panel h3{font-size:17px;margin-bottom:18px;color:#fff}
.lp-panel dl{margin:0;display:grid;gap:14px}
.lp-panel dt{font-size:12.5px;color:var(--violet-2);letter-spacing:.03em;margin-bottom:3px}
.lp-panel dd{margin:0;font-size:15px;color:rgba(255,255,255,.86);line-height:1.7}

/* تنبيه/ملاحظة بارزة */
.lp-callout{margin-top:30px;background:var(--violet-soft);border:1px solid #DCD2FB;
  border-radius:var(--r);padding:26px 28px;max-width:76ch}
.lp-callout h3{font-size:17px;margin-bottom:10px}
.lp-callout p{color:var(--ink-2);font-size:15.5px}
.lp-callout p+p{margin-top:12px}

/* ---------- الأسئلة الشائعة ---------- */
.lp-faq{background:var(--white)}
.lp-faq-list{margin-top:32px;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.lp-q{border-bottom:1px solid var(--line)}
.lp-q:last-child{border-bottom:0}
.lp-q>summary{list-style:none;cursor:pointer;padding:20px 24px;display:flex;
  align-items:center;justify-content:space-between;gap:16px;transition:background .18s}
.lp-q>summary::-webkit-details-marker{display:none}
.lp-q>summary:hover{background:var(--paper)}
.lp-q>summary h3{font-size:16.5px;font-weight:500;margin:0}
.lp-q>summary::after{content:"+";font-family:"IBM Plex Mono",monospace;font-size:22px;
  color:var(--violet);flex:none;line-height:1;transition:transform .2s}
.lp-q[open]>summary::after{transform:rotate(45deg)}
.lp-q[open]>summary{background:var(--paper)}
.lp-a{padding:0 24px 22px}
.lp-a p{color:var(--muted);font-size:15.5px;max-width:82ch}

/* ---------- نداء العمل ---------- */
.lp-cta{background:var(--ink);color:#fff;padding:86px 0;text-align:center}
.lp-cta h2{font-size:clamp(24px,3.1vw,36px);color:#fff;max-width:24ch;margin-inline:auto}
.lp-cta>.wrap>p{margin-top:18px;color:rgba(255,255,255,.7);max-width:62ch;
  margin-inline:auto;font-size:17px}
.lp-cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:32px}
.lp-cta-meta{margin-top:28px !important;font-size:14px;color:rgba(255,255,255,.55) !important}
.lp-cta-meta a{color:rgba(255,255,255,.8)}
.lp-cta-meta a:hover{color:#fff}

/* ---------- صفحات ذات صلة ---------- */
.lp-related{border-bottom:0}
.lp-rel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px;margin-top:32px}
.lp-rel{background:var(--white);border:1px solid var(--line);border-radius:var(--r);
  padding:24px;display:flex;flex-direction:column;gap:8px;transition:border-color .2s,transform .2s,box-shadow .2s}
.lp-rel:hover{border-color:var(--violet-2);transform:translateY(-2px);box-shadow:var(--shadow)}
.lp-rel-h{font-family:"Readex Pro",sans-serif;font-size:16.5px;font-weight:500;line-height:1.5}
.lp-rel-go{font-size:13.5px;color:var(--violet);margin-top:auto;padding-top:10px}

.lp-fallback{padding:60px 0}
.lp-fallback h1{font-size:clamp(28px,4vw,44px);margin-bottom:24px}

/* ---------- شبكة المحاور (Hub) ---------- */
.lp-hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;margin-top:36px}
.lp-hub{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:26px 24px;
  display:flex;flex-direction:column;transition:border-color .2s,transform .2s,box-shadow .2s}
.lp-hub:hover{border-color:var(--violet-2);transform:translateY(-2px);box-shadow:var(--shadow)}
.lp-hub h3{font-size:18px;margin-bottom:10px}
.lp-hub p{color:var(--muted);font-size:15.5px;margin-bottom:14px}
.lp-hub .lp-rel-go{margin-top:auto}

/* ---------- الجوال ---------- */
@media (max-width:900px){
  .lp-split{grid-template-columns:1fr;gap:28px}
  .lp-panel{position:static}
  .lp-prob{grid-template-columns:1fr}
}
@media (max-width:640px){
  .lp-hero{padding:38px 0 40px}
  .lp-hero h1{max-width:none}
  .lp-lede{font-size:16.5px}
  .lp-hero-btns{margin-top:24px}
  .lp-hero-btns .btn{flex:1 1 100%}
  .lp-answer{padding:20px;margin-top:30px}
  .lp-sec{padding:52px 0}
  .lp-cta{padding:60px 0}
  .lp-cta-btns .btn{flex:1 1 100%}
  .lp-steps li{flex-direction:column;gap:12px;padding:20px}
  .lp-q>summary{padding:16px 18px}
  .lp-a{padding:0 18px 18px}
  .au-crumbs{font-size:12.5px}
  .au-crumbs ol{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .au-crumbs ol::-webkit-scrollbar{display:none}
  .au-crumbs li{white-space:nowrap}
}

/* ---------- نموذج الطلب ---------- */
.lp-form{background:var(--white)}
.lp-form-wrap{margin-top:32px;max-width:900px}
.au-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.au-form-grid .au-full{grid-column:1 / -1}
.lp-form .field label{display:block;font-size:13.5px;font-weight:500;color:var(--ink-2);margin-bottom:7px}
.lp-form input[type=text],.lp-form input[type=email],.lp-form input[type=tel],
.lp-form select,.lp-form textarea{
  width:100%;padding:13px 15px;border:1px solid var(--line);border-radius:10px;
  background:var(--paper);font-family:inherit;font-size:15.5px;color:var(--ink);
  transition:border-color .18s,background .18s}
.lp-form textarea{min-height:118px;resize:vertical}
.lp-form select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);
  background-position:left 18px top 21px,left 13px top 21px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.lp-form input:focus,.lp-form select:focus,.lp-form textarea:focus{
  border-color:var(--violet);background:var(--white);outline:none;
  box-shadow:0 0 0 3px rgba(108,76,241,.12)}
.lp-form .au-submit{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.lp-form input[type=submit]{
  background:var(--violet);color:#fff;border:0;border-radius:10px;
  padding:15px 34px;font-family:"Readex Pro",sans-serif;font-size:15.5px;font-weight:500;
  cursor:pointer;box-shadow:0 10px 24px -12px rgba(108,76,241,.85);
  transition:transform .18s,box-shadow .18s}
.lp-form input[type=submit]:hover{transform:translateY(-2px);box-shadow:0 16px 30px -12px rgba(108,76,241,.9)}
.au-form-note{font-size:13px;color:var(--muted);margin:0}
.lp-form .wpcf7-not-valid-tip{color:#9B2F2A;font-size:13px;margin-top:6px}
.lp-form .wpcf7-response-output{margin:22px 0 0 !important;padding:14px 18px !important;
  border-radius:10px !important;border-width:1px !important;font-size:15px}
.lp-form form.sent .wpcf7-response-output{border-color:var(--ok) !important;background:#E4F6EF;color:#0E7A59}
.lp-form form.invalid .wpcf7-response-output,.lp-form form.failed .wpcf7-response-output{
  border-color:#D9534F !important;background:#FBEAE9;color:#9B2F2A}
.lp-form .wpcf7-spinner{margin-inline-start:12px}
@media (max-width:640px){ .au-form-grid{grid-template-columns:1fr} }