/* =========================================================
   دار القلم الرقمية — نظام تصميم موحّد للواجهة الأمامية (الإصدار 3)
   لا يمس لوحة التحكم. الهوية: #096A61 · #FDD746 · #192c27
   ========================================================= */

:root {
  --dk-green: #096A61;
  --dk-green-2: #0c8f84;
  --dk-green-deep: #054842;
  --dk-green-ink: #032c28;
  --dk-yellow: #FDD746;
  --dk-yellow-soft: #fff4c2;
  --dk-ink: #14231f;
  --dk-text: #3d5a53;
  --dk-mist: #F4F8F7;
  --dk-mint: #E3EEEB;
  --dk-line: #dbe8e4;
  --dk-radius: 24px;
  --dk-radius-sm: 16px;
  --dk-shadow-sm: 0 1px 2px rgba(9, 60, 54, .05), 0 8px 24px -12px rgba(9, 60, 54, .12);
  --dk-shadow-md: 0 18px 44px -18px rgba(9, 60, 54, .28);
  --dk-shadow-lg: 0 34px 80px -28px rgba(9, 60, 54, .4);
  --dk-ease: cubic-bezier(.22, .8, .24, 1);
  --dk-font: "IBM Plex Sans Arabic", "Readex Pro", "Droid Arabic Kufi", system-ui, sans-serif;
  --dk-font-display: "Readex Pro", "IBM Plex Sans Arabic", "Droid Arabic Kufi", sans-serif;
  --dk-wrap: min(1160px, 92vw);
}

/* ---------- الأساس ---------- */
html { scroll-behavior: smooth; }
body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-size: 17px;
  line-height: 1.9;
  color: var(--dk-text);
}
body, body #main-container, body .site-main {
  background-color: #fff !important;
  background-image: none !important;
}
::selection { background: var(--dk-yellow); color: var(--dk-ink); }

body, h1, h2, h3, h4, h5, h6, p, li, label, input, textarea, select, button, td, th,
.menu-item a, .ct-menu-link, .elementor-button, .elementor-heading-title,
.elementor-widget-text-editor, .elementor-icon-box-title, .elementor-icon-box-description,
.elementor-counter-number-wrapper, .elementor-counter-title, .wpforms-field-label {
  font-family: var(--dk-font) !important;
}
h1, h2, h3, .elementor-heading-title, .elementor-icon-box-title, .elementor-counter-number-wrapper, .entry-title {
  font-family: var(--dk-font-display) !important;
  letter-spacing: -.01em;
}
a:focus-visible, button:focus-visible, .elementor-button:focus-visible, input:focus-visible {
  outline: 3px solid var(--dk-yellow);
  outline-offset: 3px;
}

/* ---------- الهيدر ---------- */
#header [data-row="middle"] {
  background: linear-gradient(180deg, var(--dk-green) 0%, var(--dk-green-deep) 100%) !important;
  border-bottom: 3px solid var(--dk-yellow);
  box-shadow: 0 6px 24px -10px rgba(3, 44, 40, .55);
  min-height: 0 !important;
  transition: box-shadow .3s;
}
body.dk-scrolled #header [data-row="middle"] { box-shadow: 0 14px 34px -12px rgba(3, 44, 40, .8); }
#header .site-branding, #header .site-logo-container { height: auto !important; max-height: none !important; }
#header .site-branding img,
#footer .wp-block-image img {
  image-rendering: -webkit-optimize-contrast;
  background: #fff;
  border-radius: 18px;
  padding: 6px;
  object-fit: contain;
  box-shadow: 0 8px 22px -8px rgba(0, 0, 0, .45), 0 0 0 3px rgba(253, 215, 70, .9);
  filter: none !important;
  transition: transform .4s var(--dk-ease);
}
#header .site-branding img { width: 60px !important; height: 60px !important; }
#header .site-branding:hover img { transform: scale(1.06) rotate(-2deg); }
#header .menu > li > a {
  position: relative;
  font-weight: 600;
  font-size: 1rem;
  letter-spacing: .1px;
  transition: color .25s ease;
}
#header .menu > li > a::after {
  content: "";
  position: absolute;
  inset-inline: 14px;
  bottom: 4px;
  height: 3px;
  border-radius: 3px;
  background: var(--dk-yellow);
  transform: scaleX(0);
  transition: transform .35s var(--dk-ease);
}
#header .menu > li:hover > a::after,
#header .menu > li.current-menu-item > a::after { transform: scaleX(1); }
#header .menu > li:hover > a { color: var(--dk-yellow) !important; }

/* ---------- الأزرار (موحّدة في كل الصفحات) ---------- */
.elementor-button, .wp-block-button__link, .ct-button, .um-button, input[type="submit"], .wpforms-submit {
  border-radius: 999px !important;
  font-weight: 700 !important;
  padding: 14px 36px !important;
  background: var(--dk-green) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: 0 12px 26px -12px rgba(9, 106, 97, .7);
  transition: transform .3s var(--dk-ease), box-shadow .3s ease, background .25s, color .25s !important;
}
.elementor-button:hover, .wp-block-button__link:hover, .ct-button:hover, .um-button:hover, input[type="submit"]:hover, .wpforms-submit:hover {
  background: var(--dk-yellow) !important;
  color: var(--dk-ink) !important;
  transform: translateY(-3px);
  box-shadow: 0 18px 32px -14px rgba(214, 170, 0, .85);
}

/* ---------- عناوين الأقسام (موحّدة) ---------- */
.dk-title, .elementor-widget-heading h2.elementor-heading-title {
  color: var(--dk-ink);
}
.elementor-element-b22fb2f .elementor-heading-title,
.elementor-element-53c34776 .elementor-heading-title {
  position: relative;
  display: inline-block;
  font-weight: 700 !important;
  font-size: clamp(1.8rem, 3.2vw, 2.7rem) !important;
  line-height: 1.5 !important;
  padding-bottom: 18px;
  color: var(--dk-ink) !important;
}
.elementor-element-b22fb2f .elementor-heading-title::after,
.elementor-element-53c34776 .elementor-heading-title::after {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  bottom: 0;
  width: 72px;
  height: 5px;
  border-radius: 5px;
  background: linear-gradient(90deg, var(--dk-yellow), var(--dk-green));
}
.elementor-element-53c34776 .elementor-heading-title { display: block; text-align: center; }
.elementor-element-53c34776 .elementor-heading-title::after { inset-inline-start: 50%; transform: translateX(50%); }

/* =========================================================
   الصفحة الرئيسية
   ========================================================= */

/* إخفاء شريط «حمّل التطبيق» القديم (استُبدل بالنافذة المنبثقة) */
.elementor-element-298712f { display: none !important; }

/* ---------- الهيرو ---------- */
.elementor-element-86c5f01 {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(900px 480px at 88% 8%, rgba(253, 215, 70, .20), transparent 60%),
    radial-gradient(700px 420px at 4% 100%, rgba(255, 255, 255, .10), transparent 60%),
    linear-gradient(160deg, var(--dk-green) 0%, var(--dk-green-deep) 68%, var(--dk-green-ink) 100%) !important;
  padding-block: clamp(56px, 7vw, 96px) clamp(40px, 5vw, 64px) !important;
}
.elementor-element-86c5f01::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: transparent !important;
  opacity: 1 !important;
  background-image: radial-gradient(rgba(255, 255, 255, .09) 1.2px, transparent 1.3px);
  background-size: 26px 26px;
  -webkit-mask-image: linear-gradient(180deg, #000, transparent 85%);
  mask-image: linear-gradient(180deg, #000, transparent 85%);
  pointer-events: none;
}
.elementor-element-86c5f01::after { display: none !important; }
.elementor-element-86c5f01 > .elementor-background-overlay { display: none !important; }

.elementor-element-86c5f01 > .e-con-inner {
  position: relative;
  z-index: 1;
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  grid-template-areas: "text visual" "stats stats";
  gap: clamp(28px, 4vw, 56px) clamp(24px, 4vw, 64px);
  align-items: center;
  max-width: var(--dk-wrap) !important;
}
.elementor-element-86c5f01 > .e-con-inner > .e-con { width: auto !important; max-width: none !important; min-width: 0 !important; --width: 100%; }
.elementor-element-13db165 { grid-area: text; align-items: flex-start; gap: 18px !important; }
.elementor-element-844bd62 { grid-area: visual; }
.elementor-element-4cd50e5 { grid-area: stats; }

.elementor-element-0e386d5 p {
  display: inline-block;
  margin: 0;
  padding: 7px 20px;
  border-radius: 999px;
  background: rgba(253, 215, 70, .14);
  border: 1px solid rgba(253, 215, 70, .55);
  color: var(--dk-yellow) !important;
  font-weight: 600;
  font-size: .95rem;
  line-height: 1.7;
}
.elementor-element-5997d77 .elementor-heading-title {
  font-size: clamp(2.6rem, 5.4vw, 4.8rem) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  background: linear-gradient(180deg, #fff 35%, #ffe98a 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.elementor-element-1917faa img { max-width: 220px; height: auto; }
.elementor-element-896a2e2 p {
  color: rgba(255, 255, 255, .92) !important;
  font-size: clamp(1.1rem, 1.7vw, 1.4rem) !important;
  font-weight: 500 !important;
  margin: 0;
}
.dk-hero-cta { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 20px; margin-top: 10px; }
.dk-ghost {
  display: inline-flex; align-items: center; gap: 8px;
  color: #fff !important; font-weight: 600; text-decoration: none !important;
  padding: 14px 26px; border-radius: 14px;
  border: 1.5px solid rgba(255, 255, 255, .45);
  transition: background .3s, color .3s, transform .3s var(--dk-ease);
}
.dk-ghost:hover { background: var(--dk-yellow); color: var(--dk-ink) !important; border-color: var(--dk-yellow); transform: translateY(-3px); }

/* بديل الفيديو المتعطل: مشهد منصة حيّ مبني بـ CSS */
.elementor-element-844bd62 {
  position: relative;
  min-height: 0 !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: none !important;
  overflow: visible !important;
  display: grid !important;
  place-items: center;
}
.elementor-element-844bd62 > .elementor-background-video-container,
.elementor-element-844bd62::before { display: none !important; }
.dk-visual { position: relative; width: min(420px, 100%); margin-inline: auto; padding: 12px 0 28px; }
.dk-visual::before {
  content: ""; position: absolute; inset: 6% -6% 0;
  background: radial-gradient(closest-side, rgba(253, 215, 70, .28), transparent 72%);
  filter: blur(18px);
}
.dk-visual__card {
  position: relative;
  background: #fff;
  border-radius: 28px;
  padding: 22px;
  box-shadow: 0 40px 80px -30px rgba(0, 0, 0, .6);
  transform: rotate(-3deg);
  color: var(--dk-ink);
}
.dk-visual__top { display: flex; align-items: center; gap: 12px; padding-bottom: 16px; border-bottom: 1px dashed var(--dk-line); }
.dk-visual__dot { width: 40px; height: 40px; border-radius: 14px; background: linear-gradient(135deg, var(--dk-green), var(--dk-green-2)); display: grid; place-items: center; }
.dk-visual__dot svg { width: 20px; height: 20px; fill: var(--dk-yellow); }
.dk-visual__top strong { font: 700 1.05rem var(--dk-font-display); line-height: 1.4; display: block; }
.dk-visual__top small { color: var(--dk-text); font-size: .82rem; }
.dk-row { display: flex; align-items: center; gap: 14px; padding: 14px 0; }
.dk-row + .dk-row { border-top: 1px solid var(--dk-mist); }
.dk-row i { flex: none; width: 44px; height: 44px; border-radius: 14px; background: var(--dk-mint); display: grid; place-items: center; font-style: normal; font-weight: 700; color: var(--dk-green); font-family: var(--dk-font-display); }
.dk-row:nth-child(3) i { background: var(--dk-yellow-soft); color: #8a6d00; }
.dk-row span { flex: 1; min-width: 0; }
.dk-row b { display: block; font-size: .98rem; line-height: 1.5; }
.dk-row em { display: block; height: 7px; border-radius: 7px; background: var(--dk-mint); margin-top: 8px; overflow: hidden; font-style: normal; }
.dk-row em::after { content: ""; display: block; height: 100%; width: var(--p, 60%); border-radius: 7px; background: linear-gradient(90deg, var(--dk-green), var(--dk-green-2)); }
.dk-chip-float {
  position: absolute;
  display: inline-flex; align-items: center; gap: 10px;
  padding: 11px 18px;
  border-radius: 16px;
  background: #fff;
  color: var(--dk-ink);
  font: 700 .92rem var(--dk-font) !important;
  box-shadow: 0 20px 40px -16px rgba(0, 0, 0, .5);
  white-space: nowrap;
}
.dk-chip-float b { color: var(--dk-green); font-size: 1.15rem; }
.dk-chip-float.a { top: 0; inset-inline-start: -14px; transform: rotate(3deg); }
.dk-chip-float.b { bottom: 4px; inset-inline-end: -10px; background: var(--dk-yellow); transform: rotate(-3deg); }
.dk-chip-float.b b { color: var(--dk-ink); }
@media (prefers-reduced-motion: no-preference) {
  .dk-chip-float.a { animation: dk-float 6s ease-in-out infinite; }
  .dk-chip-float.b { animation: dk-float 7s ease-in-out -2s infinite; }
}
@keyframes dk-float { 0%, 100% { translate: 0 0; } 50% { translate: 0 -10px; } }

/* شريط الإحصائيات */
.elementor-element-4cd50e5 {
  display: grid !important;
  grid-template-rows: auto auto;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  column-gap: 0 !important;
  row-gap: 2px !important;
  padding: 26px 8px !important;
  border-radius: var(--dk-radius);
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .18);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  text-align: center;
}
.elementor-element-4cd50e5 > .elementor-widget { margin: 0 !important; padding: 0 20px; border: 0 !important; }
.elementor-element-4cd50e5 > .elementor-widget:nth-child(n+3) { border-inline-start: 1px solid rgba(255, 255, 255, .2) !important; }
.elementor-element-4cd50e5 .elementor-widget-text-editor p {
  color: rgba(255, 255, 255, .85) !important;
  font-size: .98rem;
  font-weight: 500;
  margin: 0;
  line-height: 1.6;
}
.elementor-element-4cd50e5 .elementor-counter-number-wrapper {
  color: var(--dk-yellow) !important;
  font-weight: 700 !important;
  font-size: clamp(2rem, 3.6vw, 3.1rem) !important;
  line-height: 1.15;
  direction: ltr;
  justify-content: center;
}
.elementor-element-4cd50e5 .elementor-counter { justify-content: center; }

/* ---------- لماذا دار القلم ---------- */
.elementor-element-585090a {
  background: #fff !important;
  margin-bottom: 0 !important;
  padding-top: clamp(44px, 6vw, 80px) !important;
  padding-bottom: 8px !important;
}
.elementor-element-585090a > .e-con-inner, .elementor-element-99d931f > .e-con-inner,
.elementor-element-3ff7931 > .e-con-inner, .elementor-element-c57dafe > .e-con-inner { max-width: var(--dk-wrap) !important; }
.elementor-element-24a8d26 { align-items: center; text-align: center; }
.elementor-element-b22fb2f .elementor-heading-title { display: block; text-align: center; }
.elementor-element-b22fb2f .elementor-heading-title::after { inset-inline-start: 50%; transform: translateX(50%); }

.elementor-element-99d931f {
  background: #fff !important;
  margin-bottom: 0 !important;
  padding-block: 28px clamp(44px, 6vw, 80px) !important;
}
.elementor-element-99d931f > .e-con-inner { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px !important; align-items: stretch; }
.elementor-element-33624bd, .elementor-element-0bbb71a, .elementor-element-2653e2a {
  position: relative;
  width: auto !important;
  background: #fff !important;
  background-image: none !important;
  border: 1px solid var(--dk-line) !important;
  border-radius: var(--dk-radius) !important;
  box-shadow: var(--dk-shadow-sm);
  padding: 36px 30px 32px !important;
  overflow: hidden;
  transition: transform .45s var(--dk-ease), box-shadow .45s var(--dk-ease), background .35s, border-color .3s;
}
.elementor-element-33624bd::before, .elementor-element-0bbb71a::before, .elementor-element-2653e2a::before {
  content: "";
  position: absolute;
  inset-inline: 0;
  top: 0;
  height: 5px;
  background: linear-gradient(90deg, var(--dk-green), var(--dk-yellow));
  transform: scaleX(.18);
  transform-origin: right;
  transition: transform .55s var(--dk-ease);
}
.elementor-element-33624bd:hover, .elementor-element-0bbb71a:hover, .elementor-element-2653e2a:hover {
  transform: translateY(-8px);
  box-shadow: var(--dk-shadow-lg);
  background: var(--dk-green) !important;
  border-color: var(--dk-green) !important;
}
.elementor-element-33624bd:hover::before, .elementor-element-0bbb71a:hover::before, .elementor-element-2653e2a:hover::before { transform: scaleX(1); }
.elementor-element-99d931f .elementor-icon-box-icon .elementor-icon {
  width: 60px; height: 60px;
  display: grid; place-items: center;
  border-radius: 18px;
  background: var(--dk-mint);
  color: var(--dk-green) !important;
  transition: background .35s, color .35s, transform .45s var(--dk-ease);
}
.elementor-element-99d931f .elementor-icon-box-icon .elementor-icon svg { width: 28px; height: 28px; fill: currentColor; }
.ct-hover-box:hover .elementor-icon-box-icon .elementor-icon { background: rgba(255, 255, 255, .14); color: var(--dk-yellow) !important; transform: rotate(-6deg) scale(1.06); }
.elementor-element-99d931f .elementor-icon-box-title { color: var(--dk-ink) !important; font-weight: 700 !important; line-height: 1.6 !important; margin: 6px 0 8px; font-size: 1.2rem; }
.elementor-element-99d931f .elementor-icon-box-description { color: var(--dk-text) !important; line-height: 1.95 !important; font-size: .98rem; }
.elementor-element-99d931f .ct-hover-box:hover .elementor-icon-box-title,
.elementor-element-99d931f .ct-hover-box:hover .elementor-icon-box-description { color: #fff !important; }
.elementor-element-99d931f .elementor-widget-heading .elementor-heading-title { font-weight: 700 !important; opacity: .18; font-size: 2.4rem !important; line-height: 1; margin-bottom: 14px; }
.elementor-element-99d931f .ct-hover-box:hover .elementor-widget-heading .elementor-heading-title { color: var(--dk-yellow) !important; opacity: .55; }

/* ---------- فريق المنصة ---------- */
.elementor-element-3ff7931 {
  background: var(--dk-mist) !important;
  padding-block: clamp(44px, 6vw, 80px) !important;
}
.elementor-element-486f73d { color: var(--dk-text) !important; text-align: center; max-width: 640px; margin-inline: auto; }
.elementor-element-e4f32e { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px !important; }
.elementor-element-e4f32e > .e-con-inner { max-width: none !important; display: contents; }
.elementor-element-20683b74, .elementor-element-3fcdc535, .elementor-element-7ddeba06 {
  background: #fff !important;
  border: 1px solid var(--dk-line);
  border-radius: var(--dk-radius) !important;
  box-shadow: var(--dk-shadow-sm);
  text-align: center;
  align-items: center;
  transition: transform .45s var(--dk-ease), box-shadow .45s var(--dk-ease);
}
.elementor-element-20683b74:hover, .elementor-element-3fcdc535:hover, .elementor-element-7ddeba06:hover { transform: translateY(-8px); box-shadow: var(--dk-shadow-md); }
/* بدون صور للأعضاء: حرف أول داخل شارة */
.elementor-element-3ff7931 .elementor-widget-image { display: none !important; }
.elementor-element-20683b74, .elementor-element-3fcdc535, .elementor-element-7ddeba06 { padding: 36px 28px 32px !important; gap: 6px; }
.dk-initial {
  display: grid; place-items: center;
  width: 68px; height: 68px;
  margin-bottom: 10px;
  border-radius: 22px;
  background: linear-gradient(135deg, var(--dk-green), var(--dk-green-2));
  color: var(--dk-yellow);
  font: 700 1.9rem var(--dk-font-display);
  box-shadow: 0 14px 28px -12px rgba(9, 106, 97, .6);
  transform: rotate(-4deg);
}
.elementor-element-3ff7931 .elementor-widget-heading .elementor-heading-title { color: var(--dk-ink); font-weight: 700; }

/* ---------- التواصل (أسفل الرئيسية) ---------- */
.elementor-element-c57dafe { background: #fff !important; padding-block: clamp(44px, 6vw, 80px) !important; }
.elementor-element-c57dafe > .e-con-inner {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 0 !important;
  padding: 0 !important;
  height: auto !important;
  border-radius: 32px;
  overflow: hidden;
  background: #fff;
  box-shadow: var(--dk-shadow-lg);
  border: 1px solid var(--dk-line);
}
.elementor-element-f8d3e97, .elementor-element-44ca4cf { margin: 0 !important; border-radius: 0 !important; min-height: 300px; width: auto !important; }
.elementor-element-f8d3e97 {
  border: 0 !important;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 48px 32px !important;
  background: linear-gradient(160deg, #fff, var(--dk-mist)) !important;
  text-align: center;
}
.elementor-element-4e8cd1f p { color: var(--dk-green) !important; font-weight: 700; margin: 0; }
.elementor-element-198f80f .elementor-heading-title { color: var(--dk-ink) !important; font-weight: 700 !important; font-size: clamp(1.8rem, 3vw, 2.5rem) !important; }
.elementor-element-44ca4cf {
  background-color: var(--dk-green) !important;
  background-image: url("https://darelkalem.com/wp-content/uploads/2025/06/EL-KALEM.png"), linear-gradient(160deg, var(--dk-green), var(--dk-green-ink)) !important;
  background-size: 78% auto, cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}
.elementor-element-44ca4cf::after { display: none !important; }

/* =========================================================
   الصفحات الداخلية (عن المشروع · تواصل معنا · التسجيل ...)
   ========================================================= */
body:not(.home) .elementor > .e-con.e-parent { padding-block: clamp(32px, 4.5vw, 60px); }
body:not(.home) .elementor > .e-con.e-parent > .e-con-inner { max-width: var(--dk-wrap) !important; }

/* ترويسة الصفحة الداخلية */
body:not(.home) .elementor > .e-con.e-parent:first-child {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(700px 360px at 85% 0%, rgba(253, 215, 70, .22), transparent 60%),
    linear-gradient(160deg, var(--dk-green) 0%, var(--dk-green-deep) 70%, var(--dk-green-ink) 100%) !important;
  padding-block: clamp(40px, 5vw, 68px) !important;
}
body:not(.home) .elementor > .e-con.e-parent:first-child::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255, 255, 255, .09) 1.2px, transparent 1.3px);
  background-size: 26px 26px;
  -webkit-mask-image: linear-gradient(180deg, #000, transparent 90%);
  mask-image: linear-gradient(180deg, #000, transparent 90%);
  pointer-events: none;
}
body:not(.home) .elementor > .e-con.e-parent:first-child > .e-con-inner {
  position: relative;
  z-index: 1;
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}
body:not(.home) .elementor > .e-con.e-parent:first-child .elementor-heading-title {
  color: #fff !important;
  font-weight: 700 !important;
  font-size: clamp(2.2rem, 4.6vw, 3.8rem) !important;
  line-height: 1.25 !important;
}
body:not(.home) .elementor > .e-con.e-parent:first-child .elementor-widget-image img { max-width: 200px; height: auto; }
body:not(.home) .elementor > .e-con.e-parent:first-child > .e-con-inner > .e-con:last-child {
  flex: none;
  width: 190px !important;
  height: 190px !important;
  min-height: 0 !important;
  border-radius: 50% !important;
  overflow: hidden;
  background: var(--dk-yellow) !important;
  border: 6px solid rgba(255, 255, 255, .92);
  box-shadow: 0 24px 50px -16px rgba(0, 0, 0, .55);
}
body:not(.home) .elementor > .e-con.e-parent:first-child > .e-con-inner > .e-con:last-child img { width: 100%; height: 100%; object-fit: cover; }

/* نصوص المحتوى */
body:not(.home) .elementor > .e-con.e-parent:not(:first-child) .elementor-widget-text-editor {
  width: 100% !important;
  max-width: 820px;
  color: var(--dk-text);
  font-size: 1.06rem;
  line-height: 2.05;
}
body:not(.home) .elementor > .e-con.e-parent:not(:first-child) .elementor-widget-text-editor li { margin-bottom: 8px; }
body:not(.home) .elementor > .e-con.e-parent:not(:first-child) .elementor-widget-text-editor b,
body:not(.home) .elementor > .e-con.e-parent:not(:first-child) .elementor-widget-text-editor strong { color: var(--dk-ink); }
body:not(.home) .elementor > .e-con.e-parent:not(:first-child) .elementor-widget-heading .elementor-heading-title {
  position: relative;
  color: var(--dk-ink) !important;
  font-weight: 700 !important;
  font-size: clamp(1.6rem, 2.8vw, 2.3rem) !important;
  line-height: 1.5 !important;
  padding-bottom: 14px;
}
body:not(.home) .elementor > .e-con.e-parent:not(:first-child) .elementor-widget-heading .elementor-heading-title::after {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  bottom: 0;
  width: 56px;
  height: 4px;
  border-radius: 4px;
  background: linear-gradient(90deg, var(--dk-yellow), var(--dk-green));
}
body:not(.home) .elementor > .e-con.e-parent:not(:first-child):nth-child(odd) { background: var(--dk-mist) !important; }

/* بطاقات المعلومات (هاتف · عنوان ...) */
.elementor-widget-icon-box.elementor-view-stacked .elementor-icon-box-wrapper {
  align-items: center;
  gap: 16px;
  padding: 18px 22px;
  background: #fff;
  border: 1px solid var(--dk-line);
  border-radius: var(--dk-radius-sm);
  box-shadow: var(--dk-shadow-sm);
}
.elementor-widget-icon-box.elementor-view-stacked .elementor-icon { background: var(--dk-green) !important; color: var(--dk-yellow) !important; }
.elementor-widget-icon-box.elementor-view-stacked .elementor-icon-box-title { color: var(--dk-ink); font-weight: 600; margin: 0; font-size: 1.05rem; }
.elementor-widget-google_maps iframe { border-radius: var(--dk-radius); box-shadow: var(--dk-shadow-md); }

/* النماذج: WPForms و Ultimate Member */
.wpforms-container, .um {
  background: #fff;
  border: 1px solid var(--dk-line);
  border-radius: 28px;
  box-shadow: var(--dk-shadow-md);
  padding: clamp(24px, 4vw, 44px) !important;
}
.wpforms-container .wpforms-field { padding: 14px 0 !important; }
.wpforms-container .wpforms-field-label, .um-field-label label { margin-bottom: 10px !important; font-weight: 600; color: var(--dk-ink); }
.wpforms-container input[type="text"], .wpforms-container input[type="email"], .wpforms-container input[type="tel"],
.wpforms-container input[type="number"], .wpforms-container textarea, .wpforms-container select,
.um input[type="text"], .um input[type="password"], .um input[type="email"], .um textarea, .um select {
  border: 1.5px solid var(--dk-line) !important;
  border-radius: 14px !important;
  background: var(--dk-mist) !important;
  padding: 13px 16px !important;
  min-height: 52px;
  transition: border-color .25s, box-shadow .25s, background .25s;
}
.wpforms-container input:focus, .wpforms-container textarea:focus, .wpforms-container select:focus,
.um input:focus, .um textarea:focus, .um select:focus {
  border-color: var(--dk-green) !important;
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(9, 106, 97, .14) !important;
  outline: 0;
}
.wpforms-submit { margin-top: 18px; font-size: 1.05rem !important; padding: 15px 56px !important; }

/* بطاقات المقالات/الروابط (تصنيف الحصص) */
.ct-posts-shortcode .entries, [data-cards] .entries { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important; gap: 24px !important; }
.ct-posts-shortcode [data-cards] article.entry-card, [data-cards="cover"] .entry-card, .entries > article.entry-card {
  position: relative;
  display: flex !important;
  flex-direction: column;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  background: #fff !important;
  border: 1px solid var(--dk-line);
  border-radius: 20px !important;
  box-shadow: var(--dk-shadow-sm);
  transition: transform .4s var(--dk-ease), box-shadow .4s var(--dk-ease);
}
.entries > article.entry-card:hover { transform: translateY(-6px); box-shadow: var(--dk-shadow-md); }
.entries > article.entry-card::before, .entries > article.entry-card::after, .entries .ct-media-container::before, .entries .ct-media-container::after { display: none !important; }
.entries .ct-media-container {
  position: relative !important;
  inset: auto !important;
  order: -1;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 10;
  display: block;
  overflow: hidden;
}
.entries .ct-media-container img { width: 100% !important; height: 100% !important; object-fit: cover; position: static !important; transition: transform .6s var(--dk-ease); }
.entries > article.entry-card:hover .ct-media-container img { transform: scale(1.05); }
.entries .entry-meta { order: 1; position: static !important; padding: 16px 20px 0; margin: 0; }
.entries .entry-title { order: 2; position: static !important; padding: 6px 20px 22px; margin: 0; font-size: 1.08rem; line-height: 1.7; }
.entries .entry-title a { background: none !important; padding: 0 !important; border-radius: 0 !important; color: var(--dk-ink) !important; font-weight: 700; }
.entries .meta-categories a, [data-cards="cover"] .meta-categories {
  display: inline-block;
  padding: 4px 12px !important;
  border-radius: 999px !important;
  background: var(--dk-yellow-soft) !important;
  color: var(--dk-green-deep) !important;
  font-size: .8rem;
  font-weight: 600;
}

/* =========================================================
   شارة Google Play + النافذة المنبثقة
   ========================================================= */
.dk-play {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  direction: ltr;
  background: #0b0f0e;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, .35);
  border-radius: 14px;
  padding: 12px 28px 12px 20px;
  text-decoration: none !important;
  line-height: 1.1;
  box-shadow: 0 14px 30px -12px rgba(0, 0, 0, .6);
  transition: transform .3s var(--dk-ease), box-shadow .3s ease, border-color .3s;
}
a.dk-play { display: inline-flex !important; }
.dk-play:hover { transform: translateY(-3px); border-color: var(--dk-yellow); box-shadow: 0 20px 38px -14px rgba(253, 215, 70, .55); }
.dk-play__logo { width: 36px; height: 38px; flex: none; }
.dk-play__txt { display: flex; flex-direction: column; text-align: left; }
.dk-play__txt small { font-size: 10.5px; letter-spacing: .04em; opacity: .85; font-family: var(--dk-font) !important; }
.dk-play__txt strong { font-size: 24px; font-weight: 600; letter-spacing: -.01em; font-family: "Inter", "Segoe UI", system-ui, sans-serif; }

body.dk-lock { overflow: hidden; }
.dk-modal { position: fixed; inset: 0; z-index: 99999; display: grid; place-items: center; padding: 20px; }
.dk-modal[hidden] { display: none; }
.dk-modal__overlay { position: absolute; inset: 0; background: rgba(3, 30, 27, .62); backdrop-filter: blur(8px); opacity: 0; transition: opacity .35s ease; }
.dk-modal__card {
  position: relative; width: min(860px, 100%);
  display: grid; grid-template-columns: 1fr 1.15fr;
  border-radius: 30px; overflow: hidden; background: #fff;
  box-shadow: 0 50px 120px -30px rgba(0, 0, 0, .7);
  transform: translateY(30px) scale(.96); opacity: 0;
  transition: transform .5s var(--dk-ease), opacity .4s ease;
}
.dk-modal.is-open .dk-modal__overlay { opacity: 1; }
.dk-modal.is-open .dk-modal__card { transform: none; opacity: 1; }
.dk-modal__x {
  position: absolute; top: 14px; inset-inline-start: 14px; z-index: 2;
  width: 40px; height: 40px; border-radius: 50%; border: 0; cursor: pointer;
  background: rgba(0, 0, 0, .08); color: var(--dk-ink); font-size: 26px; line-height: 1;
  transition: background .25s, transform .25s;
}
.dk-modal__x:hover { background: var(--dk-yellow); transform: rotate(90deg); }
.dk-modal__art {
  display: grid; place-items: center; min-height: 360px;
  background: radial-gradient(400px 300px at 30% 20%, rgba(253, 215, 70, .35), transparent 60%), linear-gradient(160deg, var(--dk-green), var(--dk-green-ink));
}
.dk-phone {
  position: relative; width: 170px; height: 330px; border-radius: 32px;
  background: #fff; border: 7px solid #0b0f0e;
  box-shadow: 0 30px 60px -20px rgba(0, 0, 0, .6);
  padding: 34px 14px 14px; display: flex; flex-direction: column; gap: 10px;
  transform: rotate(-6deg);
}
.dk-phone i { position: absolute; top: 9px; left: 50%; width: 46px; height: 6px; margin-left: -23px; border-radius: 6px; background: #0b0f0e; }
.dk-phone b { display: block; height: 56px; border-radius: 14px; background: var(--dk-mint); }
.dk-phone b:nth-of-type(1) { background: linear-gradient(135deg, var(--dk-green), var(--dk-green-2)); height: 86px; }
.dk-phone em { display: block; height: 34px; margin-top: auto; border-radius: 12px; background: var(--dk-yellow); }
.dk-modal__body { padding: 46px 40px 36px; display: flex; flex-direction: column; align-items: flex-start; gap: 14px; justify-content: center; }
.dk-chip { padding: 6px 16px; border-radius: 999px; background: var(--dk-yellow-soft); color: var(--dk-green); font-weight: 700; font-size: .85rem; }
.dk-modal__body h2 { margin: 0; font-size: clamp(1.5rem, 3vw, 2.15rem); line-height: 1.45; color: var(--dk-ink); font-weight: 700; }
.dk-modal__body p { margin: 0; color: var(--dk-text); line-height: 1.9; }
.dk-modal__later { margin-top: 4px; border: 0; background: none; color: var(--dk-text); cursor: pointer; font: 600 .92rem var(--dk-font) !important; text-decoration: underline; text-underline-offset: 4px; padding: 0 !important; box-shadow: none !important; }
.dk-modal__later:hover { color: var(--dk-green); background: none !important; transform: none; }

/* ---------- الفوتر ---------- */
#footer, footer.ct-footer {
  background: linear-gradient(180deg, var(--dk-green-deep), var(--dk-green-ink)) !important;
  border-top: 4px solid var(--dk-yellow);
}
#footer [data-row] { background: transparent !important; }
#footer, #footer a, #footer p, #footer .widget-title { color: rgba(255, 255, 255, .84); }
#footer a { transition: color .25s; }
#footer a:hover { color: var(--dk-yellow); }
#footer .wp-block-image img { width: 100px !important; height: 100px !important; padding: 10px; border-radius: 26px; }
.ct-footer-copyright p { display: flex; flex-direction: column; gap: 2px; margin: 0; font-size: .92rem; line-height: 1.8; }
/* الجوال: صف البحث أقل ارتفاعاً */
#header [data-device="mobile"] [data-row="bottom"],
#header [data-device="mobile"] [data-row="bottom"] > div { min-height: 48px !important; height: auto !important; }
#header [data-device="mobile"] [data-row="bottom"] { background: var(--dk-green-deep) !important; }
.ct-footer-copyright, .ct-footer-copyright p { white-space: nowrap; }
@media (max-width: 689px) { .ct-footer-copyright, .ct-footer-copyright p { white-space: normal; text-align: center; } }
.dk-credit__by a { color: var(--dk-yellow) !important; font-weight: 600; text-decoration: none; border-bottom: 1px solid rgba(253, 215, 70, .5); }
.dk-credit__by a:hover { border-bottom-color: var(--dk-yellow); }

/* أيقونات بطاقات «لماذا دار القلم» بحجم موحّد */
.elementor-element-99d931f .elementor-icon-box-icon .elementor-icon svg,
.elementor-element-99d931f .elementor-icon-box-icon .elementor-icon i { width: 28px !important; height: 28px !important; font-size: 28px !important; }

/* ترويسة الصفحات الداخلية: عنوان في المنتصف بدون صور الديكور */
body:not(.home) .elementor > .e-con.e-parent:first-child > .e-con-inner { justify-content: center !important; text-align: center; }
body:not(.home) .elementor > .e-con.e-parent:first-child > .e-con-inner > .e-con:last-child:not(:first-child) { display: none !important; }
body:not(.home) .elementor > .e-con.e-parent:first-child > .e-con-inner > .e-con:first-child { align-items: center; width: auto !important; }

/* =========================================================
   التجاوب
   ========================================================= */
@media (max-width: 999px) {
  .elementor-element-86c5f01 > .e-con-inner { grid-template-columns: 1fr; grid-template-areas: "text" "visual" "stats"; }
  .elementor-element-13db165 { align-items: center; text-align: center; }
  .dk-hero-cta { justify-content: center; }
  .elementor-element-99d931f > .e-con-inner, .elementor-element-e4f32e { grid-template-columns: 1fr; max-width: 560px; margin-inline: auto; }
  .elementor-element-c57dafe > .e-con-inner { grid-template-columns: 1fr; }
  .elementor-element-44ca4cf { order: -1; min-height: 180px; }
  body:not(.home) .elementor > .e-con.e-parent:first-child > .e-con-inner { flex-direction: column-reverse; text-align: center; }
}
@media (max-width: 760px) {
  #header .site-branding img { width: 50px !important; height: 50px !important; border-radius: 15px; padding: 4px; }
  .dk-modal { align-items: end; padding: 0; }
  .dk-modal__card { grid-template-columns: 1fr; border-radius: 28px 28px 0 0; width: 100%; }
  .dk-modal__art { display: none; }
  .dk-modal__body { padding: 44px 24px 28px; }
  .dk-chip-float.a { inset-inline-start: 0; }
  .dk-chip-float.b { inset-inline-end: 0; }
  .elementor-element-4cd50e5 { padding: 18px 4px !important; }
  .elementor-element-4cd50e5 > .elementor-widget { padding: 0 8px; }
  .elementor-element-4cd50e5 .elementor-widget-text-editor p { font-size: .8rem; }
  .elementor-element-4cd50e5 .elementor-counter-number-wrapper { font-size: 1.6rem !important; }
  .elementor-button { width: 100%; text-align: center; }
  body:not(.home) .elementor > .e-con.e-parent:first-child > .e-con-inner > .e-con:last-child { width: 150px !important; height: 150px !important; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* =========================================================
   الإصدار 4 — مسافات أدق، بطاقات بلا تراكب، تذييل Oudina، صفحات المشروع والتواصل
   ========================================================= */

/* ---------- بطاقات «لماذا دار القلم»: رقم في الزاوية بلا تراكب ---------- */
.elementor-element-99d931f .ct-hover-box { position: relative; padding: 34px 28px 30px !important; }
.elementor-element-9255bbf, .elementor-element-add2a4d, .elementor-element-d2dede6 {
  position: absolute !important;
  top: 20px;
  inset-inline-end: 24px;
  width: auto !important;
  margin: 0 !important;
  z-index: 0;
  pointer-events: none;
}
.elementor-element-99d931f .elementor-widget-heading .elementor-heading-title {
  font-size: 1.9rem !important;
  line-height: 1 !important;
  margin: 0 !important;
  opacity: .32 !important;
  color: var(--dk-green) !important;
  font-weight: 700 !important;
}
.elementor-element-99d931f .ct-hover-box:hover .elementor-widget-heading .elementor-heading-title { color: var(--dk-yellow) !important; opacity: .75 !important; }
.elementor-element-99d931f .elementor-widget-icon-box { position: relative; z-index: 1; }

/* ---------- مسافات الرئيسية ---------- */
.elementor-element-86c5f01 { padding-block: clamp(36px, 4.5vw, 64px) clamp(28px, 3.5vw, 48px) !important; }
.elementor-element-86c5f01 > .e-con-inner { gap: clamp(22px, 3vw, 40px) clamp(24px, 4vw, 56px); }
.elementor-element-5997d77 .elementor-heading-title { font-size: clamp(2.4rem, 4.8vw, 4.3rem) !important; }
.elementor-element-585090a { padding-top: clamp(40px, 5vw, 68px) !important; padding-bottom: 0 !important; }
.elementor-element-99d931f { padding-block: 22px clamp(40px, 5vw, 68px) !important; }
.elementor-element-3ff7931 { padding-block: clamp(40px, 5vw, 68px) !important; }
.elementor-element-3ff7931 > .e-con-inner { gap: 20px !important; }
.elementor-element-c57dafe { padding-block: clamp(40px, 5vw, 68px) !important; }
.elementor-element-f8d3e97, .elementor-element-44ca4cf { min-height: 240px; }

/* ---------- التذييل الاحترافي ---------- */
.ct-footer-copyright { display: none !important; }
#footer [data-row="middle"] .ct-container { padding-block: 30px 10px !important; }
#footer [data-row="bottom"] .ct-container { padding-block: 14px 20px !important; }
.dk-legal { border-top: 1px solid rgba(255, 255, 255, .14); background: rgba(0, 0, 0, .12); }
.dk-legal__in {
  width: var(--dk-wrap);
  margin-inline: auto;
  padding: 22px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px 36px;
  flex-wrap: wrap;
}
.dk-legal__brand { display: flex; align-items: center; gap: 16px; color: inherit; text-decoration: none !important; }
.dk-legal__brand img { height: 56px; width: auto; filter: brightness(0) invert(1); opacity: .94; transition: opacity .25s, transform .3s var(--dk-ease); }
.dk-legal__brand:hover img { opacity: 1; transform: scale(1.04); }
.dk-legal__sep { width: 1px; height: 36px; background: rgba(255, 255, 255, .22); }
.dk-legal__txt { font-size: .9rem; line-height: 1.75; color: rgba(255, 255, 255, .78); }
.dk-legal__txt b { display: block; color: #fff; font: 600 .98rem var(--dk-font-display) !important; letter-spacing: .01em; }
.dk-legal__dev { display: flex; align-items: center; gap: 12px; font-size: .88rem; color: rgba(255, 255, 255, .7); }
.dk-legal__dev a {
  display: inline-flex; align-items: center; gap: .55em;
  font: 700 .92rem "Space Grotesk", "Inter", system-ui, sans-serif !important;
  letter-spacing: .22em;
  text-transform: uppercase;
  direction: ltr;
  color: #fff !important;
  padding: 9px 18px;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 999px;
  text-decoration: none !important;
  transition: background .3s, border-color .3s, transform .3s var(--dk-ease);
}
.dk-legal__dev a span { color: var(--dk-yellow); }
.dk-legal__dev a:hover { background: rgba(255, 255, 255, .08); border-color: var(--dk-yellow); transform: translateY(-2px); }

/* =========================================================
   صفحة «عن المشروع»
   ========================================================= */
.elementor-element-07ad536 { display: none !important; } /* قسم روابط ZOOM */

.elementor-element-7ff0b2b > .e-con-inner,
.elementor-element-23309a5 > .e-con-inner,
.elementor-element-520474a > .e-con-inner,
.elementor-element-eaf801e > .e-con-inner {
  display: grid !important;
  grid-template-columns: minmax(190px, .55fr) minmax(0, 2fr);
  gap: 8px 56px;
  align-items: start;
}
.elementor-element-7ff0b2b > .e-con-inner > .elementor-widget-text-editor,
.elementor-element-23309a5 > .e-con-inner > .elementor-widget-text-editor,
.elementor-element-520474a > .e-con-inner > .elementor-widget-text-editor,
.elementor-element-eaf801e > .e-con-inner > .elementor-widget-text-editor { max-width: none !important; width: 100% !important; }
.elementor-element-7ff0b2b .elementor-widget-heading,
.elementor-element-23309a5 .elementor-widget-heading,
.elementor-element-520474a .elementor-widget-heading,
.elementor-element-eaf801e .elementor-widget-heading { position: sticky; top: 110px; }

.elementor-element-520474a ul {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.elementor-element-520474a li {
  margin: 0 !important;
  padding: 22px 22px 20px;
  background: #fff;
  border: 1px solid var(--dk-line);
  border-radius: 20px;
  box-shadow: var(--dk-shadow-sm);
  line-height: 1.9;
  transition: transform .4s var(--dk-ease), box-shadow .4s var(--dk-ease);
}
.elementor-element-520474a li:hover { transform: translateY(-5px); box-shadow: var(--dk-shadow-md); }
.elementor-element-520474a li b, .elementor-element-520474a li strong { display: block; color: var(--dk-green) !important; font: 700 1.05rem var(--dk-font-display); margin-bottom: 6px; }

/* دعوة التواصل أسفل الصفحة */
.elementor-element-7057aef { background: #fff !important; }
.elementor-element-7057aef > .e-con-inner {
  display: grid !important;
  grid-template-columns: 1.3fr .7fr;
  gap: 0 !important;
  padding: 0 !important;
  border-radius: 28px;
  overflow: hidden;
  box-shadow: var(--dk-shadow-lg);
  border: 1px solid var(--dk-line);
}
.elementor-element-b498fca, .elementor-element-1dcc92f { width: auto !important; margin: 0 !important; border-radius: 0 !important; min-height: 240px; }
.elementor-element-b498fca { align-items: center; justify-content: center; text-align: center; gap: 14px; padding: 36px 28px !important; background: linear-gradient(160deg, #fff, var(--dk-mist)) !important; }
.elementor-element-1dcc92f { background: var(--dk-yellow) !important; overflow: hidden; }
.elementor-element-1dcc92f img { width: 100%; height: 100%; object-fit: cover; }

/* =========================================================
   صفحة «تواصل معنا»
   ========================================================= */
.elementor-element-4d7de9d > .e-con-inner {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
  grid-auto-rows: auto;
  gap: 16px 32px;
  align-items: stretch;
}
.elementor-element-a5edd15, .elementor-element-41ad8d4 { grid-column: 1; width: 100% !important; align-self: center; }
.elementor-element-313b5a0 { grid-column: 2; grid-row: 1 / span 2; width: 100% !important; min-height: 280px; }
.elementor-element-4bac110 { display: none !important; }
.elementor-element-313b5a0 .elementor-widget-container, .elementor-element-313b5a0 .elementor-custom-embed { height: 100%; }
.elementor-element-313b5a0 iframe { width: 100%; height: 100% !important; min-height: 280px; border: 0; }

.elementor-element-62eb7ad { padding-bottom: 0 !important; }
.elementor-element-62eb7ad > .e-con-inner { align-items: center; text-align: center; gap: 6px; }
.elementor-element-947cf9c, .elementor-element-947cf9c .elementor-widget-container { height: auto !important; }
.elementor-element-947cf9c .elementor-heading-title { text-align: center; padding-bottom: 14px !important; }
.elementor-element-947cf9c .elementor-heading-title::after { inset-inline-start: 50% !important; transform: translateX(50%); }
.elementor-element-df94693 { margin: 0 auto !important; text-align: center; }
.elementor-element-a1158e9 { padding-top: 22px !important; }
.elementor-element-a1158e9 > .e-con-inner { max-width: 820px !important; }
.elementor-element-5efd1a9 { width: 100% !important; }

/* =========================================================
   التجاوب — تابلت وهاتف
   ========================================================= */
@media (max-width: 1024px) {
  .elementor-element-520474a ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .elementor-element-7ff0b2b > .e-con-inner, .elementor-element-23309a5 > .e-con-inner,
  .elementor-element-520474a > .e-con-inner, .elementor-element-eaf801e > .e-con-inner { grid-template-columns: 1fr; gap: 4px; }
  .elementor-element-7ff0b2b .elementor-widget-heading, .elementor-element-23309a5 .elementor-widget-heading,
  .elementor-element-520474a .elementor-widget-heading, .elementor-element-eaf801e .elementor-widget-heading { position: static; }
  .elementor-element-4d7de9d > .e-con-inner { grid-template-columns: 1fr; }
  .elementor-element-a5edd15, .elementor-element-41ad8d4, .elementor-element-313b5a0 { grid-column: 1; grid-row: auto; }
  .elementor-element-7057aef > .e-con-inner { grid-template-columns: 1fr; }
  .elementor-element-1dcc92f { min-height: 160px; max-height: 220px; order: -1; }
  .dk-legal__in { justify-content: center; text-align: center; }
  .dk-legal__brand { flex-direction: column; gap: 10px; }
  .dk-legal__sep { display: none; }
}
@media (max-width: 760px) {
  .elementor-element-520474a ul { grid-template-columns: 1fr; }
  .elementor-element-99d931f .ct-hover-box { padding: 30px 22px 26px !important; }
  .dk-legal__dev { flex-direction: column; gap: 8px; }
  .dk-legal__brand img { height: 48px; }
  #footer [data-row="bottom"] .ct-container { padding-block: 10px 16px !important; }
}

/* ---------- تحسينات الدفعة الأخيرة ---------- */
.elementor-element-7ff0b2b > .e-con-inner, .elementor-element-23309a5 > .e-con-inner,
.elementor-element-520474a > .e-con-inner, .elementor-element-eaf801e > .e-con-inner { grid-template-columns: minmax(250px, .75fr) minmax(0, 2fr); }
.elementor-element-7ff0b2b, .elementor-element-23309a5, .elementor-element-520474a, .elementor-element-eaf801e { padding-block: clamp(28px, 3.6vw, 52px) !important; }
.elementor-element-7ff0b2b .elementor-widget-text-editor, .elementor-element-23309a5 .elementor-widget-text-editor,
.elementor-element-eaf801e .elementor-widget-text-editor { font-size: 1.1rem; max-width: 70ch !important; }
.elementor-element-7ff0b2b .elementor-widget-text-editor p, .elementor-element-23309a5 .elementor-widget-text-editor p,
.elementor-element-eaf801e .elementor-widget-text-editor p { margin: 0 0 1em; }
.elementor-element-1dcc92f { display: none !important; }
.elementor-element-7057aef > .e-con-inner { grid-template-columns: 1fr; }
.elementor-element-b498fca { padding: 44px 28px !important; }
.dk-legal__txt b { direction: ltr; text-align: start; unicode-bidi: isolate; }
@media (max-width: 1024px) {
  .elementor-element-7ff0b2b > .e-con-inner, .elementor-element-23309a5 > .e-con-inner,
  .elementor-element-520474a > .e-con-inner, .elementor-element-eaf801e > .e-con-inner { grid-template-columns: 1fr; }
}
.elementor-element-947cf9c .elementor-heading-title { font-size: clamp(1.4rem, 2.4vw, 2rem) !important; max-width: 760px; margin-inline: auto; }
.elementor-element-313b5a0 { border-radius: 24px; overflow: hidden; background: var(--dk-mist); box-shadow: var(--dk-shadow-md); }

/* روابط اجتماعية فارغة تُخفى قبل تنفيذ JS */
.ct-footer-socials a[href="#"] { display: none !important; }

/* بطاقات «لماذا دار القلم»: الأيقونة مكان الرقم، والرقم محذوف */
.elementor-element-9255bbf, .elementor-element-add2a4d, .elementor-element-d2dede6 { display: none !important; }
.elementor-element-99d931f .ct-hover-box { padding-top: 34px !important; }
.elementor-element-99d931f .elementor-widget-icon-box { position: relative; z-index: 2; }
.elementor-element-99d931f .elementor-icon-box-icon { margin: 0 0 14px !important; }

/* هوامش موروثة كبيرة في الرئيسية */
.elementor-element-86c5f01 { margin-bottom: 0 !important; }
.elementor-element-13db165, .elementor-element-844bd62, .elementor-element-4cd50e5 { margin: 0 !important; }
.elementor-element-3ff7931 .elementor-widget, .elementor-element-3ff7931 .e-con { min-height: 0 !important; }
.elementor-element-99d931f .elementor-widget-icon-box .elementor-widget-container { margin: 0 !important; transform: none !important; }
.elementor-element-99d931f .elementor-widget-icon-box { margin: 0 !important; }