/*
 * =========================================================
 * Pulse Premium — نظام التصميم الطبي العربي
 * Arabic Medical Design System — v2.0
 *
 * المبادئ: الثقة · الوضوح · سهولة القراءة العربية
 * Principles: Trust · Clarity · Arabic Readability
 *
 * Standards: CSS3 · WCAG 2.1 AA · Core Web Vitals safe · RTL-first
 * =========================================================
 */

/* ─────────────────────────────────────────────
   0. CUSTOM PROPERTIES — المتغيرات المخصصة
   ───────────────────────────────────────────── */
:root {
  /* ── الألوان الطبية الرئيسية ── */
  --clr-bg:           #f4f7fb;
  --clr-surface:      #ffffff;
  --clr-surface-alt:  #eef3f9;
  --clr-surface-deep: #e4ecf5;
  --clr-border:       #dae3ef;
  --clr-border-light: #edf2f8;

  --clr-primary:       #1055a8;  /* أزرق طبي داكن — يوحي بالثقة */
  --clr-primary-dark:  #0a3d7a;
  --clr-primary-mid:   #1a6db5;
  --clr-primary-pale:  #ddeeff;

  --clr-accent:        #0891b2;  /* فيروزي طبي — عصري ونظيف */
  --clr-accent-dark:   #0e7490;
  --clr-accent-light:  #cffafe;

  --clr-gold:          #d97706;  /* ذهبي للتمييز — الخبراء والمراجعين */
  --clr-gold-pale:     #fef3c7;

  --clr-text:          #1a2535;  /* نص رئيسي — داكن وواضح */
  --clr-text-muted:    #4a5f77;  /* نص ثانوي */
  --clr-text-light:    #687d96;
  --clr-heading:       #0d1b2a;  /* عناوين داكنة جداً للثقة */

  --clr-success:       #0f9d6a;
  --clr-success-pale:  #e6f7f2;
  --clr-warning:       #d97706;
  --clr-warning-pale:  #fefce8;
  --clr-danger:        #dc2626;
  --clr-danger-pale:   #fef2f2;

  --clr-overlay:       rgba(10, 25, 47, 0.62);
  --clr-blockquote-bar: var(--clr-accent);
  --clr-code-bg:       #f0f5fb;

  /* ── الخطوط العربية ── */
  --font-display: 'Cairo', 'Tajawal', system-ui, sans-serif;
  --font-body:    'Noto Sans Arabic', 'Cairo', system-ui, sans-serif;
  --font-mono:    'Courier New', monospace;

  /* ── مقياس الأحجام ── */
  --fs-xs:   0.75rem;   /* 12px */
  --fs-sm:   0.875rem;  /* 14px */
  --fs-base: 1rem;      /* 16px */
  --fs-md:   1.125rem;  /* 18px */
  --fs-lg:   1.25rem;   /* 20px */
  --fs-xl:   1.5rem;    /* 24px */
  --fs-2xl:  1.875rem;  /* 30px */
  --fs-3xl:  2.25rem;   /* 36px */
  --fs-4xl:  2.75rem;   /* 44px */

  --fw-regular:  400;
  --fw-medium:   500;
  --fw-semibold: 600;
  --fw-bold:     700;
  --fw-extrabold:800;

  /* ارتفاعات الأسطر — مُحسَّنة للعربية */
  --lh-tight:   1.3;
  --lh-snug:    1.5;
  --lh-normal:  1.7;
  --lh-loose:   1.9;
  --lh-article: 2.0;   /* خاص بالمقالات الطبية */

  /* ── المسافات ── */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;

  /* ── التخطيط ── */
  --max-width:     1200px;
  --sidebar-width: 300px;
  --content-width: 860px;
  --article-max:   740px;
  --gutter:        1.5rem;

  /* ── الحواف ── */
  --radius-sm:  4px;
  --radius-md:  8px;
  --radius-lg:  12px;
  --radius-xl:  18px;
  --radius-2xl: 24px;
  --radius-pill:9999px;

  /* ── الظلال ── */
  --shadow-xs:    0 1px 2px rgba(16,85,168,.04);
  --shadow-sm:    0 2px 8px rgba(16,85,168,.07);
  --shadow-md:    0 4px 16px rgba(16,85,168,.10);
  --shadow-lg:    0 8px 32px rgba(16,85,168,.13);
  --shadow-card:  0 2px 8px rgba(16,85,168,.06), 0 1px 3px rgba(0,0,0,.04);
  --shadow-focus: 0 0 0 3px rgba(16,85,168,.22);
  --shadow-trust: 0 0 0 1px rgba(16,85,168,.08), 0 4px 16px rgba(16,85,168,.08);

  /* ── الانتقالات ── */
  --trans-fast: 150ms ease;
  --trans-base: 250ms ease;
  --trans-slow: 400ms ease;

  /* ── مميزات طبية خاصة ── */
  --medical-stripe: linear-gradient(135deg, var(--clr-primary) 0%, var(--clr-accent) 100%);
  --medical-stripe-pale: linear-gradient(135deg, var(--clr-primary-pale) 0%, var(--clr-accent-light) 100%);
}


/* ─────────────────────────────────────────────
   1. RESET & BASE — الأساس
   ───────────────────────────────────────────── */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-size: 16px;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  /* RTL فعلي دائماً */
  direction: rtl;
}

body {
  font-family: var(--font-body);
  font-size: var(--fs-base);
  line-height: var(--lh-normal);
  color: var(--clr-text);
  background-color: var(--clr-bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  direction: rtl;
  text-align: right;
}

img, video, svg {
  display: block;
  max-width: 100%;
  height: auto;
}

a {
  color: var(--clr-primary);
  text-decoration: none;
  transition: color var(--trans-fast);
}
a:hover,
a:focus-visible {
  color: var(--clr-primary-dark);
  text-decoration: underline;
}

:focus-visible {
  outline: 2px solid var(--clr-primary);
  outline-offset: 3px;
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-focus);
}

ul, ol { list-style: none; }

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-display);
  font-weight: var(--fw-bold);
  line-height: var(--lh-tight);
  color: var(--clr-heading);
  letter-spacing: -0.01em;
}

/* ── تخطى إلى المحتوى ── */
.skip-link {
  position: absolute;
  top: -40px;
  right: 0;
  background: var(--clr-primary);
  color: #fff;
  padding: var(--space-2) var(--space-4);
  font-size: var(--fs-sm);
  font-family: var(--font-display);
  border-radius: 0 0 var(--radius-sm) var(--radius-sm);
  transition: top var(--trans-fast);
  z-index: 9999;
}
.skip-link:focus { top: 0; }

/* ── تحديد النص ── */
::selection {
  background: var(--clr-primary-pale);
  color: var(--clr-primary-dark);
}


/* ─────────────────────────────────────────────
   2. WORDPRESS ADMIN BAR
   ───────────────────────────────────────────── */
#wpadminbar {
  font-family: var(--font-body) !important;
  font-size: var(--fs-sm);
}
@media screen {
  html { margin-top: 32px !important; }
  .pulse-header.is-sticky { top: 32px; }
}
@media screen and (max-width: 782px) {
  html { margin-top: 46px !important; }
  .pulse-header.is-sticky { top: 46px; }
}
@media screen and (max-width: 600px) {
  .pulse-header.is-sticky { top: 0; }
}


/* ─────────────────────────────────────────────
   3. LAYOUT — التخطيط
   ───────────────────────────────────────────── */
#page { display: flex; flex-direction: column; min-height: 100vh; }

.pulse-container {
  width: 100%;
  max-width: var(--max-width);
  margin-inline: auto;
  padding-inline: var(--gutter);
}

#content.site-content {
  flex: 1;
  padding-block: var(--space-8) var(--space-16);
}


/* ─────────────────────────────────────────────
   4. TOPBAR — الشريط العلوي
   ───────────────────────────────────────────── */
.pulse-header__topbar {
  background: linear-gradient(90deg, var(--clr-primary-dark) 0%, var(--clr-primary) 100%);
  color: rgba(255,255,255,0.85);
  font-size: var(--fs-xs);
  font-family: var(--font-display);
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

.pulse-header__topbar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 36px;
  gap: var(--space-4);
}

.pulse-topbar-date {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  font-weight: var(--fw-medium);
  color: rgba(255,255,255,0.75);
}

.pulse-topbar-date::before {
  content: '📅';
  font-size: 11px;
}

.pulse-topbar-links .menu {
  display: flex !important;
  align-items: center;
  gap: var(--space-1);
  flex-direction: row !important;
  direction: rtl !important;
  justify-content: flex-start !important;
}

.pulse-topbar-links .menu-item a {
  display: block;
  color: rgba(255,255,255,0.75);
  font-weight: var(--fw-medium);
  padding: var(--space-1) var(--space-3);
  border-radius: var(--radius-sm);
  transition: color var(--trans-fast), background var(--trans-fast);
  text-decoration: none;
}

.pulse-topbar-links .menu-item a:hover {
  color: #fff;
  background: rgba(255,255,255,0.1);
  text-decoration: none;
}


/* ─────────────────────────────────────────────
   5. HEADER — الترويسة الطبية
   ───────────────────────────────────────────── */
.site-header.pulse-header {
  position: sticky;
  top: 0;
  z-index: 200;
  background-color: var(--clr-surface);
  border-bottom: 2px solid var(--clr-primary-pale);
  box-shadow: 0 2px 12px rgba(16,85,168,.07);
  transition: all var(--trans-base);
}

/* رأس لاصق مع تأثير الشفافية */
.pulse-header.is-sticky {
  background-color: rgba(255,255,255,0.94);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom-color: var(--clr-border);
  box-shadow: 0 4px 24px rgba(16,85,168,.10);
}

.pulse-header__inner {
  display: flex;
  align-items: center;
  gap: var(--space-6);
  padding-block: var(--space-3);
  min-height: 68px;
  transition: min-height var(--trans-base), padding var(--trans-base);
}

.is-sticky .pulse-header__inner {
  min-height: 54px;
  padding-block: var(--space-2);
}

/* ── الشعار ── */
.pulse-header__branding img {
  max-height: 52px;
  width: auto;
  transition: max-height var(--trans-base);
}
.is-sticky .pulse-header__branding img { max-height: 40px; }

.pulse-header__branding .site-title {
  font-family: var(--font-display);
  font-size: var(--fs-xl);
  font-weight: var(--fw-extrabold);
  line-height: 1;
  margin: 0;
}
.pulse-header__branding .site-title a {
  color: var(--clr-primary);
  text-decoration: none;
  letter-spacing: -0.02em;
  display: flex;
  align-items: center;
  gap: var(--space-3);
}
/* خط لاصق جانبي مميز */
.pulse-header__branding .site-title a::before {
  content: '';
  display: inline-block;
  width: 5px;
  height: 32px;
  background: var(--medical-stripe);
  border-radius: var(--radius-pill);
  flex-shrink: 0;
}
.pulse-header__branding .site-title a:hover {
  color: var(--clr-primary-dark);
  text-decoration: none;
}

/* شعار الموقع الوصفي */
.pulse-header__branding .site-description {
  font-size: var(--fs-xs);
  color: var(--clr-text-light);
  font-family: var(--font-body);
  margin: 2px 0 0 0;
  padding-inline-start: calc(5px + var(--space-3));
  font-weight: var(--fw-medium);
}

/* ── القائمة الرئيسية ── */
.pulse-header__nav { margin-inline-start: auto; }

.main-navigation .menu {
  display: flex !important;
  align-items: center;
  gap: var(--space-1);
  flex-wrap: wrap;
  flex-direction: row !important;
  direction: rtl !important;
  justify-content: flex-start !important;
}

.main-navigation .menu-item a {
  display: block;
  padding: var(--space-2) var(--space-4);
  font-size: var(--fs-sm);
  font-weight: var(--fw-semibold);
  font-family: var(--font-display);
  color: var(--clr-text-muted);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: background var(--trans-fast), color var(--trans-fast);
  white-space: nowrap;
}
.main-navigation .menu-item a:hover,
.main-navigation .menu-item.current-menu-item a,
.main-navigation .menu-item.current-post-ancestor > a,
.main-navigation .menu-item.current_page_item a {
  background: var(--clr-primary-pale);
  color: var(--clr-primary);
  text-decoration: none;
}

/* زر قائمة الموبايل */
.menu-toggle {
  display: none;
  background: transparent;
  border: 1.5px solid var(--clr-border);
  border-radius: var(--radius-md);
  padding: var(--space-2);
  cursor: pointer;
  color: var(--clr-text);
  line-height: 1;
  transition: background var(--trans-fast), border-color var(--trans-fast);
}
.menu-toggle:hover {
  background: var(--clr-primary-pale);
  border-color: var(--clr-primary);
  color: var(--clr-primary);
}

/* أدوات الرأس (البحث) */
.pulse-header__utilities { margin-inline-start: var(--space-2); }
.pulse-search-toggle {
  background: transparent;
  border: 1.5px solid var(--clr-border);
  border-radius: var(--radius-md);
  padding: var(--space-2);
  cursor: pointer;
  color: var(--clr-text-muted);
  line-height: 1;
  transition: background var(--trans-fast), color var(--trans-fast), border-color var(--trans-fast);
}
.pulse-search-toggle:hover {
  background: var(--clr-primary-pale);
  color: var(--clr-primary);
  border-color: var(--clr-primary);
}

/* شارة "مراجع طبياً" في الرأس */
.pulse-header-verified-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  background: var(--clr-success-pale);
  border: 1px solid rgba(15,157,106,0.25);
  color: var(--clr-success);
  font-size: var(--fs-xs);
  font-weight: var(--fw-semibold);
  font-family: var(--font-display);
  padding: 4px var(--space-3);
  border-radius: var(--radius-pill);
  white-space: nowrap;
}


/* ─────────────────────────────────────────────
   6. HERO — القسم الرئيسي
   ───────────────────────────────────────────── */
.pulse-hero { margin-bottom: var(--space-12); }

.pulse-hero__wrapper {
  display: grid;
  grid-template-columns: 1fr 360px;
  gap: var(--space-4);
  align-items: start;
}

/* البطاقات الأساسية */
.pulse-hero-card {
  position: relative;
  border-radius: var(--radius-xl);
  overflow: hidden;
  background: var(--clr-surface);
  box-shadow: var(--shadow-trust);
  transition: transform var(--trans-base), box-shadow var(--trans-base);
  border: 1px solid var(--clr-border-light);
}
.pulse-hero-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow-lg);
}

.pulse-hero-card__bg {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.pulse-hero-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform var(--trans-slow);
}
.pulse-hero-card:hover .pulse-hero-card__img { transform: scale(1.04); }

.pulse-hero-card__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(10,25,47,.88) 0%,
    rgba(10,25,47,.40) 45%,
    rgba(10,25,47,.05) 100%
  );
  pointer-events: none;
}

.pulse-hero-card__content {
  position: absolute;
  inset-inline: 0;
  bottom: 0;
  padding: var(--space-6);
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

/* البطاقة الرئيسية */
.pulse-hero__main .pulse-hero-card__bg { aspect-ratio: 16/9; min-height: 380px; }

.pulse-hero__main .pulse-hero-card__title {
  font-size: var(--fs-xl);
  font-weight: var(--fw-extrabold);
  font-family: var(--font-display);
  line-height: var(--lh-snug);
  color: #ffffff;
  text-shadow: 0 2px 8px rgba(0,0,0,.35);
}
.pulse-hero__main .pulse-hero-card__title a {
  color: inherit;
  text-decoration: none;
}
.pulse-hero__main .pulse-hero-card__title a:hover { text-decoration: underline; }

/* الشبكة الجانبية */
.pulse-hero__side-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-3);
}
.pulse-hero__side .pulse-hero-card__bg { aspect-ratio: 4/3; }
.pulse-hero__side .pulse-hero-card__content { padding: var(--space-3); }
.pulse-hero__side .pulse-hero-card__title {
  font-size: var(--fs-sm);
  font-weight: var(--fw-bold);
  font-family: var(--font-display);
  line-height: var(--lh-snug);
  color: #fff;
}
.pulse-hero__side .pulse-hero-card__title a {
  color: inherit;
  text-decoration: none;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* الشارات */
.pulse-badge {
  display: inline-flex;
  align-items: center;
  padding: 3px var(--space-3);
  border-radius: var(--radius-pill);
  font-size: var(--fs-xs);
  font-weight: var(--fw-semibold);
  font-family: var(--font-display);
  line-height: 1.5;
  width: fit-content;
  white-space: nowrap;
}
.pulse-badge--primary {
  background: rgba(16,85,168,.92);
  color: #fff;
  border: 1px solid rgba(255,255,255,.15);
}
.pulse-badge--primary a { color: inherit; text-decoration: none; }

.pulse-badge--verified {
  background: var(--clr-success-pale);
  color: var(--clr-success);
  border: 1px solid rgba(15,157,106,.25);
}

/* الميتا في الهيرو */
.pulse-hero-card__meta.pulse-meta {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  font-size: var(--fs-xs);
  font-family: var(--font-body);
  color: rgba(255,255,255,.80);
}
.pulse-meta-item { display: flex; align-items: center; gap: var(--space-1); }
.pulse-meta-item a { color: inherit; text-decoration: none; }
.pulse-meta-item a:hover { text-decoration: underline; }


/* ─────────────────────────────────────────────
   7. LAYOUT — عمودان (محتوى + شريط جانبي)
   ───────────────────────────────────────────── */
.pulse-layout-split {
  display: grid;
  grid-template-columns: 1fr var(--sidebar-width);
  gap: var(--space-8);
  align-items: start;
}
.pulse-layout-split.sidebar-left {
  grid-template-columns: var(--sidebar-width) 1fr;
}
.pulse-layout-split__main { min-width: 0; }
.pulse-layout-split__sidebar {
  position: sticky;
  top: calc(68px + var(--space-4));
}


/* ─────────────────────────────────────────────
   8. SECTION HEADERS — عناوين الأقسام
   ───────────────────────────────────────────── */
.pulse-section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  margin-bottom: var(--space-6);
  padding-bottom: var(--space-4);
  border-bottom: 2px solid var(--clr-border);
}

.pulse-section-title {
  font-size: var(--fs-lg);
  font-weight: var(--fw-extrabold);
  font-family: var(--font-display);
  color: var(--clr-heading);
  display: flex;
  align-items: center;
  gap: var(--space-3);
  margin: 0;
}
.pulse-section-title::before {
  content: '';
  display: inline-block;
  width: 5px;
  height: 24px;
  background: var(--medical-stripe);
  border-radius: var(--radius-pill);
  flex-shrink: 0;
}

.pulse-section-more {
  font-size: var(--fs-xs);
  font-weight: var(--fw-semibold);
  font-family: var(--font-display);
  color: var(--clr-primary);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  padding: var(--space-1) var(--space-3);
  border: 1px solid var(--clr-primary-pale);
  border-radius: var(--radius-pill);
  transition: all var(--trans-fast);
  white-space: nowrap;
}
.pulse-section-more:hover {
  background: var(--clr-primary);
  color: #fff;
  border-color: var(--clr-primary);
  text-decoration: none;
}


/* ─────────────────────────────────────────────
   9. ARTICLE CARDS — بطاقات المقالات
   ───────────────────────────────────────────── */
.pulse-grid { display: grid; gap: var(--space-5); }
.pulse-grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
.pulse-grid-desktop-3 { grid-template-columns: repeat(3, 1fr); }
.pulse-grid-desktop-4 { grid-template-columns: repeat(4, 1fr); }

.pulse-card {
  background: var(--clr-surface);
  border-radius: var(--radius-lg);
  border: 1px solid var(--clr-border-light);
  overflow: hidden;
  box-shadow: var(--shadow-card);
  transition: box-shadow var(--trans-base), transform var(--trans-base);
  display: flex;
  flex-direction: column;
}
.pulse-card:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-3px);
}

.pulse-card__thumb {
  display: block;
  overflow: hidden;
  aspect-ratio: 16/9;
  background: var(--clr-surface-alt);
  flex-shrink: 0;
}
.pulse-card__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--trans-slow);
}
.pulse-card:hover .pulse-card__thumb img { transform: scale(1.05); }

.pulse-card__body {
  padding: var(--space-5);
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  flex: 1;
}

.pulse-card__header { display: flex; flex-direction: column; gap: var(--space-2); }

.pulse-card__cat {
  font-size: var(--fs-xs);
  font-weight: var(--fw-bold);
  font-family: var(--font-display);
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--clr-accent-dark);
  display: block;
}
.pulse-card__cat a { color: inherit; text-decoration: none; }
.pulse-card__cat a:hover { color: var(--clr-primary); }

.pulse-card__title {
  font-size: var(--fs-base);
  font-weight: var(--fw-bold);
  font-family: var(--font-display);
  line-height: var(--lh-snug);
  color: var(--clr-heading);
}
.pulse-card__title a { color: inherit; text-decoration: none; }
.pulse-card__title a:hover { color: var(--clr-primary); }

.pulse-card__excerpt {
  font-size: var(--fs-sm);
  color: var(--clr-text-muted);
  line-height: var(--lh-normal);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.pulse-card__meta {
  margin-top: auto;
  padding-top: var(--space-3);
  border-top: 1px solid var(--clr-border-light);
  font-size: var(--fs-xs);
  font-family: var(--font-body);
  color: var(--clr-text-light);
  display: flex;
  align-items: center;
  gap: var(--space-3);
  flex-wrap: wrap;
}

/* شارة التحقق الطبي على البطاقة */
.pulse-card__verified {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  font-size: 10px;
  font-weight: var(--fw-bold);
  color: var(--clr-success);
  background: var(--clr-success-pale);
  padding: 2px var(--space-2);
  border-radius: var(--radius-pill);
  border: 1px solid rgba(15,157,106,.2);
}


/* ─────────────────────────────────────────────
   10. SINGLE ARTICLE — المقال الطبي
   ───────────────────────────────────────────── */
.pulse-single-article {
  background: var(--clr-surface);
  border-radius: var(--radius-xl);
  overflow: hidden;
  box-shadow: var(--shadow-trust);
  border: 1px solid var(--clr-border-light);
}

/* رأس المقال */
.pulse-single-article__header.pulse-premium-header {
  background: linear-gradient(135deg, #0a1e38 0%, #0f2d52 55%, #1055a8 100%);
  padding-block: var(--space-12) var(--space-10);
  position: relative;
  overflow: hidden;
}

.pulse-single-article__header.pulse-premium-header::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(circle at 15% 50%, rgba(8,145,178,.12) 0%, transparent 55%),
    radial-gradient(circle at 85% 20%, rgba(16,85,168,.15) 0%, transparent 55%);
  pointer-events: none;
}

/* زخرفة هندسية طبية */
.pulse-single-article__header.pulse-premium-header::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: var(--medical-stripe);
}

.pulse-single-article__header .pulse-container { position: relative; z-index: 1; }

.pulse-single-title-wrapper { max-width: var(--article-max); }

.pulse-single-article__title {
  font-size: var(--fs-2xl);
  font-weight: var(--fw-extrabold);
  font-family: var(--font-display);
  line-height: var(--lh-snug);
  color: #ffffff;
  margin-bottom: var(--space-5);
  max-width: var(--article-max);
  text-shadow: 0 2px 6px rgba(0,0,0,.25);
}

/* شريط الميتا */
.pulse-single-article__meta.pulse-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-3);
  font-size: var(--fs-sm);
  font-family: var(--font-body);
  color: rgba(255,255,255,.78);
}
.pulse-meta-item { display: flex; align-items: center; gap: var(--space-1); }
.pulse-meta-item a { color: rgba(255,255,255,.82); text-decoration: none; }
.pulse-meta-item a:hover { color: #fff; text-decoration: underline; }
.pulse-meta-divider { color: rgba(255,255,255,.3); }
.byline .author.vcard a { font-weight: var(--fw-semibold); color: #fff; }

/* الصورة المميزة */
.pulse-single-article__media { border-bottom: 1px solid var(--clr-border-light); }
.pulse-post-thumbnail { overflow: hidden; max-height: 500px; }
.pulse-post-thumbnail__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
}

/* ── محتوى المقال ── */
.pulse-single-article__content.entry-content {
  padding: var(--space-10) var(--space-12);
  max-width: calc(var(--article-max) + var(--space-12) * 2);
}

/* الفقرات — قراءة عربية مُحسَّنة */
.entry-content p {
  font-size: var(--fs-md);
  line-height: var(--lh-article);
  color: var(--clr-text);
  margin-bottom: var(--space-5);
  font-family: var(--font-body);
}
.entry-content p:last-child { margin-bottom: 0; }

/* الفقرة الأولى — مميزة */
.entry-content > p:first-of-type {
  font-size: var(--fs-lg);
  color: var(--clr-text);
  font-weight: var(--fw-medium);
  font-family: var(--font-display);
  line-height: var(--lh-loose);
  padding: var(--space-5) var(--space-6);
  background: linear-gradient(135deg, var(--clr-primary-pale) 0%, var(--clr-accent-light) 100%);
  border-radius: var(--radius-lg);
  border-inline-start: 5px solid var(--clr-primary);
  margin-bottom: var(--space-8);
  position: relative;
}

/* العناوين الفرعية */
.entry-content h2 {
  font-size: var(--fs-xl);
  font-weight: var(--fw-extrabold);
  font-family: var(--font-display);
  color: var(--clr-heading);
  margin-top: var(--space-12);
  margin-bottom: var(--space-5);
  padding-bottom: var(--space-3);
  border-bottom: 2px solid var(--clr-border);
  display: flex;
  align-items: center;
  gap: var(--space-3);
}
.entry-content h2::before {
  content: '';
  display: inline-block;
  width: 5px;
  height: 26px;
  background: var(--medical-stripe);
  border-radius: var(--radius-pill);
  flex-shrink: 0;
}

.entry-content h3 {
  font-size: var(--fs-lg);
  font-weight: var(--fw-bold);
  font-family: var(--font-display);
  color: var(--clr-primary-dark);
  background: var(--clr-primary-pale);
  padding: var(--space-3) var(--space-5);
  border-radius: var(--radius-md);
  border-inline-start: 4px solid var(--clr-primary);
  margin-top: var(--space-8);
  margin-bottom: var(--space-4);
}

.entry-content h4 {
  font-size: var(--fs-base);
  font-weight: var(--fw-bold);
  font-family: var(--font-display);
  color: var(--clr-heading);
  margin-top: var(--space-6);
  margin-bottom: var(--space-3);
}

/* القوائم */
.entry-content ul,
.entry-content ol {
  padding-inline-start: var(--space-6);
  margin-bottom: var(--space-5);
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.entry-content ul { list-style: none; }
.entry-content ul li {
  position: relative;
  padding-inline-start: var(--space-6);
  font-size: var(--fs-base);
  line-height: var(--lh-normal);
  color: var(--clr-text);
  font-family: var(--font-body);
}
.entry-content ul li::before {
  content: '';
  position: absolute;
  inset-inline-start: 0;
  top: .65em;
  width: 8px;
  height: 8px;
  background: var(--clr-accent);
  border-radius: 50%;
}
.entry-content ol { list-style: decimal; }
.entry-content ol li {
  font-size: var(--fs-base);
  font-family: var(--font-body);
  line-height: var(--lh-normal);
  color: var(--clr-text);
  padding-inline-start: var(--space-2);
}
.entry-content ol li::marker {
  color: var(--clr-primary);
  font-weight: var(--fw-bold);
  font-family: var(--font-display);
}

/* الاقتباسات */
.entry-content blockquote {
  border-inline-start: 5px solid var(--clr-accent);
  background: var(--clr-accent-light);
  padding: var(--space-5) var(--space-6);
  border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
  margin-block: var(--space-6);
  font-style: normal;
  color: var(--clr-primary-dark);
  font-family: var(--font-display);
  font-weight: var(--fw-medium);
}
.entry-content blockquote p {
  font-size: var(--fs-md);
  margin-bottom: 0;
  line-height: var(--lh-loose);
}

/* الجداول */
.entry-content table {
  width: 100%;
  border-collapse: collapse;
  margin-block: var(--space-6);
  font-size: var(--fs-sm);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  font-family: var(--font-body);
}
.entry-content thead { background: var(--clr-primary); color: #fff; }
.entry-content thead th {
  padding: var(--space-3) var(--space-4);
  font-weight: var(--fw-semibold);
  font-family: var(--font-display);
  text-align: right;
}
.entry-content tbody tr { border-bottom: 1px solid var(--clr-border-light); }
.entry-content tbody tr:nth-child(even) { background: var(--clr-surface-alt); }
.entry-content tbody td {
  padding: var(--space-3) var(--space-4);
  color: var(--clr-text);
  text-align: right;
}
.entry-content strong, .entry-content b {
  font-weight: var(--fw-bold);
  color: var(--clr-heading);
}
.entry-content hr {
  border: none;
  border-top: 2px solid var(--clr-border);
  margin-block: var(--space-8);
  border-radius: var(--radius-pill);
}
.entry-content img {
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  margin-block: var(--space-5);
}
.entry-content figure { margin-block: var(--space-6); }
.entry-content figcaption {
  font-size: var(--fs-sm);
  color: var(--clr-text-muted);
  text-align: center;
  margin-top: var(--space-2);
  font-style: italic;
  font-family: var(--font-body);
}
.entry-content code {
  font-family: var(--font-mono);
  font-size: 0.875em;
  background: var(--clr-code-bg);
  color: var(--clr-primary-dark);
  padding: .1em .4em;
  border-radius: var(--radius-sm);
  border: 1px solid var(--clr-border);
}
.entry-content pre {
  background: var(--clr-code-bg);
  border: 1px solid var(--clr-border);
  border-radius: var(--radius-md);
  padding: var(--space-5);
  overflow-x: auto;
  margin-block: var(--space-5);
}
.entry-content pre code { background: transparent; border: none; padding: 0; font-size: var(--fs-sm); }


/* ─────────────────────────────────────────────
   11. MEDICAL TRUST ELEMENTS — عناصر الثقة الطبية
   ───────────────────────────────────────────── */

/* شريط قراءة المقال */
.pulse-reading-progress-bar {
  position: fixed;
  top: 0;
  right: 0;
  left: auto;
  height: 3px;
  width: 0%;
  background: var(--medical-stripe);
  z-index: 99999;
  transition: width 0.1s ease-out;
  box-shadow: 0 1px 4px rgba(16,85,168,.4);
  border-radius: 0 0 var(--radius-pill) var(--radius-pill);
}

/* صندوق المراجع الطبي */
.pulse-reviewer-box {
  display: flex;
  align-items: flex-start;
  gap: var(--space-4);
  background: var(--clr-success-pale);
  border: 1px solid rgba(15,157,106,.2);
  border-radius: var(--radius-lg);
  padding: var(--space-5);
  margin-bottom: var(--space-8);
  box-shadow: var(--shadow-sm);
}
.pulse-reviewer-box__icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  background: #ffffff;
  border-radius: 50%;
  color: var(--clr-success);
  box-shadow: var(--shadow-xs);
}
.pulse-reviewer-box__icon svg { width: 26px; height: 26px; stroke-width: 1.5px; }
.pulse-reviewer-box__content { display: flex; flex-direction: column; gap: var(--space-1); }
.pulse-reviewer-box__title {
  font-size: var(--fs-md);
  font-weight: var(--fw-extrabold);
  font-family: var(--font-display);
  color: var(--clr-heading);
  display: flex;
  align-items: center;
  gap: var(--space-2);
}
.pulse-reviewer-box__meta {
  font-size: var(--fs-sm);
  color: var(--clr-text-muted);
  font-family: var(--font-body);
}
.pulse-reviewer-box__meta strong {
  color: var(--clr-heading);
  font-weight: var(--fw-semibold);
}

/* صندوق المؤلف */
.pulse-author-box {
  display: flex;
  align-items: center;
  gap: var(--space-6);
  background: linear-gradient(135deg, var(--clr-surface) 0%, var(--clr-primary-pale) 100%);
  border: 1px solid var(--clr-border);
  border-radius: var(--radius-xl);
  padding: var(--space-6) var(--space-8);
  margin-bottom: var(--space-8);
  box-shadow: var(--shadow-sm);
}
.pulse-author-box img {
  width: 84px;
  height: 84px;
  border-radius: 50%;
  border: 3px solid var(--clr-primary-pale);
  object-fit: cover;
  box-shadow: var(--shadow-sm);
  flex-shrink: 0;
}
.pulse-author-box__info { display: flex; flex-direction: column; gap: var(--space-2); }
.pulse-author-box__info h4 {
  font-size: var(--fs-lg);
  font-weight: var(--fw-extrabold);
  font-family: var(--font-display);
  color: var(--clr-heading);
  margin: 0;
}
.pulse-author-box__info p {
  font-size: var(--fs-sm);
  color: var(--clr-text-muted);
  margin: 0;
  font-family: var(--font-body);
  line-height: var(--lh-snug);
}

/* أزرار المشاركة */
.pulse-share-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-block: var(--space-6);
}
.pulse-share-btn {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-4);
  border-radius: var(--radius-pill);
  font-size: var(--fs-sm);
  font-weight: var(--fw-semibold);
  font-family: var(--font-display);
  text-decoration: none !important;
  transition: all var(--trans-fast);
  border: 1.5px solid var(--clr-border);
  background: var(--clr-surface);
  color: var(--clr-text-muted);
  cursor: pointer;
}
.pulse-share-btn svg { width: 18px; height: 18px; }
.pulse-share-btn:hover {
  background: var(--clr-primary);
  color: #fff;
  border-color: var(--clr-primary);
  box-shadow: var(--shadow-sm);
  transform: translateY(-1px);
  text-decoration: none !important;
}

/* تذييل المقال */
.pulse-single-article__footer.entry-footer {
  padding: var(--space-6) var(--space-12);
  border-top: 1px solid var(--clr-border-light);
  background: var(--clr-surface-alt);
}

/* قسم التعليقات */
.comment-respond {
  background: var(--clr-surface);
  border: 1px solid var(--clr-border-light);
  border-radius: var(--radius-xl);
  padding: var(--space-8) var(--space-10);
  margin-top: var(--space-8);
  box-shadow: var(--shadow-xs);
}
.comment-reply-title {
  font-size: var(--fs-xl);
  font-weight: var(--fw-extrabold);
  font-family: var(--font-display);
  color: var(--clr-heading);
  margin-bottom: var(--space-6);
  display: flex;
  align-items: center;
  gap: var(--space-3);
}
.comment-reply-title::before {
  content: '';
  display: inline-block;
  width: 5px;
  height: 26px;
  background: var(--medical-stripe);
  border-radius: var(--radius-pill);
}
.comment-reply-title small a {
  font-size: var(--fs-sm);
  font-weight: var(--fw-regular);
  color: var(--clr-text-muted);
  margin-inline-start: var(--space-3);
}
.logged-in-as {
  font-size: var(--fs-sm);
  color: var(--clr-text-muted);
  background: var(--clr-surface-alt);
  padding: var(--space-3) var(--space-4);
  border-radius: var(--radius-md);
  margin-bottom: var(--space-5);
  border: 1px solid var(--clr-border-light);
}
.logged-in-as a { color: var(--clr-primary); }
.comment-form { display: flex; flex-direction: column; gap: var(--space-4); }
.comment-form-comment { display: flex; flex-direction: column; gap: var(--space-2); }
.comment-form-comment label {
  font-size: var(--fs-sm);
  font-weight: var(--fw-semibold);
  font-family: var(--font-display);
  color: var(--clr-text-muted);
}
.comment-form-comment textarea {
  width: 100%;
  min-height: 140px;
  padding: var(--space-4);
  font-family: var(--font-body);
  font-size: var(--fs-base);
  line-height: var(--lh-normal);
  color: var(--clr-text);
  background: var(--clr-surface);
  border: 1.5px solid var(--clr-border);
  border-radius: var(--radius-md);
  resize: vertical;
  transition: border-color var(--trans-fast), box-shadow var(--trans-fast);
  direction: rtl;
  text-align: right;
}
.comment-form-comment textarea:focus {
  outline: none;
  border-color: var(--clr-primary);
  box-shadow: var(--shadow-focus);
}
.form-submit { display: flex; align-items: center; gap: var(--space-4); }
.form-submit .submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-3) var(--space-8);
  background: var(--clr-primary);
  color: #ffffff;
  font-family: var(--font-display);
  font-size: var(--fs-base);
  font-weight: var(--fw-bold);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: background var(--trans-fast), transform var(--trans-fast), box-shadow var(--trans-fast);
}
.form-submit .submit:hover {
  background: var(--clr-primary-dark);
  box-shadow: var(--shadow-md);
}
.form-submit .submit:active { transform: translateY(1px); }
.required-field-message { font-size: var(--fs-xs); color: var(--clr-text-muted); font-family: var(--font-body); }
.required { color: var(--clr-danger); margin-inline-start: 2px; }


/* ─────────────────────────────────────────────
   12. SIDEBAR — الشريط الجانبي
   ───────────────────────────────────────────── */
.pulse-sidebar { display: flex; flex-direction: column; gap: var(--space-6); }

.pulse-widget {
  background: var(--clr-surface);
  border: 1px solid var(--clr-border-light);
  border-radius: var(--radius-lg);
  padding: var(--space-5);
  box-shadow: var(--shadow-card);
}

.widget-title {
  font-size: var(--fs-base);
  font-weight: var(--fw-extrabold);
  font-family: var(--font-display);
  color: var(--clr-heading);
  margin-bottom: var(--space-4);
  padding-bottom: var(--space-3);
  border-bottom: 2px solid var(--clr-primary-pale);
  display: flex;
  align-items: center;
  gap: var(--space-2);
}
.widget-title::before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 20px;
  background: var(--medical-stripe);
  border-radius: var(--radius-pill);
  flex-shrink: 0;
}

.tagcloud { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.tag-cloud-link {
  display: inline-block;
  padding: var(--space-1) var(--space-3);
  background: var(--clr-surface-alt);
  border: 1px solid var(--clr-border);
  border-radius: var(--radius-pill);
  font-size: var(--fs-xs) !important;
  font-weight: var(--fw-semibold) !important;
  font-family: var(--font-display);
  color: var(--clr-text-muted) !important;
  text-decoration: none;
  transition: all var(--trans-fast);
  white-space: nowrap;
}
.tag-cloud-link:hover {
  background: var(--clr-primary-pale);
  border-color: var(--clr-primary);
  color: var(--clr-primary) !important;
  text-decoration: none;
}


/* ─────────────────────────────────────────────
   13. FOOTER — التذييل الطبي
   ───────────────────────────────────────────── */
.site-footer.pulse-footer {
  background: linear-gradient(180deg, #0d1b2a 0%, #0a1422 100%);
  color: rgba(255,255,255,.75);
  margin-top: auto;
  border-top: 3px solid var(--clr-primary);
}

/* أعمدة التذييل */
.pulse-footer__widgets {
  padding-block: var(--space-12) var(--space-8);
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.pulse-footer__column .widget-title {
  color: #fff;
  border-bottom-color: rgba(255,255,255,.1);
}
.pulse-footer__column .widget-title::before {
  background: var(--medical-stripe);
}
.pulse-footer__column p,
.pulse-footer__column li,
.pulse-footer__column a {
  font-size: var(--fs-sm);
  color: rgba(255,255,255,.65);
  font-family: var(--font-body);
  line-height: var(--lh-normal);
}
.pulse-footer__column a:hover {
  color: #fff;
  text-decoration: none;
}

/* شريط التذييل السفلي */
.pulse-footer__bottom { padding-block: var(--space-5); }
.pulse-footer__bottom-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  flex-wrap: wrap;
}
.pulse-footer__copyright {
  font-size: var(--fs-sm);
  font-family: var(--font-body);
  color: rgba(255,255,255,.5);
}
.pulse-footer__copyright a {
  color: var(--clr-accent-light);
  text-decoration: none;
}
.pulse-footer__copyright a:hover { color: #fff; }

.pulse-footer__nav .footer-menu {
  display: flex;
  gap: var(--space-4);
  flex-wrap: wrap;
  flex-direction: row-reverse;
}
.pulse-footer__nav .footer-menu a {
  font-size: var(--fs-sm);
  font-family: var(--font-display);
  color: rgba(255,255,255,.55);
  text-decoration: none;
  transition: color var(--trans-fast);
  font-weight: var(--fw-medium);
}
.pulse-footer__nav .footer-menu a:hover { color: #fff; }

/* شعار الثقة الطبية في التذييل */
.pulse-footer__trust {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-4) var(--space-6);
  background: rgba(255,255,255,.04);
  border-radius: var(--radius-lg);
  border: 1px solid rgba(255,255,255,.08);
  margin-bottom: var(--space-6);
}
.pulse-footer__trust-badge {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  font-size: var(--fs-xs);
  font-weight: var(--fw-semibold);
  font-family: var(--font-display);
  color: rgba(255,255,255,.7);
}


/* ─────────────────────────────────────────────
   14. ACCESSIBILITY & UTILITY — إمكانية الوصول
   ───────────────────────────────────────────── */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background: var(--clr-surface);
  clip: auto;
  clip-path: none;
  color: var(--clr-text);
  display: block;
  font-size: var(--fs-sm);
  font-family: var(--font-display);
  height: auto;
  right: var(--space-4);
  left: auto;
  line-height: normal;
  padding: var(--space-3) var(--space-5);
  text-decoration: none;
  top: var(--space-4);
  width: auto;
  z-index: 100000;
  box-shadow: var(--shadow-md);
  border-radius: var(--radius-md);
}
.aligncenter { clear: both; margin-inline: auto; }
.wp-element-button { cursor: pointer; }
.has-text-align-center { text-align: center; }
.has-text-align-right  { text-align: right; }
.has-text-align-left   { text-align: left; }


/* ─────────────────────────────────────────────
   15. SEARCH OVERLAY — نافذة البحث
   ───────────────────────────────────────────── */
body.pulse-lock-scroll { overflow: hidden; }

.pulse-search-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  background-color: rgba(10,30,56,.90);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  transition: opacity var(--trans-base);
}
.search-is-active .pulse-search-overlay {
  display: flex;
  opacity: 1;
  pointer-events: all;
}
.pulse-search-overlay__inner {
  width: 100%;
  max-width: 820px;
  padding: var(--space-8);
  transform: scale(0.96);
  transition: transform var(--trans-base);
}
.search-is-active .pulse-search-overlay__inner { transform: scale(1); }

.pulse-search-overlay__close {
  position: absolute;
  top: var(--space-10);
  left: var(--space-10);
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 50%;
  color: #fff;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all var(--trans-fast);
}
.pulse-search-overlay__close:hover {
  background: var(--clr-danger);
  border-color: var(--clr-danger);
  transform: rotate(90deg);
}
.pulse-search-overlay__title {
  color: #fff;
  text-align: center;
  margin-bottom: var(--space-8);
  font-size: var(--fs-2xl);
  font-weight: var(--fw-extrabold);
  font-family: var(--font-display);
}
.pulse-search-overlay__form .pulse-search-form {
  position: relative;
  display: flex;
  align-items: center;
}
.pulse-search-overlay__form .pulse-search-form__input {
  width: 100%;
  padding: var(--space-5) 0;
  background: transparent;
  border: none;
  border-bottom: 3px solid rgba(255,255,255,.2);
  border-radius: 0;
  font-size: var(--fs-2xl);
  font-family: var(--font-display);
  color: #fff;
  text-align: center;
  direction: rtl;
  transition: border-color var(--trans-fast);
}
.search-is-active .pulse-search-overlay__form .pulse-search-form__input {
  animation: pulseSearchPop 0.45s cubic-bezier(0.17, 0.67, 0.83, 0.67) forwards;
}
@keyframes pulseSearchPop {
  0%   { opacity: 0; transform: translateY(12px); }
  100% { opacity: 1; transform: translateY(0); }
}
.pulse-search-overlay__form .pulse-search-form__input::placeholder { color: rgba(255,255,255,.4); }
.pulse-search-overlay__form .pulse-search-form__input:focus {
  outline: none;
  border-color: var(--clr-accent);
}
.pulse-search-overlay__form .pulse-search-form__submit { display: none; }
.pulse-search-overlay__hint {
  color: rgba(255,255,255,.45);
  text-align: center;
  margin-top: var(--space-6);
  font-size: var(--fs-md);
  font-family: var(--font-display);
}


/* ─────────────────────────────────────────────
   16. HOMEPAGE BLOCKS — بلوكات الصفحة الرئيسية
   ───────────────────────────────────────────── */
.pulse-home { }
.pulse-home-latest { margin-top: var(--space-10); }

/* بلوك المقالات الرئيسي */
.pulse-home-block { margin-bottom: var(--space-10); }
.pulse-home-block__featured { margin-bottom: var(--space-4); }
.pulse-home-block__list { display: flex; flex-direction: column; gap: var(--space-4); }


/* ─────────────────────────────────────────────
   17. RESPONSIVE — التجاوب مع الشاشات
   ───────────────────────────────────────────── */

/* Tablet  — 1024px */
@media (max-width: 1024px) {
  :root { --gutter: 1.25rem; --sidebar-width: 260px; }
  .pulse-hero__wrapper { grid-template-columns: 1fr; }
  .pulse-hero__side-grid { grid-template-columns: repeat(4, 1fr); }
  .pulse-layout-split { grid-template-columns: 1fr var(--sidebar-width); gap: var(--space-6); }
  .pulse-layout-split.sidebar-left { grid-template-columns: var(--sidebar-width) 1fr; }
  .pulse-single-article__content.entry-content { padding: var(--space-8); }
  .pulse-grid-desktop-3 { grid-template-columns: repeat(2, 1fr); }
  .pulse-grid-desktop-4 { grid-template-columns: repeat(2, 1fr); }
}

/* Tablet/Mobile — 768px */
@media (max-width: 768px) {
  :root { --gutter: 1rem; }
  .pulse-header__inner { min-height: 60px; gap: var(--space-3); }
  .pulse-header__nav { order: 3; width: 100%; }
  .main-navigation { display: none; }
  .pulse-header__nav.is-toggled .main-navigation { display: block; }
  .main-navigation .menu {
    flex-direction: column;
    gap: var(--space-1);
    padding: var(--space-3) 0;
    border-top: 1px solid var(--clr-border-light);
  }
  .menu-toggle { display: flex; }
  .pulse-hero__wrapper { grid-template-columns: 1fr; }
  .pulse-hero__side-grid { grid-template-columns: repeat(2, 1fr); }
  .pulse-hero__main .pulse-hero-card__bg { min-height: 260px; }
  .pulse-layout-split,
  .pulse-layout-split.sidebar-left { grid-template-columns: 1fr; }
  .pulse-layout-split__sidebar { position: static; margin-top: var(--space-8); }
  .pulse-grid-cols-2 { grid-template-columns: 1fr; }
  .pulse-grid-desktop-3 { grid-template-columns: 1fr; }
  .pulse-grid-desktop-4 { grid-template-columns: repeat(2, 1fr); }
  .pulse-single-article__title { font-size: var(--fs-xl); }
  .pulse-single-article__content.entry-content { padding: var(--space-6) var(--space-5); }
  .entry-content > p:first-of-type { padding: var(--space-4); font-size: var(--fs-base); }
  .entry-content h2 { font-size: var(--fs-lg); }
  .comment-respond { padding: var(--space-6) var(--space-5); }
  .pulse-single-article__header.pulse-premium-header { padding-block: var(--space-8) var(--space-6); }
  .pulse-author-box { flex-direction: column; text-align: center; padding: var(--space-5); }
  .pulse-reviewer-box { flex-direction: column; align-items: center; text-align: center; }
  .pulse-footer__bottom-inner { flex-direction: column; text-align: center; }
  .pulse-footer__nav .footer-menu { justify-content: center; }
  .pulse-header__topbar { display: none; } /* إخفاء الشريط العلوي على الموبايل */
}

/* Small Mobile — 480px */
@media (max-width: 480px) {
  :root { --gutter: 0.875rem; }
  .pulse-hero__side-grid { grid-template-columns: 1fr 1fr; }
  .pulse-hero__main .pulse-hero-card__content { padding: var(--space-4); }
  .pulse-hero__main .pulse-hero-card__title { font-size: var(--fs-md); }
  .pulse-single-article__title { font-size: var(--fs-lg); }
  .pulse-single-article__content.entry-content { padding: var(--space-5) var(--space-4); }
  .pulse-single-article__footer.entry-footer { padding: var(--space-5); }
  .pulse-grid-desktop-4 { grid-template-columns: 1fr; }
}

/* Print */
@media print {
  #wpadminbar, .site-header, .pulse-footer,
  .pulse-layout-split__sidebar, .comment-respond,
  .pulse-search-overlay, .pulse-share-buttons { display: none !important; }
  body {
    background: #fff;
    color: #000;
    font-size: 12pt;
    font-family: 'Cairo', serif;
  }
  .pulse-card, .pulse-single-article { box-shadow: none; border: 1px solid #ccc; }
  .pulse-layout-split,
  .pulse-layout-split.sidebar-left { grid-template-columns: 1fr; }
  .entry-content p { font-size: 11pt; line-height: 1.7; }
  .entry-content a { color: #000; text-decoration: underline; }
  .entry-content a[href]::after { content: ' (' attr(href) ')'; font-size: 9pt; color: #555; }
}

/* ╔═══════════════════════════════════════════════════════════════
   ║  NEW COMPONENTS — v2.1 — المكونات الجديدة
   ╚═══════════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────
   LAYOUT: Sidebar always LEFT for Arabic
   ───────────────────────────────────────────── */
.pulse-layout-split.sidebar-left {
  grid-template-areas: "main sidebar";
  grid-template-columns: 1fr var(--sidebar-width);
}
.pulse-layout-split.sidebar-left .pulse-layout-split__main {
  grid-area: main;
  order: 1;
}
.pulse-layout-split.sidebar-left .pulse-layout-split__sidebar {
  grid-area: sidebar;
  order: 2;
}

/* ─────────────────────────────────────────────
   META BAR — شريط معلومات المقال
   ───────────────────────────────────────────── */
.pulse-meta-icon {
  display: inline-block;
  vertical-align: middle;
  margin-inline-end: 4px;
  opacity: 0.6;
  flex-shrink: 0;
}
.pulse-meta-item {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: var(--fs-sm);
  color: var(--clr-text-muted);
  font-family: var(--font-body);
}
.pulse-meta-item .author-link {
  color: var(--clr-primary);
  font-weight: var(--fw-semibold);
  text-decoration: none;
  transition: color 0.18s;
}
.pulse-meta-item .author-link:hover { color: var(--clr-primary-dark); }

/* ─────────────────────────────────────────────
   SHARE BAR — شريط المشاركة الاحترافي
   ───────────────────────────────────────────── */
.pulse-share-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  padding: 14px 18px;
  background: var(--clr-surface-alt);
  border: 1px solid var(--clr-border-light);
  border-radius: 10px;
  margin-bottom: 24px;
  direction: rtl;
}
.pulse-share-bar__label {
  font-size: var(--fs-sm);
  font-weight: var(--fw-bold);
  font-family: var(--font-display);
  color: var(--clr-text-muted);
  margin-inline-end: 4px;
  white-space: nowrap;
}
.pulse-share-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 14px;
  border-radius: 6px;
  font-size: var(--fs-sm);
  font-weight: var(--fw-semibold);
  font-family: var(--font-display);
  text-decoration: none;
  cursor: pointer;
  border: none;
  transition: transform 0.15s, box-shadow 0.15s, opacity 0.15s;
  white-space: nowrap;
  line-height: 1;
}
.pulse-share-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,.12);
  opacity: 0.92;
}
.pulse-share-btn--whatsapp { background: #25d366; color: #fff; }
.pulse-share-btn--facebook  { background: #1877f2; color: #fff; }
.pulse-share-btn--twitter   { background: #000;    color: #fff; }
.pulse-share-btn--copy      { background: var(--clr-surface); color: var(--clr-primary); border: 1.5px solid var(--clr-border); }
.pulse-share-btn--copy.copied { background: var(--clr-success-pale); color: var(--clr-success); border-color: var(--clr-success); }
/* Legacy selector */
.pulse-share-buttons { display: none; } /* hide old one-button version */

/* ─────────────────────────────────────────────
   TOC — جدول المحتويات الطبي
   ───────────────────────────────────────────── */
.pulse-toc-container {
  margin: 0 0 28px;
  direction: rtl;
}
.pulse-toc-panel {
  background: linear-gradient(135deg, var(--clr-primary-pale) 0%, #fff 100%);
  border: 1px solid rgba(16,85,168,.15);
  border-inline-start: 4px solid var(--clr-primary);
  border-radius: 10px;
  padding: 18px 20px 16px;
  box-shadow: 0 2px 10px rgba(16,85,168,.06);
}
.pulse-toc-header {
  font-size: var(--fs-base);
  font-weight: var(--fw-extrabold);
  font-family: var(--font-display);
  color: var(--clr-primary);
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.pulse-toc-header::before {
  content: '📋';
  font-size: 1.1em;
}
/* Override English "Table of Contents" text — handled in PHP now */
.pulse-toc-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.pulse-toc-item { border-radius: 6px; }
.pulse-toc-item a {
  display: block;
  padding: 6px 10px;
  color: var(--clr-text);
  text-decoration: none;
  font-size: var(--fs-sm);
  font-family: var(--font-body);
  line-height: var(--lh-snug);
  border-radius: 6px;
  transition: background 0.15s, color 0.15s, padding-inline-start 0.15s;
}
.pulse-toc-item a:hover,
.pulse-toc-item a.is-active {
  background: var(--clr-primary-pale);
  color: var(--clr-primary);
  padding-inline-start: 16px;
}
.pulse-toc-level-3 a { padding-inline-start: 20px; font-size: var(--fs-xs); color: var(--clr-text-muted); }
.pulse-toc-level-4 a { padding-inline-start: 32px; font-size: var(--fs-xs); color: var(--clr-text-light); }

/* ─────────────────────────────────────────────
   ARTICLE CONTENT TYPOGRAPHY — تنسيق محتوى المقال
   ───────────────────────────────────────────── */
.entry-content h2 {
  font-size: clamp(1.35rem, 2.5vw, 1.65rem);
  font-weight: var(--fw-extrabold);
  font-family: var(--font-display);
  color: var(--clr-heading);
  margin: 2rem 0 0.75rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid var(--clr-primary-pale);
  line-height: var(--lh-tight);
}
.entry-content h3 {
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  font-weight: var(--fw-bold);
  font-family: var(--font-display);
  color: var(--clr-primary-dark);
  margin: 1.5rem 0 0.6rem;
  line-height: var(--lh-snug);
}
.entry-content h4 {
  font-size: 1.05rem;
  font-weight: var(--fw-bold);
  font-family: var(--font-display);
  color: var(--clr-text);
  margin: 1.25rem 0 0.5rem;
}
.entry-content p {
  font-size: var(--fs-md);
  line-height: var(--lh-article);
  color: var(--clr-text);
  font-family: var(--font-body);
  margin-bottom: 1.25rem;
}
/* الاقتباسات الطبية */
.entry-content blockquote {
  position: relative;
  margin: 1.75rem 0;
  padding: 18px 20px 18px 24px;
  background: linear-gradient(135deg, var(--clr-accent-light) 0%, #fff 100%);
  border: 1px solid rgba(8,145,178,.2);
  border-inline-start: 5px solid var(--clr-accent);
  border-radius: 8px;
  font-size: var(--fs-md);
  font-family: var(--font-body);
  color: var(--clr-text);
  font-style: normal;
  line-height: var(--lh-normal);
}
.entry-content blockquote::before {
  content: '\201C';
  position: absolute;
  top: -8px;
  inset-inline-start: 16px;
  font-size: 3rem;
  color: var(--clr-accent);
  font-family: Georgia, serif;
  line-height: 1;
  opacity: 0.4;
}
.entry-content blockquote p { margin: 0; font-size: inherit; }
.entry-content blockquote cite {
  display: block;
  margin-top: 8px;
  font-size: var(--fs-xs);
  color: var(--clr-text-muted);
  font-style: italic;
}
/* الجداول */
.entry-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5rem 0;
  font-size: var(--fs-sm);
  font-family: var(--font-body);
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 6px rgba(16,85,168,.07);
}
.entry-content thead th {
  background: var(--clr-primary);
  color: #fff;
  font-weight: var(--fw-bold);
  font-family: var(--font-display);
  padding: 12px 16px;
  text-align: right;
  white-space: nowrap;
}
.entry-content tbody tr { border-bottom: 1px solid var(--clr-border-light); }
.entry-content tbody tr:last-child { border-bottom: none; }
.entry-content tbody tr:nth-child(even) { background: var(--clr-surface-alt); }
.entry-content tbody td {
  padding: 11px 16px;
  color: var(--clr-text);
  text-align: right;
  line-height: var(--lh-snug);
}
/* القوائم */
.entry-content ul {
  list-style: none;
  padding: 0;
  margin: 0 0 1.25rem;
}
.entry-content ul li {
  position: relative;
  padding-inline-start: 22px;
  margin-bottom: 8px;
  font-size: var(--fs-md);
  font-family: var(--font-body);
  color: var(--clr-text);
  line-height: var(--lh-normal);
}
.entry-content ul li::before {
  content: '';
  position: absolute;
  inset-inline-start: 0;
  top: 0.5em;
  width: 8px;
  height: 8px;
  background: var(--clr-primary);
  border-radius: 50%;
}
.entry-content ol {
  list-style: none;
  counter-reset: ar-list;
  padding: 0;
  margin: 0 0 1.25rem;
}
.entry-content ol li {
  position: relative;
  padding-inline-start: 32px;
  margin-bottom: 8px;
  font-size: var(--fs-md);
  font-family: var(--font-body);
  color: var(--clr-text);
  line-height: var(--lh-normal);
  counter-increment: ar-list;
}
.entry-content ol li::before {
  content: counter(ar-list);
  position: absolute;
  inset-inline-start: 0;
  top: 0.1em;
  width: 22px;
  height: 22px;
  background: var(--clr-primary);
  color: #fff;
  border-radius: 50%;
  font-size: 0.7rem;
  font-weight: var(--fw-bold);
  font-family: var(--font-display);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ─────────────────────────────────────────────
   AUTHOR CARD — بطاقة المؤلف
   ───────────────────────────────────────────── */
.pulse-author-card {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  background: linear-gradient(135deg, var(--clr-primary-pale) 0%, #fff 100%);
  border: 1px solid rgba(16,85,168,.14);
  border-radius: 12px;
  padding: 24px;
  margin: 32px 0;
  box-shadow: 0 2px 12px rgba(16,85,168,.07);
  direction: rtl;
}
.pulse-author-card__img {
  width: 88px !important;
  height: 88px !important;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid var(--clr-primary-pale);
  box-shadow: 0 0 0 3px rgba(16,85,168,.15);
  flex-shrink: 0;
  display: block;
}
.pulse-author-card__avatar { flex-shrink: 0; }
.pulse-author-card__body { flex: 1; min-width: 0; }
.pulse-author-card__label {
  font-size: var(--fs-xs);
  font-weight: var(--fw-extrabold);
  font-family: var(--font-display);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--clr-primary);
  margin: 0 0 4px;
  opacity: 0.8;
}
.pulse-author-card__name {
  font-size: var(--fs-lg);
  font-weight: var(--fw-bold);
  font-family: var(--font-display);
  margin: 0 0 8px;
  line-height: 1.2;
}
.pulse-author-card__name a {
  color: var(--clr-heading);
  text-decoration: none;
  transition: color 0.18s;
}
.pulse-author-card__name a:hover { color: var(--clr-primary); }
.pulse-author-card__bio {
  font-size: var(--fs-sm);
  font-family: var(--font-body);
  color: var(--clr-text-muted);
  line-height: var(--lh-normal);
  margin-bottom: 12px;
}
.pulse-author-card__social {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.pulse-author-social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 8px;
  text-decoration: none;
  transition: transform 0.15s, box-shadow 0.15s;
}
.pulse-author-social-link:hover { transform: translateY(-2px); box-shadow: 0 3px 8px rgba(0,0,0,.15); }
.pulse-author-social-link--twitter  { background: #000; color: #fff; }
.pulse-author-social-link--facebook { background: #1877f2; color: #fff; }
.pulse-author-social-link--website  { background: var(--clr-primary); color: #fff; }
/* Hide old author box */
.pulse-author-box { display: none; }

/* ─────────────────────────────────────────────
   POST NAVIGATION — التنقل بالبطاقات
   ───────────────────────────────────────────── */
.pulse-post-nav {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin: 32px 0;
  direction: rtl;
}
.pulse-post-nav__card {
  display: flex;
  align-items: center;
  gap: 14px;
  text-decoration: none;
  background: var(--clr-surface);
  border: 1px solid var(--clr-border);
  border-radius: 10px;
  padding: 16px;
  transition: border-color 0.2s, box-shadow 0.2s, transform 0.18s;
  overflow: hidden;
}
.pulse-post-nav__card:hover {
  border-color: var(--clr-primary);
  box-shadow: 0 4px 18px rgba(16,85,168,.12);
  transform: translateY(-2px);
}
.pulse-post-nav__card--prev { flex-direction: row; }
.pulse-post-nav__card--next { flex-direction: row-reverse; }

.pulse-post-nav__thumb {
  width: 72px;
  height: 56px;
  border-radius: 6px;
  overflow: hidden;
  flex-shrink: 0;
}
.pulse-post-nav__thumb-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.pulse-post-nav__info {
  display: flex;
  flex-direction: column;
  gap: 5px;
  flex: 1;
  min-width: 0;
}
.pulse-post-nav__direction {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: var(--fs-xs);
  font-weight: var(--fw-extrabold);
  font-family: var(--font-display);
  color: var(--clr-primary);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.pulse-post-nav__title {
  font-size: var(--fs-sm);
  font-weight: var(--fw-semibold);
  font-family: var(--font-display);
  color: var(--clr-text);
  line-height: var(--lh-snug);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width: 640px) {
  .pulse-post-nav { grid-template-columns: 1fr; }
  .pulse-post-nav__card--next { flex-direction: row; }
}

/* ─────────────────────────────────────────────
   RESPONSIVE UPDATES
   ───────────────────────────────────────────── */

/* Google CSE wrapper */
.pulse-gcse-wrap {
  max-width: 640px;
  margin: 0 auto;
}
.pulse-gcse-wrap .gsc-input-box {
  border-radius: 50px;
  padding: 8px 18px;
  font-family: var(--font-body) !important;
}

/* ─────────────────────────────────────────────
   RESPONSIVE UPDATES
   ───────────────────────────────────────────── */
@media (max-width: 900px) {
  .pulse-layout-split.sidebar-left {
    grid-template-areas: "main" "sidebar";
    grid-template-columns: 1fr;
  }
  .pulse-layout-split.sidebar-left .pulse-layout-split__main,
  .pulse-layout-split.sidebar-left .pulse-layout-split__sidebar {
    order: unset;
  }
  .pulse-author-card {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .pulse-author-card__social { justify-content: center; }
  .pulse-share-bar { justify-content: flex-start; }
  .pulse-post-nav { grid-template-columns: 1fr; }
}