<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- ═══════════════════════════════════════════════════════════
     شريط التنقل — سرديّات | عليوي الذرعي
     للنسخ والصق في HTML Widget داخل Elementor
     ═══════════════════════════════════════════════════════════ -->

<link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800;900&family=Cairo:wght@300;400;600;700;900&display=swap" rel="stylesheet">

<style>
/* ══ إخفاء هيدر لاند بريس الأصلي ══ */
.lp-header,
.landpress-header,
#lp-header,
#landpress-header,
.site-header,
#masthead {
  display: none !important;
}

/* ══ متغيرات النظام ══ */
:root {
  --bg:#0a0610; --card:rgba(20,14,32,0.95);
  --purple:#bc8cff; --pdark:#8957e5;
  --gold:#f7c948; --rose:#ff7eb3; --teal:#3ecfcf; --green:#3fb950;
  --text:#c9d1d9; --dim:#8b949e;
  --border:rgba(188,140,255,0.15);
  --wa:#25d366; --wa-dark:#1aad53;
}

/* ══ TOPBAR ══ */
.srd-topbar {
  background: transparent;
  border-bottom: none;
  padding: 0 16px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  position: sticky;
  top: 0;
  z-index: 9999;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transition: all .4s ease;
  overflow: hidden;
}
.srd-topbar.closed {
  height: 0;
  border-bottom-color: transparent;
  padding-top: 0;
  padding-bottom: 0;
}
.srd-topbar-marquee-wrap {
  flex: 1;
  overflow: hidden;
  mask-image: linear-gradient(90deg, transparent 0%, #000 15%, #000 85%, transparent 100%);
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 15%, #000 85%, transparent 100%);
}
.srd-topbar-marquee {
  display: inline-flex;
  width: max-content;
  animation: srd-marquee 55s linear infinite;
}
.srd-topbar-marquee:hover { animation-play-state: paused; }
.srd-topbar-marquee span {
  font-family: 'Cairo', sans-serif;
  font-size: 12.5px;
  color: var(--dim);
  white-space: nowrap;
  padding: 0 60px;
}
.srd-topbar-marquee span strong { color: var(--purple); font-weight: 700; }
.srd-topbar-marquee span em { color: var(--gold); font-style: normal; font-weight: 600; }
@keyframes srd-marquee {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}
.srd-topbar-links {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-shrink: 0;
}
.srd-tb-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 11.5px;
  font-weight: 700;
  font-family: 'Cairo', sans-serif;
  text-decoration: none;
  transition: all .2s;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1;
  cursor: pointer;
  background: none;
}
.srd-tb-btn.ig { background: rgba(225,48,108,.07); color: #e1306c; border-color: rgba(225,48,108,.2); }
.srd-tb-btn.ig:hover { background: rgba(225,48,108,.15); border-color: rgba(225,48,108,.38); }
.srd-tb-btn.ig svg { width: 12px; height: 12px; fill: #e1306c; flex-shrink: 0; }
.srd-tb-btn.wa-group { background: rgba(37,211,102,.06); color: var(--wa); border-color: rgba(37,211,102,.18); }
.srd-tb-btn.wa-group:hover { background: rgba(37,211,102,.14); border-color: rgba(37,211,102,.35); }
.srd-tb-btn.wa-direct { background: rgba(37,211,102,.1); color: var(--wa); border-color: rgba(37,211,102,.25); }
.srd-tb-btn.wa-direct:hover { background: rgba(37,211,102,.18); border-color: rgba(37,211,102,.4); }
.srd-tb-badge {
  font-size: 9px;
  font-weight: 800;
  background: rgba(37,211,102,.15);
  border: 1px solid rgba(37,211,102,.3);
  color: var(--wa);
  border-radius: 3px;
  padding: 1px 4px;
}
.srd-tb-divider { width: 1px; height: 14px; background: rgba(188,140,255,.15); margin: 0 2px; flex-shrink: 0; }
.srd-topbar-close {
  width: 24px; height: 24px;
  border-radius: 6px;
  background: rgba(188,140,255,.06);
  border: 1px solid rgba(188,140,255,.15);
  color: var(--dim);
  display: flex; align-items: center; justify-content: center;
  cursor: pointer; transition: all .2s; flex-shrink: 0;
  font-size: 13px; line-height: 1; padding: 0;
}
.srd-topbar-close:hover { background: rgba(188,140,255,.15); border-color: rgba(188,140,255,.35); color: #fff; }

/* ══ HEADER ══ */
.srd-hdr {
  position: sticky;
  top: 40px;
  z-index: 9998;
  background: rgba(8,5,14,.97);
  border-bottom: 1px solid rgba(188,140,255,.12);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  padding: 0 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 74px;
  box-shadow: 0 2px 32px rgba(0,0,0,.5);
  gap: 12px;
  transition: top .4s ease;
}
.srd-hdr.topbar-gone { top: 0; }
.srd-logo {
  display: flex; align-items: center; gap: 10px;
  text-decoration: none; flex-shrink: 0;
}
.srd-logo-img {
  height: 62px; width: 62px; object-fit: contain;
  filter: drop-shadow(0 0 8px rgba(188,140,255,.2));
}
.srd-logo-text {
  font-family: 'Tajawal', sans-serif;
  font-size: 22px; font-weight: 900;
  background: linear-gradient(135deg, #fff 0%, var(--purple) 60%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: -.5px;
}
.srd-hnav-center {
  display: flex; align-items: center; gap: 2px;
  flex: 1; justify-content: center;
}
.srd-nl {
  padding: 7px 13px; border-radius: 8px;
  font-size: 13.5px; font-weight: 600;
  color: var(--dim); text-decoration: none;
  transition: all .22s; border: 1px solid transparent;
  white-space: nowrap; cursor: pointer;
  background: none;
  font-family: 'Cairo', sans-serif;
}
.srd-nl:hover { color: #e0d0ff; background: rgba(188,140,255,.09); border-color: rgba(188,140,255,.18); }
.srd-nl.active { color: var(--purple); }
.srd-hnav-right { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.srd-cart-btn {
  position: relative; width: 40px; height: 40px; border-radius: 10px;
  background: rgba(188,140,255,.07); border: 1px solid rgba(188,140,255,.18);
  color: var(--dim); display: flex; align-items: center; justify-content: center;
  text-decoration: none; transition: all .22s; cursor: pointer;
}
.srd-cart-btn:hover { background: rgba(188,140,255,.15); border-color: rgba(188,140,255,.35); color: var(--purple); }
.srd-cart-btn svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.srd-cart-count {
  position: absolute; top: -5px; left: -5px;
  min-width: 18px; height: 18px; border-radius: 9px;
  background: var(--pdark); color: #fff;
  font-size: 10px; font-weight: 700;
  display: flex; align-items: center; justify-content: center;
  padding: 0 4px; border: 2px solid var(--bg); line-height: 1;
}
.srd-nav-divider { width: 1px; height: 20px; background: rgba(188,140,255,.15); margin: 0 4px; flex-shrink: 0; }
.srd-nl.cta-apt {
  background: linear-gradient(135deg, var(--pdark), #6e3cc0);
  color: #fff !important;
  -webkit-text-fill-color: #fff;
  border-color: transparent;
  padding: 9px 20px; border-radius: 10px;
  font-weight: 700; font-size: 13px;
}
.srd-nl.cta-apt:hover { transform: translateY(-1px); box-shadow: 0 6px 20px rgba(137,87,229,.4); filter: brightness(1.1); }
.srd-hamburger {
  display: none; flex-direction: column; gap: 5px;
  cursor: pointer; padding: 8px; border-radius: 8px;
  border: 1px solid var(--border); background: rgba(188,140,255,.04);
  transition: all .2s;
}
.srd-hamburger span { display: block; width: 20px; height: 2px; background: var(--dim); border-radius: 2px; transition: all .3s; }
.srd-hamburger:hover span { background: var(--purple); }
.srd-hamburger.is-open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.srd-hamburger.is-open span:nth-child(2) { opacity: 0; }
.srd-hamburger.is-open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* ══ MOBILE MENU ══ */
.srd-mobile-menu {
  display: none;
  position: fixed;
  top: 114px; inset-inline: 0;
  background: rgba(8,5,14,.99);
  border-bottom: 1px solid var(--border);
  backdrop-filter: blur(20px);
  padding: 16px 24px 24px;
  flex-direction: column; gap: 6px;
  z-index: 9997;
  transition: top .4s ease;
}
.srd-mobile-menu.topbar-gone { top: 74px; }
.srd-mobile-menu.open { display: flex; }
.srd-mobile-menu .srd-nl,
.srd-mobile-menu a.srd-nl,
.srd-mobile-menu a,
.srd-mobile-menu button.srd-tb-btn,
.srd-mobile-menu .srd-tb-btn {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #e0d4ff !important;
  padding: 16px 20px !important;
  display: block !important;
  line-height: 1.6 !important;
  border-radius: 10px !important;
  text-decoration: none !important;
  -webkit-text-fill-color: #e0d4ff !important;
  letter-spacing: 0.01em !important;
}
.srd-mobile-menu .srd-nl:hover,
.srd-mobile-menu a:hover { color: #fff !important; -webkit-text-fill-color: #fff !important; }
.srd-mobile-menu .srd-nl.cta-apt { margin-top: 4px !important; text-align: center !important; }
.srd-mobile-menu .srd-nav-divider { width: 100% !important; height: 1px !important; margin: 8px 0 !important; display: block !important; }
.srd-mobile-menu .srd-tb-btn { width: 100% !important; justify-content: flex-start !important; }
.srd-mobile-menu .srd-tb-badge { font-size: 13px !important; }

/* ══ BACKDROP ══ */
.srd-backdrop {
  display: none; position: fixed; inset: 0; z-index: 8000;
  background: rgba(5,3,10,.6); backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  opacity: 0; transition: opacity .3s;
}
.srd-backdrop.active { display: block; }
.srd-backdrop.visible { opacity: 1; }

/* ══ DRAWER ══ */
.srd-drawer {
  position: fixed; top: 0; bottom: 0; right: 0;
  width: 400px; max-width: 100vw; z-index: 8001;
  background: #0d0b18;
  border-left: 1px solid rgba(188,140,255,.15);
  display: flex; flex-direction: column;
  transform: translateX(110%);
  transition: transform .35s cubic-bezier(.4,0,.2,1);
  box-shadow: -12px 0 60px rgba(0,0,0,.8);
  overflow: hidden;
}
.srd-drawer.open { transform: translateX(0); }
.srd-drawer-head {
  display: flex; align-items: center; gap: 12px;
  padding: 16px 18px; border-bottom: 1px solid rgba(255,255,255,.06);
  flex-shrink: 0;
}
.srd-drawer-head-icon {
  width: 38px; height: 38px; border-radius: 11px;
  display: flex; align-items: center; justify-content: center;
  font-size: 18px; flex-shrink: 0;
}
.srd-drawer-head-icon.wa { background: rgba(37,211,102,.1); border: 1px solid rgba(37,211,102,.2); }
.srd-drawer-head-icon.cal { background: rgba(137,87,229,.15); border: 1px solid rgba(137,87,229,.25); }
.srd-drawer-head-info { flex: 1; }
.srd-drawer-head-info h3 { font-family: 'Tajawal', sans-serif; font-size: 16px; font-weight: 800; color: #fff; margin: 0 0 1px; }
.srd-drawer-head-info p { font-family: 'Cairo', sans-serif; font-size: 11.5px; color: rgba(255,255,255,.33); margin: 0; }
.srd-drawer-close {
  width: 32px; height: 32px; border-radius: 9px; flex-shrink: 0;
  background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.07);
  color: rgba(255,255,255,.35); font-size: 15px;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer; transition: all .2s;
}
.srd-drawer-close:hover { background: rgba(255,255,255,.1); color: #fff; }
.srd-drawer-body { flex: 1; display: flex; flex-direction: column; overflow: hidden; }
.srd-screen { display: none; flex-direction: column; flex: 1; overflow: hidden; }
.srd-screen.active { display: flex; }

/* Choice */
.srd-choice { padding: 20px 18px; display: flex; flex-direction: column; gap: 10px; flex: 1; }
.srd-opt {
  display: flex; align-items: center; gap: 13px;
  padding: 16px 15px; border-radius: 14px;
  border: 1px solid rgba(37,211,102,.13);
  background: rgba(37,211,102,.025);
  cursor: pointer; transition: all .22s;
}
.srd-opt:hover { background: rgba(37,211,102,.07); border-color: rgba(37,211,102,.3); transform: translateX(3px); }
.srd-opt-ico { width: 44px; height: 44px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 22px; flex-shrink: 0; }
.srd-opt-ico.d { background: rgba(37,211,102,.1); }
.srd-opt-ico.g { background: rgba(37,211,102,.06); }
.srd-opt-txt { flex: 1; text-align: right; }
.srd-opt-txt strong { display: block; font-family: 'Cairo', sans-serif; font-size: 14px; font-weight: 700; color: #fff; margin-bottom: 2px; }
.srd-opt-txt span { font-family: 'Cairo', sans-serif; font-size: 11.5px; color: rgba(255,255,255,.35); }
.srd-opt-arr { color: rgba(37,211,102,.3); font-size: 18px; flex-shrink: 0; }

/* Back bar */
.srd-back-bar { display: flex; align-items: center; gap: 6px; padding: 9px 16px; border-bottom: 1px solid rgba(255,255,255,.05); flex-shrink: 0; }
.srd-back-btn { display: flex; align-items: center; gap: 4px; background: none; border: none; cursor: pointer; font-family: 'Cairo', sans-serif; font-size: 12px; color: rgba(255,255,255,.35); transition: color .2s; padding: 3px 0; }
.srd-back-btn:hover { color: rgba(255,255,255,.7); }
.srd-back-label { font-family: 'Cairo', sans-serif; font-size: 12px; color: rgba(255,255,255,.2); margin-right: auto; }

/* Profile */
.srd-profile { display: flex; align-items: center; gap: 12px; padding: 16px 18px; border-bottom: 1px solid rgba(255,255,255,.05); flex-shrink: 0; }
.srd-avatar { width: 46px; height: 46px; border-radius: 50%; background: linear-gradient(135deg, rgba(37,211,102,.3), rgba(37,211,102,.1)); border: 2px solid rgba(37,211,102,.25); display: flex; align-items: center; justify-content: center; font-size: 22px; flex-shrink: 0; }
.srd-profile-info strong { display: block; font-family: 'Cairo', sans-serif; font-size: 14px; font-weight: 700; color: #fff; margin-bottom: 2px; }
.srd-online { display: inline-flex; align-items: center; gap: 4px; font-family: 'Cairo', sans-serif; font-size: 11px; color: var(--wa); }
.srd-online::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--wa); display: block; }

/* Chat */
.srd-chat { flex: 1; overflow-y: auto; padding: 16px 18px; display: flex; flex-direction: column; gap: 10px; background: #0a0916; }
.srd-chat::-webkit-scrollbar { width: 4px; }
.srd-chat::-webkit-scrollbar-thumb { background: rgba(188,140,255,.15); border-radius: 2px; }
.srd-bubble { padding: 11px 14px; border-radius: 14px 14px 14px 4px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.07); max-width: 85%; align-self: flex-start; }
.srd-bubble p { font-family: 'Cairo', sans-serif; font-size: 13px; color: rgba(255,255,255,.75); margin: 0; line-height: 1.6; }
.srd-bubble .srd-time { font-size: 10px; color: rgba(255,255,255,.25); margin-top: 5px; display: block; text-align: left; }
.srd-quick { padding: 10px 18px; border-top: 1px solid rgba(255,255,255,.05); flex-shrink: 0; }
.srd-quick-label { font-family: 'Cairo', sans-serif; font-size: 11px; color: rgba(255,255,255,.25); margin-bottom: 7px; }
.srd-quick-list { display: flex; flex-wrap: wrap; gap: 6px; }
.srd-quick-chip { font-family: 'Cairo', sans-serif; font-size: 11.5px; color: var(--wa); background: rgba(37,211,102,.06); border: 1px solid rgba(37,211,102,.18); border-radius: 20px; padding: 5px 11px; cursor: pointer; transition: all .18s; white-space: nowrap; }
.srd-quick-chip:hover { background: rgba(37,211,102,.14); border-color: rgba(37,211,102,.35); }
.srd-input-bar { padding: 12px 16px; border-top: 1px solid rgba(255,255,255,.06); display: flex; align-items: flex-end; gap: 10px; flex-shrink: 0; background: #0d0b18; }
.srd-textarea { flex: 1; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.09); border-radius: 14px; padding: 11px 14px; font-family: 'Cairo', sans-serif; font-size: 13.5px; color: #fff; resize: none; outline: none; min-height: 44px; max-height: 120px; line-height: 1.5; transition: border-color .2s; direction: rtl; }
.srd-textarea::placeholder { color: rgba(255,255,255,.25); }
.srd-textarea:focus { border-color: rgba(37,211,102,.35); }
.srd-send { width: 44px; height: 44px; border-radius: 13px; background: var(--wa); border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: all .2s; }
.srd-send:hover { background: var(--wa-dark); transform: scale(1.05); }
.srd-send svg { width: 20px; height: 20px; fill: #fff; }

/* Group screen */
.srd-group-screen { display: flex; flex-direction: column; flex: 1; align-items: center; justify-content: center; padding: 28px 24px; text-align: center; gap: 18px; }
.srd-group-icon { width: 72px; height: 72px; border-radius: 50%; background: rgba(37,211,102,.08); border: 2px solid rgba(37,211,102,.18); display: flex; align-items: center; justify-content: center; font-size: 34px; }
.srd-group-title { font-family: 'Tajawal', sans-serif; font-size: 18px; font-weight: 800; color: #fff; margin: 0; }
.srd-group-sub { font-family: 'Cairo', sans-serif; font-size: 13px; color: rgba(255,255,255,.38); margin: 0; line-height: 1.65; max-width: 280px; }
.srd-group-members { display: flex; align-items: center; gap: 6px; font-family: 'Cairo', sans-serif; font-size: 12px; color: rgba(255,255,255,.3); }
.srd-join-btn { display: inline-flex; align-items: center; gap: 8px; padding: 13px 30px; border-radius: 14px; background: var(--wa); color: #fff; font-family: 'Cairo', sans-serif; font-size: 14px; font-weight: 700; text-decoration: none; border: none; cursor: pointer; transition: all .22s; }
.srd-join-btn:hover { background: var(--wa-dark); transform: translateY(-2px); }
.srd-group-note { font-family: 'Cairo', sans-serif; font-size: 11px; color: rgba(255,255,255,.2); }

/* Calendar drawer */
.srd-cal-screen { position: relative; display: flex; flex-direction: column; flex: 1; }
.srd-loader { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 12px; background: #0d0b18; z-index: 2; transition: opacity .3s; }
.srd-loader.hidden { opacity: 0; pointer-events: none; }
.srd-spin { width: 28px; height: 28px; border-radius: 50%; border: 3px solid rgba(188,140,255,.14); border-top-color: var(--purple); animation: srd-spin .8s linear infinite; }
.srd-loader p { font-family: 'Cairo', sans-serif; font-size: 12px; color: rgba(255,255,255,.25); margin: 0; }
@keyframes srd-spin { to { transform: rotate(360deg); } }
.srd-cal-iframe { width: 100%; flex: 1; border: none; display: block; background: #fff; }

/* ══ Responsive ══ */
@media (max-width: 1020px) {
  .srd-hdr { padding: 0 16px; height: 64px; }
  .srd-hnav-center { display: none; }
  .srd-hamburger { display: flex; }
  .srd-mobile-menu { top: 104px; }
  .srd-mobile-menu.topbar-gone { top: 64px; }
  /* ✅ إخفاء روابط تسجيل من الهيدر — تظهر في القائمة المنسدلة */
  .srd-hnav-right > a.srd-nl { display: none; }
  /* ✅ تصغير اللوجو على الجوال */
  .srd-logo-img { height: 46px; width: 46px; }
  .srd-logo-text { font-size: 19px; }
}
@media (max-width: 600px) {
  .srd-topbar { display: none; }
  .srd-hdr { top: 0 !important; }
  .srd-mobile-menu { top: 64px !important; }
}
@media (max-width: 500px) {
  .srd-hnav-right .srd-nl.cta-apt { display: none; }
}
@media (max-width: 480px) {
  .srd-drawer { width: 100vw; border-left: none; }
}
</style>

<!-- ══ TOPBAR ══ -->
<div class="srd-topbar" id="srdTopbar">
  <div class="srd-topbar-marquee-wrap">
    <div class="srd-topbar-marquee">
      <span>✒️ <strong>سرديّات:</strong> مَصدركَ الأمن لتَعَلَّمَ تقنيات الكتابة، واكتشاف <em>العوالم السحرية</em> للأدب والكتابة الإبداعية</span>
    </div>
  </div>
  <div class="srd-topbar-links">
    <button class="srd-topbar-close" id="srdTopbarClose">✕</button>
  </div>
</div>

<!-- ══ HEADER ══ -->
<header class="srd-hdr" id="srdMainHdr">
  <a href="https://eliwialtharei.net" class="srd-logo">
    <img src="https://eliwialtharei.net/wp-content/uploads/2026/04/سرديات.كتابة-إبداعية.png" alt="سرديات — الأدب والكتابة الإبداعية" class="srd-logo-img" onerror="this.style.display='none'">
    <span class="srd-logo-text">سَرْدِيَّات</span>
  </a>
  <nav class="srd-hnav-center">
    <a href="https://eliwialtharei.net/" class="srd-nl">الرئيسية</a>
    <a href="https://eliwialtharei.net/%d9%88%d8%b1%d8%b4-%d9%88%d8%af%d9%88%d8%b1%d8%a7%d8%aa-%d8%a7%d9%84%d8%a3%d8%af%d8%a8-%d9%88%d8%a7%d9%84%d9%83%d8%aa%d8%a7%d8%a8%d8%a9-%d8%a7%d9%84%d8%a5%d8%a8%d8%af%d8%a7%d8%b9%d9%8a%d8%a9/" class="srd-nl active">الدورات</a>
    <a href="https://eliwialtharei.net/%d8%a2%d8%b1%d8%a7%d8%a1-%d8%b4%d8%b1%d9%83%d8%a7%d8%a6%d9%86%d8%a7/" class="srd-nl">آراء شركائنا</a>
    <a href="https://eliwialtharei.net/%d9%81%d9%86%d9%88%d9%86-%d8%a7%d9%84%d9%83%d8%aa%d8%a7%d8%a8%d8%a9-%d8%a7%d9%84%d8%a5%d8%a8%d8%af%d8%a7%d8%b9%d9%8a%d8%a9/" class="srd-nl">وحي الكتابة</a>
    <a href="https://eliwialtharei.net/%d8%aa%d9%88%d8%a7%d8%b5%d9%84-%d9%85%d8%b9%d9%86%d8%a7/" class="srd-nl">تواصل معنا</a>
  </nav>
  <div class="srd-hnav-right">
    <a href="https://eliwialtharei.net/cart/" class="srd-cart-btn" title="السلة">
      <svg viewBox="0 0 24 24"><path d="M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4z"/><line x1="3" y1="6" x2="21" y2="6"/><path d="M16 10a4 4 0 01-8 0"/></svg>
      <span class="srd-cart-count" id="srdCartCount">0</span>
    </a>
    <div class="srd-nav-divider"></div>
    <a href="https://eliwialtharei.net/register/" class="srd-nl">تسجيل</a>
    <a href="https://eliwialtharei.net/login/" class="srd-nl">تسجيل الدخول</a>
    <div class="srd-hamburger" id="srdMenuBtn" onclick="srdToggleMenu()"><span></span><span></span><span></span></div>
  </div>
</header>

<!-- ══ قائمة الجوال ══ -->
<nav class="srd-mobile-menu" id="srdMobileMenu">
  <a href="https://eliwialtharei.net/" class="srd-nl">الرئيسية</a>
  <a href="https://eliwialtharei.net/%d9%88%d8%b1%d8%b4-%d9%88%d8%af%d9%88%d8%b1%d8%a7%d8%aa-%d8%a7%d9%84%d8%a3%d8%af%d8%a8-%d9%88%d8%a7%d9%84%d9%83%d8%aa%d8%a7%d8%a8%d8%a9-%d8%a7%d9%84%d8%a5%d8%a8%d8%af%d8%a7%d8%b9%d9%8a%d8%a9/" class="srd-nl active">الدورات</a>
  <a href="https://eliwialtharei.net/%d8%a2%d8%b1%d8%a7%d8%a1-%d8%b4%d8%b1%d9%83%d8%a7%d8%a6%d9%86%d8%a7/" class="srd-nl">آراء شركائنا</a>
  <a href="https://eliwialtharei.net/%d9%81%d9%86%d9%88%d9%86-%d8%a7%d9%84%d9%83%d8%aa%d8%a7%d8%a8%d8%a9-%d8%a7%d9%84%d8%a5%d8%a8%d8%af%d8%a7%d8%b9%d9%8a%d8%a9/" class="srd-nl">وحي الكتابة</a>
  <a href="https://eliwialtharei.net/%d8%aa%d9%88%d8%a7%d8%b5%d9%84-%d9%85%d8%b9%d9%86%d8%a7/" class="srd-nl">تواصل معنا</a>
  <div class="srd-nav-divider"></div>
  <a href="https://eliwialtharei.net/cart/" class="srd-nl">🛒 السلة</a>
  <div class="srd-nav-divider"></div>
  <a href="https://www.instagram.com/eliwi_altharei/" class="srd-tb-btn ig" target="_blank" rel="noopener">
    <svg viewBox="0 0 24 24" width="14" height="14" fill="#e1306c"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg>
    إنستغرام
  </a>
  <button class="srd-tb-btn wa-group" onclick="srdOpenWaDrawer();srdCloseMenu()">👥 انضم للمجموعة <span class="srd-tb-badge">مجموعة</span></button>
  <button class="srd-tb-btn wa-direct" onclick="srdOpenWaDrawer();srdCloseMenu()">💬 واتساب مباشر</button>
  <div class="srd-nav-divider"></div>
  <a href="https://eliwialtharei.net/register/" class="srd-nl">تسجيل</a>
  <a href="https://eliwialtharei.net/login/" class="srd-nl">تسجيل الدخول</a>
</nav>

<!-- ══ Backdrop ══ -->
<div class="srd-backdrop" id="srdNavBackdrop" onclick="srdCloseAll()"></div>

<!-- ══ درج واتساب ══ -->
<div class="srd-drawer" id="srdWaDrawer">
  <div class="srd-drawer-head">
    <div class="srd-drawer-head-icon wa">💬</div>
    <div class="srd-drawer-head-info"><h3>واتساب سرديّات</h3><p>عليوي الذرعي — كاتب ومدرّب كتابة</p></div>
    <button class="srd-drawer-close" onclick="srdCloseAll()">✕</button>
  </div>
  <div class="srd-drawer-body">
    <div class="srd-screen active" id="srdScChoice">
      <div class="srd-choice">
        <div class="srd-opt" onclick="srdShowMsg()">
          <div class="srd-opt-ico d">💬</div>
          <div class="srd-opt-txt"><strong>رسالة مباشرة</strong><span>أرسل رسالتك لعليوي الذرعي مباشرةً</span></div>
          <div class="srd-opt-arr">←</div>
        </div>
        <div class="srd-opt" onclick="srdShowGroup()">
          <div class="srd-opt-ico g">👥</div>
          <div class="srd-opt-txt"><strong>مجموعة سرديّات</strong><span>انضم إلى مجتمع الكتّاب والمبدعين</span></div>
          <div class="srd-opt-arr">←</div>
        </div>
      </div>
    </div>
    <div class="srd-screen" id="srdScMsg">
      <div class="srd-back-bar">
        <button class="srd-back-btn" onclick="srdGoChoice()"><span style="font-size:15px">→</span> رجوع</button>
        <span class="srd-back-label">رسالة مباشرة</span>
      </div>
      <div class="srd-profile">
        <div class="srd-avatar">🖊️</div>
        <div class="srd-profile-info"><strong>عليوي الذرعي</strong><div class="srd-online">متاح للردّ</div></div>
      </div>
      <div class="srd-chat" id="srdChat">
        <div class="srd-bubble">
          <p>مرحباً 👋 أنا عليوي الذرعي، كاتب ومدرّب كتابة إبداعية.<br>يسعدني الإجابة على أي سؤال حول الورشات أو الكتابة.</p>
          <span class="srd-time" id="srdChatTime"></span>
        </div>
      </div>
      <div class="srd-quick">
        <div class="srd-quick-label">رسائل سريعة:</div>
        <div class="srd-quick-list">
          <div class="srd-quick-chip" onclick="srdFillQuick('أريد الاستفسار عن الورشات المتاحة')">استفسار عن الورشات</div>
          <div class="srd-quick-chip" onclick="srdFillQuick('كيف يمكنني التسجيل في الدورة؟')">التسجيل في الدورة</div>
          <div class="srd-quick-chip" onclick="srdFillQuick('أريد حجز موعد استشارة')">حجز استشارة</div>
          <div class="srd-quick-chip" onclick="srdFillQuick('السلام عليكم، أريد معرفة المزيد عن سرديّات')">مرحبا 👋</div>
        </div>
      </div>
      <div class="srd-input-bar">
        <button class="srd-send" onclick="srdSendMsg()"><svg viewBox="0 0 24 24"><path d="M22 2L11 13"/><path d="M22 2L15 22 11 13 2 9l20-7z"/></svg></button>
        <textarea class="srd-textarea" id="srdNavInput" placeholder="اكتب رسالتك هنا…" rows="1"
          onkeydown="if(event.key==='Enter'&&!event.shiftKey){event.preventDefault();srdSendMsg();}"
          oninput="srdAutoResize(this)"></textarea>
      </div>
    </div>
    <div class="srd-screen" id="srdScGroup">
      <div class="srd-back-bar">
        <button class="srd-back-btn" onclick="srdGoChoice()"><span style="font-size:15px">→</span> رجوع</button>
        <span class="srd-back-label">مجموعة سرديّات</span>
      </div>
      <div class="srd-group-screen">
        <div class="srd-group-icon">👥</div>
        <p class="srd-group-title">مجموعة سرديّات</p>
        <p class="srd-group-sub">مجتمع الكتّاب والمبدعين العرب — شارك إبداعك، واستفد من تجارب الآخرين.</p>
        <div class="srd-group-members">أعضاء نشطون في المجموعة ✦</div>
        <a class="srd-join-btn" href="https://chat.whatsapp.com/HhUA9qceXcpICCQZdvdZCf" target="_blank" rel="noopener">👥 انضم للمجموعة الآن</a>
        <p class="srd-group-note">سينقلك هذا الزر إلى واتساب للانضمام</p>
      </div>
    </div>
  </div>
</div>

<!-- ══ درج التقويم ══ -->
<div class="srd-drawer" id="srdCalDrawer">
  <div class="srd-drawer-head">
    <div class="srd-drawer-head-icon cal">📅</div>
    <div class="srd-drawer-head-info"><h3>حجز موعد</h3><p>اختر الوقت المناسب من التقويم</p></div>
    <button class="srd-drawer-close" onclick="srdCloseAll()">✕</button>
  </div>
  <div class="srd-drawer-body">
    <div class="srd-screen active srd-cal-screen">
      <div class="srd-loader" id="srdCalLoader"><div class="srd-spin"></div><p>جارٍ تحميل التقويم…</p></div>
      <iframe class="srd-cal-iframe" id="srdCalIframe" src="" data-src="https://calendar.google.com/calendar/appointments/schedules/AcZssZ2sh_hicVZl4EcAElBsSoTOd61chR9YQJQkiamCD3679h5-TrTquUE_YASk-OuTg7borswmN3OB?gv=true" title="حجز موعد" onload="document.getElementById('srdCalLoader').classList.add('hidden')"></iframe>
    </div>
  </div>
</div>

<script>
(function(){
  var WA_DIRECT = 'https://wa.me/905375778583';

  function applyTopbarClosed(){
    var tb  = document.getElementById('srdTopbar');
    var hdr = document.getElementById('srdMainHdr');
    var mm  = document.getElementById('srdMobileMenu');
    if(tb)  tb.classList.add('closed');
    if(hdr) hdr.classList.add('topbar-gone');
    if(mm)  mm.classList.add('topbar-gone');
  }

  var HIDE_TOPBAR_ON = [
    'ورشة-تدريبية-لكتابة-المقال'
  ];
  var decodedPath = decodeURIComponent(window.location.pathname);
  var hideTopbar  = HIDE_TOPBAR_ON.some(function(slug){ return decodedPath.indexOf(slug) !== -1; });
  if(hideTopbar){ applyTopbarClosed(); }

  var closeBtn = document.getElementById('srdTopbarClose');
  if(closeBtn){
    closeBtn.addEventListener('click', function(){
      applyTopbarClosed();
      sessionStorage.setItem('srdTopbarClosed','1');
    });
  }
  if(sessionStorage.getItem('srdTopbarClosed') === '1') applyTopbarClosed();

  var t = document.getElementById('srdChatTime');
  if(t){ var d=new Date(); t.textContent=d.getHours()+':'+(d.getMinutes()<10?'0':'')+d.getMinutes(); }

  try{
    var c = document.cookie.match(/woocommerce_items_in_cart=(\d+)/);
    if(c && c[1] && parseInt(c[1])>0) document.getElementById('srdCartCount').textContent=c[1];
  }catch(e){}

  window.srdToggleMenu = function(){
    document.getElementById('srdMobileMenu').classList.toggle('open');
    document.getElementById('srdMenuBtn').classList.toggle('is-open');
  };
  window.srdCloseMenu = function(){
    document.getElementById('srdMobileMenu').classList.remove('open');
    document.getElementById('srdMenuBtn').classList.remove('is-open');
  };
  document.addEventListener('click', function(e){
    var m=document.getElementById('srdMobileMenu'), b=document.getElementById('srdMenuBtn');
    if(m && b && !m.contains(e.target) && !b.contains(e.target)) srdCloseMenu();
  });

  function srdShowBackdrop(){
    var b=document.getElementById('srdNavBackdrop');
    b.classList.add('active');
    requestAnimationFrame(function(){ b.classList.add('visible'); });
    document.body.style.overflow='hidden';
  }
  function srdHideBackdrop(){
    var b=document.getElementById('srdNavBackdrop');
    b.classList.remove('visible');
    setTimeout(function(){ b.classList.remove('active'); }, 300);
    document.body.style.overflow='';
  }
  function srdOpenDrawer(id){
    document.querySelectorAll('.srd-drawer').forEach(function(d){ d.classList.remove('open'); });
    srdShowBackdrop();
    requestAnimationFrame(function(){ document.getElementById(id).classList.add('open'); });
  }
  window.srdCloseAll = function(){
    document.querySelectorAll('.srd-drawer').forEach(function(d){ d.classList.remove('open'); });
    srdHideBackdrop();
  };
  window.srdOpenWaDrawer = function(){ srdGoChoice(); srdOpenDrawer('srdWaDrawer'); };
  window.srdGoChoice = function(){ srdSetScreen('srdScChoice'); };
  window.srdShowMsg = function(){
    srdSetScreen('srdScMsg');
    setTimeout(function(){ var i=document.getElementById('srdNavInput'); if(i) i.focus(); }, 350);
  };
  window.srdShowGroup = function(){ srdSetScreen('srdScGroup'); };
  function srdSetScreen(id){
    document.querySelectorAll('#srdWaDrawer .srd-screen').forEach(function(s){ s.classList.remove('active'); });
    document.getElementById(id).classList.add('active');
  }
  window.srdSendMsg = function(){
    var inp=document.getElementById('srdNavInput');
    var txt=(inp.value||'').trim();
    if(!txt) return;
    var chat=document.getElementById('srdChat');
    var bubble=document.createElement('div');
    bubble.style.cssText='align-self:flex-end;background:rgba(37,211,102,.12);border:1px solid rgba(37,211,102,.22);border-radius:14px 14px 4px 14px;padding:11px 14px;max-width:85%;';
    var d=new Date(); var time=d.getHours()+':'+(d.getMinutes()<10?'0':'')+d.getMinutes();
    bubble.innerHTML='<p style="font-family:Cairo,sans-serif;font-size:13px;color:rgba(255,255,255,.85);margin:0;line-height:1.6;direction:rtl;">'+txt.replace(/</g,'&lt;')+'</p><span style="font-size:10px;color:rgba(255,255,255,.25);margin-top:5px;display:block;text-align:right;">'+time+' ✓✓</span>';
    chat.appendChild(bubble);
    var sending=document.createElement('div');
    sending.style.cssText='align-self:center;background:rgba(37,211,102,.07);border:1px solid rgba(37,211,102,.15);border-radius:10px;padding:8px 14px;font-family:Cairo,sans-serif;font-size:12px;color:rgba(37,211,102,.7);text-align:center;';
    sending.textContent='⏳ جارٍ فتح واتساب لإتمام الإرسال…';
    chat.appendChild(sending);
    chat.scrollTop=chat.scrollHeight;
    inp.value=''; inp.style.height='';
    setTimeout(function(){ window.location.href=WA_DIRECT+'?text='+encodeURIComponent(txt); }, 600);
  };
  window.srdFillQuick = function(txt){
    var inp=document.getElementById('srdNavInput'); inp.value=txt; inp.focus(); srdAutoResize(inp);
  };
  window.srdAutoResize = function(el){ el.style.height='auto'; el.style.height=Math.min(el.scrollHeight,120)+'px'; };
  window.srdOpenCalDrawer = function(){
    var f=document.getElementById('srdCalIframe');
    if(!f.src||f.src==='about:blank'||f.src==='') f.src=f.dataset.src;
    srdOpenDrawer('srdCalDrawer');
  };
  document.addEventListener('keydown', function(e){ if(e.key==='Escape') srdCloseAll(); });
})();
</script><?xml version="1.0" encoding="UTF-8"?><?xml-stylesheet type="text/xsl" href="//eliwialtharei.net/wp-content/plugins/wordpress-seo/css/main-sitemap.xsl"?>
<sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
	<sitemap>
		<loc>https://eliwialtharei.net/post-sitemap.xml</loc>
		<lastmod>2026-04-18T09:18:38+00:00</lastmod>
	</sitemap>
	<sitemap>
		<loc>https://eliwialtharei.net/page-sitemap.xml</loc>
		<lastmod>2026-04-11T22:48:47+00:00</lastmod>
	</sitemap>
	<sitemap>
		<loc>https://eliwialtharei.net/product-sitemap.xml</loc>
		<lastmod>2025-11-10T13:26:05+00:00</lastmod>
	</sitemap>
	<sitemap>
		<loc>https://eliwialtharei.net/elementor-hf-sitemap.xml</loc>
		<lastmod>2026-03-29T23:30:59+00:00</lastmod>
	</sitemap>
	<sitemap>
		<loc>https://eliwialtharei.net/category-sitemap.xml</loc>
		<lastmod>2026-04-18T09:18:38+00:00</lastmod>
	</sitemap>
	<sitemap>
		<loc>https://eliwialtharei.net/post_tag-sitemap.xml</loc>
		<lastmod>2026-04-15T21:40:18+00:00</lastmod>
	</sitemap>
	<sitemap>
		<loc>https://eliwialtharei.net/product_cat-sitemap.xml</loc>
		<lastmod>2025-11-10T13:26:05+00:00</lastmod>
	</sitemap>
	<sitemap>
		<loc>https://eliwialtharei.net/product_tag-sitemap.xml</loc>
		<lastmod>2025-11-10T13:26:05+00:00</lastmod>
	</sitemap>
	<sitemap>
		<loc>https://eliwialtharei.net/author-sitemap.xml</loc>
		<lastmod>2026-04-15T23:16:41+00:00</lastmod>
	</sitemap>
</sitemapindex>
<!-- XML Sitemap generated by Yoast SEO -->