/* ============================================================================
   نظام تصميم "تطبيقات برو" — ملف عام لووردبريس (RTL)
   يُحمّل بعد أنماط القالب و Elementor.
   الترتيب: Tokens / Base / Components / WP Blocks / Article / Forms / Elementor / Responsive
   ============================================================================ */

/* ========================= 1. TOKENS ========================= */
:root{
  /* الألوان */
  --paper:#FFFFFF;
  --mist:#F5F8F6;
  --ink:#0E1714;
  --body:#5E706A;
  --line:#E4EBE8;
  --brand:#0F7B5F;
  --brand-dark:#0C6A52;
  --brand-hi:#13A87C;
  --brand-deep:#0A5E48;   /* تدرّج قسم الدعوة للتواصل */
  --tint:#E9F5F1;
  --star:#F5A623;
  --danger:#C0392B;
  --wa:#25D366;          /* أخضر واتساب — للزر العائم فقط */

  /* الخطوط */
  --display:'Readex Pro','IBM Plex Sans Arabic',system-ui,sans-serif;
  --sans:'IBM Plex Sans Arabic',system-ui,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,monospace;

  /* الأشكال */
  --r-sm:12px;
  --r-md:18px;
  --r-lg:26px;
  --r-pill:999px;

  /* الظلال */
  --shadow-s:0 1px 2px rgba(14,23,20,.04),0 8px 24px -14px rgba(14,23,20,.14);
  --shadow-l:0 30px 60px -28px rgba(14,23,20,.26);

  /* القياسات */
  --maxw:1160px;
  --readw:760px;
  --pad-section:104px;
  --header-h:82px;
}

/* ========================= 2. BASE ========================= */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px)}

body{
  margin:0;background:var(--paper);color:var(--body);
  font-family:var(--sans);font-weight:300;font-size:16px;line-height:1.9;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}

h1,h2,h3,h4,h5,h6{
  font-family:var(--display);color:var(--ink);font-weight:600;
  line-height:1.45;letter-spacing:-.01em;margin:0;
}
h1{font-size:clamp(30px,4.4vw,46px);line-height:1.35}
h2{font-size:clamp(28px,4vw,42px)}
h3{font-size:20px}
h4{font-size:17px}

p{margin:0 0 24px}
a{color:inherit;text-decoration:none;transition:color .2s ease}
img{max-width:100%;height:auto;display:block}
strong,b{font-weight:600;color:var(--ink)}
:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:8px}
::selection{background:var(--tint);color:var(--brand)}

/* الأرقام والنصوص اللاتينية داخل نص عربي */
.ltr,[dir="ltr"]{direction:ltr;display:inline-block;unicode-bidi:isolate}
.num{font-family:var(--mono);font-weight:500}

/* ========================= 3. LAYOUT ========================= */
.pa-wrap{width:min(100% - 40px,var(--maxw));margin-inline:auto}
.pa-read{width:min(100% - 40px,var(--readw));margin-inline:auto}
.pa-section{padding-block:var(--pad-section)}
.pa-mist{background:var(--mist)}

/* رأس الصفحات الداخلية الموحّد */
.pa-page-head{background:var(--mist);padding-block:90px 70px;border-bottom:1px solid var(--line)}
.pa-page-head h1{margin-block:14px 0}
.pa-page-head /* الوصف التعريفي: 18px على مقياس نص المقال، بارتفاع سطر واجهة */
.pa-lede{font-size:18px;line-height:1.9;max-width:58ch;margin-top:16px}

/* مسار التنقّل */
.pa-crumbs{font-size:13.5px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--body)}
.pa-crumbs a:hover{color:var(--brand)}
.pa-crumbs span[aria-current]{color:var(--ink);font-weight:400}
.pa-crumbs .sep{opacity:.45}

/* ========================= 4. COMPONENTS ========================= */

/* --- الشارة --- */
.pa-pill{font-weight:600;
  display:inline-flex;align-items:center;gap:8px;background:var(--tint);color:var(--brand);
  border-radius:var(--r-pill);padding:7px 16px;font-size:13px;font-weight:500;
}
.pa-pill::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brand-hi)}

/* --- الأزرار --- */
.pa-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:15px 30px;border-radius:var(--r-pill);font-family:var(--sans);
  font-size:15px;font-weight:600;border:1px solid transparent;cursor:pointer;
  transition:transform .22s ease,background .22s ease,border-color .22s ease,color .22s ease;
}
.pa-btn--primary{background:var(--brand);color:#fff;box-shadow:0 12px 26px -14px rgba(15,123,95,.9)}
.pa-btn--primary:hover{background:var(--brand-dark);color:#fff;transform:translateY(-2px)}
.pa-btn--line{background:var(--paper);border-color:var(--line);color:var(--ink)}
.pa-btn--line:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-2px)}
.pa-btn--white{background:#fff;color:var(--brand)}
.pa-btn--clear{background:transparent;border-color:rgba(255,255,255,.4);color:#fff}
.pa-btn--clear:hover{background:rgba(255,255,255,.12);color:#fff}
.pa-btn--sm{padding:11px 22px;font-size:14px}
.pa-btn--block{width:100%}

/* --- البطاقة --- */
.pa-card{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:32px 30px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.pa-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-l);border-color:transparent}
.pa-card h3{margin-bottom:10px}
.pa-card p{margin:0;font-size:15px}

/* --- الأيقونة --- */
.pa-icn{
  width:50px;height:50px;border-radius:16px;display:grid;place-items:center;
  background:var(--tint);color:var(--brand);margin-bottom:22px;flex:none;
}
.pa-icn svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* --- الوسوم --- */
.pa-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}
.pa-tag{font-family:var(--mono);font-size:11px;color:var(--body);background:var(--mist);border-radius:7px;padding:4px 10px}

/* --- الشبكات --- */
.pa-g2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.pa-g3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.pa-g4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}

/* --- الأسئلة الشائعة --- */
.pa-faq{display:grid;gap:12px;max-width:860px;margin-inline:auto}
.pa-faq details{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}
.pa-faq details[open]{border-color:var(--brand)}
.pa-faq summary{
  list-style:none;cursor:pointer;padding:22px 26px;font-family:var(--display);
  font-size:16.5px;font-weight:500;color:var(--ink);display:flex;align-items:center;gap:16px;
}
.pa-faq summary::-webkit-details-marker{display:none}
.pa-faq summary::after{
  content:"+";margin-inline-start:auto;color:var(--brand);font-size:22px;
  font-family:var(--mono);transition:transform .25s ease;flex:none;
}
.pa-faq details[open] summary::after{transform:rotate(45deg)}
.pa-faq details p{margin:0;padding:0 26px 24px;font-size:15px}

/* --- دعوة للتواصل --- */
.pa-cta{
  background:linear-gradient(150deg,var(--brand),var(--brand-deep));color:var(--paper);border-radius:34px;
  padding:70px 50px;text-align:center;position:relative;overflow:hidden;
}
.pa-cta--slim{padding:48px 40px;border-radius:var(--r-lg)}
.pa-cta::before{content:"";position:absolute;inset-block-start:-160px;inset-inline-end:-120px;width:440px;height:440px;border-radius:50%;background:rgba(255,255,255,.08)}
.pa-cta h2,.pa-cta h3,.pa-cta p{color:#fff;position:relative}
.pa-cta p{opacity:.86;max-width:52ch;margin-inline:auto;margin-bottom:32px}
.pa-cta__actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;position:relative}

/* --- زر واتساب العائم --- */
.pa-fab{
  position:fixed;inset-block-end:26px;inset-inline-start:26px;z-index:90;
  display:flex;align-items:center;gap:9px;background:#25D366;color:#fff;
  padding:14px 22px;border-radius:var(--r-pill);font-size:14.5px;font-weight:600;
  box-shadow:0 18px 34px -14px rgba(37,211,102,.7);transition:transform .2s ease;
}
.pa-fab:hover{transform:translateY(-3px);color:#fff}
.pa-fab svg{width:20px;height:20px;fill:currentColor}

/* ========================= 5. ARTICLE ========================= */
.pa-article-head{background:var(--mist);padding-block:70px 120px;border-bottom:1px solid var(--line)}
.pa-article-head h1{margin-block:16px 14px;max-width:24ch}
.pa-article-head .pa-lede{font-size:18px;max-width:62ch}
.pa-article-meta{
  display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:26px;
  font-family:var(--mono);font-size:13px;color:var(--body);
}
.pa-article-meta img{width:42px;height:42px;border-radius:50%;border:2px solid var(--paper)}
.pa-article-meta .dot{width:4px;height:4px;border-radius:50%;background:var(--line)}

.pa-featured{margin-top:-70px;position:relative;z-index:2}
.pa-featured img{border-radius:var(--r-lg);aspect-ratio:16/9;object-fit:cover;width:100%;box-shadow:var(--shadow-l)}

.pa-article-body{display:grid;grid-template-columns:minmax(0,var(--readw)) 300px;gap:56px;align-items:start;padding-block:64px}

/* محتوى المقال */
.pa-content{font-size:18px;line-height:2;color:var(--body)}
.pa-content>*+*{margin-top:0}
.pa-content h2{font-size:30px;margin-block:52px 16px;position:relative;padding-top:18px}
.pa-content h2::before{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;width:40px;height:3px;background:var(--brand);border-radius:2px}
.pa-content h3{font-size:22px;margin-block:36px 12px}
.pa-content h4{font-size:18px;margin-block:28px 10px}
.pa-content p{margin-bottom:24px}
.pa-content a{color:var(--brand);font-weight:400;box-shadow:inset 0 -2px 0 var(--tint);transition:box-shadow .2s ease}
.pa-content a:hover{box-shadow:inset 0 -2px 0 var(--brand)}
.pa-content ul,.pa-content ol{margin:0 0 24px;padding-inline-start:22px}
.pa-content li{margin-bottom:10px}
.pa-content ul{list-style:none;padding-inline-start:6px}
.pa-content ul li{position:relative;padding-inline-start:26px}
.pa-content ul li::before{
  content:"";position:absolute;inset-inline-start:0;inset-block-start:14px;
  width:7px;height:7px;border-radius:50%;background:var(--brand-hi);
}
.pa-content blockquote{
  margin:32px 0;padding:24px 28px;background:var(--tint);border-radius:var(--r-md);
  border-inline-start:3px solid var(--brand);font-size:19px;font-weight:400;color:var(--ink);
}
.pa-content blockquote p:last-child{margin:0}
.pa-content figure{margin:36px 0}
.pa-content figure img,.pa-content>img{border-radius:var(--r-md)}
.pa-content figcaption{text-align:center;font-size:13.5px;color:var(--body);margin-top:12px}
.pa-content hr{border:0;height:1px;background:var(--line);margin:48px 0;position:relative}
.pa-content hr::after{
  content:"● ● ●";position:absolute;inset-block-start:-13px;inset-inline-start:50%;
  transform:translateX(50%);background:var(--paper);padding:0 14px;
  color:var(--brand-hi);font-size:8px;letter-spacing:4px;
}
.pa-content code{font-family:var(--mono);font-size:14px;background:var(--mist);border-radius:6px;padding:2px 7px;color:var(--ink)}
.pa-content pre{
  background:var(--ink);color:#E8F0EC;border-radius:var(--r-md);padding:22px 24px;
  overflow-x:auto;direction:ltr;text-align:left;font-family:var(--mono);font-size:14px;line-height:1.8;
}
.pa-content pre code{background:none;color:inherit;padding:0}

/* الجداول */
.pa-content table{width:100%;border-collapse:collapse;margin:32px 0;font-size:15px}
.pa-content th,.pa-content td{border:1px solid var(--line);padding:14px 16px;text-align:start}
.pa-content th{background:var(--mist);color:var(--ink);font-weight:600;font-family:var(--display)}
.pa-content tbody tr:hover{background:var(--mist)}
.pa-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}

/* العمود الجانبي */
.pa-aside{position:sticky;inset-block-start:calc(var(--header-h) + 24px);display:grid;gap:20px}
.pa-toc{background:var(--mist);border-radius:var(--r-lg);padding:26px 24px}
.pa-toc h4{margin-bottom:16px;font-size:15px}
.pa-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:11px;counter-reset:toc}
.pa-toc a{font-size:14.5px;display:flex;gap:10px;line-height:1.7}
.pa-toc a::before{counter-increment:toc;content:counter(toc,decimal-leading-zero);font-family:var(--mono);font-size:12px;color:var(--brand);flex:none;padding-top:2px}
.pa-toc a:hover,.pa-toc a.is-active{color:var(--brand)}

/* صندوق الكاتب */
.pa-author{display:flex;gap:20px;background:var(--mist);border-radius:var(--r-lg);padding:28px;margin-top:48px}
.pa-author img{width:64px;height:64px;border-radius:20px;flex:none;object-fit:cover}
.pa-author h4{margin-bottom:6px}
.pa-author p{margin:0;font-size:14.5px}

/* مقالات ذات صلة */
.pa-post{display:block;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.pa-post:hover{transform:translateY(-6px);box-shadow:var(--shadow-l);border-color:transparent}
.pa-post__thumb{aspect-ratio:16/10;background:linear-gradient(140deg,var(--tint),#DCEFE8)}
.pa-post__thumb img{width:100%;height:100%;object-fit:cover}
.pa-post__in{padding:26px}
.pa-post__meta{display:flex;gap:10px;align-items:center;font-size:12.5px;margin-bottom:12px}
.pa-post__meta .cat{color:var(--brand);background:var(--tint);border-radius:var(--r-pill);padding:3px 11px;font-size:11.5px}
.pa-post h3{font-size:17.5px;line-height:1.65;margin-bottom:14px}
.pa-post .more{font-family:var(--display);font-size:13.5px;line-height:1.6;color:var(--brand);font-weight:500}

/* ترقيم الصفحات */
.pa-pagination{display:flex;gap:8px;justify-content:center;margin-top:56px;flex-wrap:wrap}
.pa-pagination a,.pa-pagination span{
  min-width:44px;height:44px;display:grid;place-items:center;border-radius:14px;
  border:1px solid var(--line);font-family:var(--mono);font-size:14px;background:var(--paper);
}
.pa-pagination .current{background:var(--brand);color:#fff;border-color:var(--brand)}
.pa-pagination a:hover{border-color:var(--brand);color:var(--brand)}

/* ========================= 6. FORMS ========================= */
.pa-field{margin-bottom:20px}
.pa-field label{display:block;font-size:14px;font-weight:500;color:var(--ink);margin-bottom:8px}
.pa-field input,.pa-field select,.pa-field textarea,
input[type=text],input[type=email],input[type=tel],input[type=url],input[type=search],select,textarea{
  width:100%;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);
  padding:14px 18px;font-family:var(--sans);font-size:16px;color:var(--ink);
  transition:border-color .2s ease,box-shadow .2s ease;
}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--tint)}
textarea{min-height:150px;resize:vertical;line-height:1.8}
.pa-field small{display:block;font-size:13px;margin-top:6px}
.pa-field .error{color:var(--danger);font-size:13.5px;margin-top:6px}
input[aria-invalid="true"]{border-color:var(--danger)}

/* ========================= 7. WP BLOCKS ========================= */
.wp-block-image figcaption{text-align:center;font-size:13.5px;color:var(--body)}
.wp-block-quote{margin:32px 0;padding:24px 28px;background:var(--tint);border-radius:var(--r-md);border-inline-start:3px solid var(--brand)}
.wp-block-quote cite{display:block;margin-top:12px;font-size:14px;font-style:normal;color:var(--body)}
.wp-block-button__link{background:var(--brand);border-radius:var(--r-pill);padding:15px 30px;font-weight:600;font-size:15px}
.wp-block-separator{border:0;height:1px;background:var(--line)}
.wp-block-table td,.wp-block-table th{border-color:var(--line)}
.wp-block-pullquote{border-color:var(--line)}
.wp-block-code{background:var(--ink);color:#E8F0EC;border:0;border-radius:var(--r-md);padding:22px 24px}
.alignwide{width:min(100vw - 40px,var(--maxw));margin-inline:auto}
.alignfull{width:100vw;margin-inline:calc(50% - 50vw)}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}

/* الودجات في الشريط الجانبي */
.widget{background:var(--mist);border-radius:var(--r-lg);padding:26px 24px;margin-bottom:20px}
.widget-title{font-family:var(--display);font-size:15px;color:var(--ink);margin-bottom:16px}
.widget ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.widget ul a{font-size:14.5px}
.widget ul a:hover{color:var(--brand)}

/* ========================= 8. ELEMENTOR OVERRIDES ========================= */
/* !important مطلوب هنا فقط لتجاوز الأنماط المضمّنة من Elementor */
.elementor-widget-heading .elementor-heading-title{font-family:var(--display)!important;color:var(--ink)!important}
.elementor-widget-text-editor{font-family:var(--sans)!important;color:var(--body)!important}
.elementor-button{
  border-radius:var(--r-pill)!important;font-family:var(--sans)!important;
  font-weight:600!important;padding:15px 30px!important;
}
.elementor-button:not(.elementor-button-link-secondary){background-color:var(--brand)!important;color:#fff!important}
.elementor-widget-toggle .elementor-tab-title,
.elementor-widget-accordion .elementor-tab-title{font-family:var(--display)!important;color:var(--ink)!important}
.elementor-section.pa-mist{background-color:var(--mist)!important}

/* ========================= 9. UTILITIES ========================= */
.pa-lede{font-size:18px;line-height:1.9;max-width:58ch;margin:0}
.pa-center{text-align:center}
.pa-center .pa-lede{margin-inline:auto}
.pa-mt-0{margin-top:0}
.pa-stars{color:var(--star);letter-spacing:3px}

/* الظهور التدريجي عند التمرير */
.pa-rv{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
.pa-rv.is-in{opacity:1;transform:none}

/* ========================= 10. RESPONSIVE ========================= */
@media (max-width:1200px){
  .pa-article-body{grid-template-columns:minmax(0,1fr) 280px;gap:40px}
}
@media (max-width:1000px){
  :root{--pad-section:74px}
  .pa-g3,.pa-g4{grid-template-columns:repeat(2,1fr)}
  .pa-article-body{grid-template-columns:1fr;gap:0}
  .pa-aside{position:static;margin-bottom:40px}
  .pa-cta{padding:52px 26px;border-radius:var(--r-lg)}
  .pa-content{font-size:17px}
  .pa-content h2{font-size:26px;margin-top:44px}
}
@media (max-width:600px){
  :root{--pad-section:56px}
  .pa-g2,.pa-g3,.pa-g4{grid-template-columns:1fr}
  .pa-page-head{padding-block:64px 48px}
  .pa-article-head{padding-block:48px 100px}
  .pa-featured{margin-top:-60px}
  .pa-author{flex-direction:column}
  .pa-fab{padding:16px}
  .pa-fab span{display:none}
  .pa-content pre{font-size:13px}
}

/* ========================= 11. MOTION / PRINT ========================= */
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
  .pa-rv{opacity:1;transform:none}
}
@media print{
  .pa-fab,.pa-aside,.pa-cta,header,footer{display:none!important}
  body{font-size:12pt;color:#000}
  .pa-content a{box-shadow:none;color:#000;text-decoration:underline}
}

/* ============================================================================
   12. إضافات القالب الفرعي — مكوّنات لم تكن في الملف الأصلي
   ملاحظة: لا قيم مباشرة؛ كل شيء من متغيّرات :root أعلاه.
   ========================================================================= */

/* --- فهرس المحتويات المطوي (شاشات < 1000px) --- */
.pa-toc-mobile{display:none;margin-bottom:32px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--mist)}
.pa-toc-mobile>summary{
  cursor:pointer;list-style:none;padding:16px 20px;font-family:var(--display);
  font-weight:600;font-size:16px;color:var(--ink);position:relative;
}
.pa-toc-mobile>summary::-webkit-details-marker{display:none}
.pa-toc-mobile>summary::after{
  content:"+";position:absolute;inset-inline-end:20px;inset-block-start:50%;
  transform:translateY(-50%);color:var(--brand);font-size:20px;font-weight:500;
  transition:transform .25s ease;
}
.pa-toc-mobile[open]>summary::after{transform:translateY(-50%) rotate(45deg)}
.pa-toc-mobile ol{list-style:none;margin:0;padding:0 20px 18px;display:grid;gap:9px;counter-reset:toc}
.pa-toc-mobile a{font-size:14.5px;display:flex;gap:10px;line-height:1.7;color:var(--body)}
.pa-toc-mobile a::before{
  counter-increment:toc;content:counter(toc,decimal-leading-zero);
  font-family:var(--mono);font-size:12px;color:var(--brand);flex:none;padding-top:2px;
}
.pa-toc-mobile a:hover{color:var(--brand)}

/* --- بطاقة الاستشارة في العمود الجانبي --- */
.pa-aside-cta{padding:26px 24px;text-align:center}
.pa-aside-cta .pa-icn{margin-inline:auto;margin-bottom:14px}
.pa-aside-cta h4{margin-bottom:8px;font-size:17px}
.pa-aside-cta p{font-size:14px;line-height:1.85;margin-bottom:18px}

/* --- المقال بلا صورة بارزة --- */
.pa-article-body--nothumb{padding-block-start:56px}
.pa-article-head:has(+ .pa-article-body--nothumb){padding-block-end:70px}

/* --- الفاصل بين الوسوم وصندوق الكاتب --- */
.pa-content>.pa-tags{margin-block:40px 0}

/* ============================================================================
   13. جسر المحتوى القديم — فئات apps-* داخل مقالات منشورة سابقاً
   تُعاد صياغتها بلغة النظام الجديد بدل تعديل 102 مقالاً.
   ========================================================================= */
.pa-content .apps-key,
.pa-content .apps-note,
.pa-content .apps-tip,
.pa-content .apps-warning{
  margin-block:32px;padding:24px 26px;border-radius:var(--r-md);
  border:1px solid var(--line);line-height:1.95;font-size:16.5px;
}
.pa-content .apps-key{background:var(--tint);border-color:var(--brand);border-inline-start-width:3px}
.pa-content .apps-note{background:var(--mist)}
.pa-content .apps-tip{background:var(--tint)}
.pa-content .apps-warning{background:var(--mist);border-color:var(--star);border-inline-start-width:3px}
.pa-content .apps-key strong:first-child,
.pa-content .apps-note strong:first-child,
.pa-content .apps-tip strong:first-child,
.pa-content .apps-warning strong:first-child{
  display:block;margin-bottom:10px;font-family:var(--display);
  font-size:17px;font-weight:600;color:var(--ink);
}
.pa-content .apps-key ul{margin-block:10px 0}

/* الجداول القديمة تأخذ تغليف التمرير نفسه */
.pa-content .apps-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-block:32px}
.pa-content .apps-table-wrap table{margin:0}

/* بطاقات CTA القديمة داخل المقالات */
.pa-content .apps-cta{
  margin-block:40px;padding:44px 34px;border-radius:var(--r-lg);text-align:center;
  background:linear-gradient(135deg,var(--brand),var(--brand-hi));color:var(--paper);
}
.pa-content .apps-cta h2,.pa-content .apps-cta h3{
  color:var(--paper);margin-block:0 12px;padding:0;font-size:26px;
}
.pa-content .apps-cta h2::before,.pa-content .apps-cta h3::before{display:none}
.pa-content .apps-cta p{color:rgba(255,255,255,.86);margin-bottom:22px}
.pa-content .apps-cta a{
  display:inline-block;margin:6px;padding:15px 30px;border-radius:var(--r-pill);
  background:var(--paper);color:var(--brand);font-weight:500;box-shadow:none;
  font-family:var(--display);transition:transform .2s ease;
}
.pa-content .apps-cta a:hover{transform:translateY(-2px);box-shadow:none;color:var(--brand)}
.pa-content .apps-cta a.alt{background:transparent;border:1px solid rgba(255,255,255,.5);color:var(--paper)}

/* الأسئلة الشائعة القديمة */
.pa-content .apps-faq{margin-block:32px;display:grid;gap:12px}
.pa-content .apps-faq details{border:1px solid var(--line);border-radius:var(--r-md);background:var(--paper);overflow:hidden}
.pa-content .apps-faq summary{
  cursor:pointer;list-style:none;padding:20px 24px;padding-inline-end:52px;
  font-family:var(--display);font-size:17px;font-weight:600;color:var(--ink);position:relative;
}
.pa-content .apps-faq summary::-webkit-details-marker{display:none}
.pa-content .apps-faq summary::after{
  content:"+";position:absolute;inset-inline-end:22px;inset-block-start:50%;
  transform:translateY(-50%);color:var(--brand);font-size:22px;font-weight:500;
  transition:transform .25s ease;
}
.pa-content .apps-faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.pa-content .apps-faq details>*:not(summary){padding:0 24px 22px;margin:0;color:var(--body);line-height:1.95}

/* بطاقة «مقالات ذات صلة» القديمة داخل النص */
.pa-content .apps-related{
  margin-block:36px;padding:26px 28px;border-radius:var(--r-lg);
  background:var(--mist);border:1px solid var(--line);
}
.pa-content .apps-related strong:first-child{
  display:block;margin-bottom:12px;font-family:var(--display);
  font-size:17px;font-weight:600;color:var(--ink);
}
.pa-content .apps-related ul{margin:0}

/* شبكة البطاقات القديمة */
.pa-content .apps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-block:28px}
.pa-content .apps-card{
  border:1px solid var(--line);border-radius:var(--r-md);padding:22px 24px;background:var(--paper);
}
.pa-content .apps-card h3,.pa-content .apps-card h4{margin-block:0 8px;font-size:17px;padding:0}
.pa-content .apps-card h3::before{display:none}
.pa-content .apps-card p{margin:0;font-size:15.5px;line-height:1.85}
.pa-content .apps-lead{font-size:19px;line-height:1.95;color:var(--ink);font-weight:300;margin-bottom:26px}

/* ============================================================================
   14. تجاوب الإضافات
   ========================================================================= */
@media (max-width:1000px){
  .pa-toc-mobile{display:block}
  .pa-aside .pa-toc{display:none}
}

/* ============================================================================
   15. تجاوزات إضافات خارجية
   ========================================================================= */

/* إضافة header-footer-builder-for-elementor تُخفي كل عنصر <header> في الصفحة
   بمحدّد فضفاض:  body.turbo-hide-theme-header header { display:none !important }
   المقصود هو هيدر القالب فقط، لكن القاعدة تلتقط أيضاً <header> داخل المقالات.
   نعيد إظهار أي header داخل منطقة المحتوى فقط — هيدر الموقع يبقى مخفياً.
   !important ضروري هنا لأن قاعدة الإضافة نفسها !important. */
body.turbo-hide-theme-header #content header,
body.tahefobu-hide-theme-footer #content footer{
  display:block !important;
}

/* --- قالب المقال يتحكم بعرضه بنفسه عبر .pa-wrap ---
   Astra يلفّ المحتوى في .ast-container بعرض أقصى وحشوة جانبية، ما يمنع
   امتداد خلفيات الأقسام (رأس المقال، مقالات ذات صلة) بعرض الشاشة كاملاً. */
.single-post #content > .ast-container{max-width:none;padding-inline:0}
.single-post #content{padding-block:0}
.single-post .ast-container > .pa-single{margin:0}

/* --- منع انفجار الشبكة على الشاشات الضيقة ---
   grid-template-columns:1fr يجعل الحد الأدنى لعرض العمود = min-content،
   فيتمدّد بعرض أعرض محتوى (جدول أو كود) ويُنتج تمريراً أفقياً.
   minmax(0,1fr) + min-width:0 يسمحان للعمود بالانكماش. */
.pa-content,.pa-aside{min-width:0}
@media (max-width:1000px){
  .pa-article-body{grid-template-columns:minmax(0,1fr)}
}

/* --- لوحة القائمة المنسدلة في هيدر Elementor القديم تخرج خارج المستند
   وتُنتج تمريراً أفقياً على الجوال. تُحجب حتى استبدال الهيدر. --- */
html{overflow-x:clip}

/* --- تسلسل هرمي صحيح: عناوين العمود الجانبي وصندوق الكاتب صارت h3
   (كانت h4 وتُنتج قفزة h2→h4 تُخالف الوصولية) --- */
.pa-toc h3{margin-bottom:16px;font-size:15px;font-weight:600}
.pa-author h3{margin-bottom:6px;font-size:17px}
.pa-aside-cta h3{margin-bottom:8px;font-size:17px}

/* ============================================================================
   16. الهيدر والفوتر — منقولان من المرجع البصري index.html بلاحقة pa-
   ========================================================================= */

/* --- الهيدر --- */
.pa-hdr{
  position:fixed;inset-block-start:0;inset-inline:0;z-index:70;
  transition:background .3s ease,border-color .3s ease,backdrop-filter .3s ease;
  border-bottom:1px solid transparent;
}
.pa-hdr.is-stuck{
  background:rgba(255,255,255,.82);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
  border-bottom-color:var(--line);
}
.pa-hdr-in{display:flex;align-items:center;gap:24px;height:var(--header-h)}
.pa-brand{
  display:flex;align-items:center;gap:11px;font-family:var(--display);
  font-size:19px;font-weight:600;color:var(--ink);flex:none;
}
.pa-brand .mark{
  width:38px;height:38px;border-radius:var(--r-sm);display:grid;place-items:center;
  color:var(--paper);font-family:var(--display);font-size:15px;font-weight:600;
  background:linear-gradient(145deg,var(--brand-hi),var(--brand));flex:none;
}
.pa-nav{margin-inline-start:auto}
.pa-nav-list{display:flex;gap:2px;list-style:none;margin:0;padding:0}
.pa-nav-list li{margin:0}
.pa-nav a{padding:9px 14px;border-radius:10px;font-size:15px;transition:color .2s ease,background .2s ease;white-space:nowrap}
.pa-nav a:hover,.pa-nav a:focus-visible{color:var(--brand);background:var(--tint)}
.pa-nav a[aria-current="page"]{color:var(--brand);font-weight:500}
.pa-burger{
  display:none;margin-inline-start:auto;background:var(--paper);
  border:1px solid var(--line);border-radius:var(--r-sm);padding:10px 12px;cursor:pointer;
}
.pa-burger span{display:block;width:18px;height:1.6px;background:var(--ink);margin:4px 0;border-radius:2px;transition:transform .25s ease,opacity .2s ease}
.pa-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(5.6px) rotate(45deg)}
.pa-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.pa-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-5.6px) rotate(-45deg)}

/* إزاحة المحتوى أسفل الهيدر الثابت */
body{padding-block-start:var(--header-h)}

/* --- الفوتر --- */
.pa-footer{background:var(--mist);border-top:1px solid var(--line);padding-block:70px 30px;margin-block-start:0}
.pa-foot{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:42px}
.pa-foot p{font-size:14.5px;max-width:34ch;margin-block-start:16px}
.pa-foot h2{font-size:15px;margin:0 0 18px;font-weight:600;font-family:var(--display);color:var(--ink);line-height:1.5}
.pa-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.pa-foot li a{font-size:14.5px;transition:color .2s ease}
.pa-foot li a:hover,.pa-foot li a:focus-visible{color:var(--brand)}
.pa-foot-b{
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;
  border-top:1px solid var(--line);margin-block-start:50px;padding-block-start:26px;font-size:13.5px;
}
.pa-foot-b a:hover,.pa-foot-b a:focus-visible{color:var(--brand)}
.pa-social{display:flex;gap:10px;margin-block-start:20px}
.pa-social a{
  width:38px;height:38px;border-radius:12px;display:grid;place-items:center;
  background:var(--paper);border:1px solid var(--line);color:var(--body);transition:.2s ease;
}
.pa-social a:hover{border-color:var(--brand);color:var(--brand)}
.pa-social svg{width:17px;height:17px;fill:currentColor}

/* --- زر واتساب العائم --- */
.pa-fab{
  position:fixed;inset-block-end:26px;inset-inline-start:26px;z-index:80;
  display:flex;align-items:center;gap:9px;background:var(--wa);color:var(--paper);
  padding:14px 22px;border-radius:var(--r-pill);font-size:14.5px;font-weight:600;
  font-family:var(--display);box-shadow:0 18px 34px -14px rgba(37,211,102,.7);
  transition:transform .2s ease;
}
.pa-fab:hover{transform:translateY(-3px);color:var(--paper)}
.pa-fab svg{width:20px;height:20px;fill:currentColor;flex:none}

@media (max-width:1000px){
  .pa-nav{
    position:fixed;inset-block-start:var(--header-h);inset-inline:14px;
    background:var(--paper);border:1px solid var(--line);
    border-radius:20px;padding:14px;box-shadow:var(--shadow-l);display:none;
  }
  .pa-nav.is-open{display:block}
  .pa-nav-list{flex-direction:column;gap:4px}
  .pa-burger{display:block}
  .pa-hdr .pa-btn{display:none}
  .pa-foot{grid-template-columns:1fr 1fr;gap:34px}
}
@media (max-width:600px){
  .pa-foot{grid-template-columns:1fr}
  .pa-foot-b{justify-content:center;text-align:center}
  .pa-fab{padding:16px;inset-inline-start:18px;inset-block-end:18px}
  .pa-fab span{display:none}
}

/* ============================================================================
   17. الأرشيف والبحث و404 وجسم الصفحات
   ========================================================================= */
.pa-page-body{padding-block:64px}
.pa-page-body .pa-content{max-width:var(--readw)}


/* ============================================================================
   19. أرشيف المدونة — رأس + بحث + كبسولات + مقال مميّز + شبكة
   ========================================================================= */

/* --- رأس المدونة وأدواته --- */
.pa-blog-head .pa-lede{max-width:58ch}
.pa-blog-tools{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-block-start:28px}
.pa-blog-tools .pa-search{margin:0;flex:1;min-width:min(100%,300px);max-width:440px}
.pa-blog-count{font-size:12.5px;font-weight:400;line-height:1.6;color:var(--body);white-space:nowrap}
.pa-blog-count b{font-family:var(--mono);color:var(--brand);font-size:17px;font-weight:500}

/* --- شريط كبسولات التصنيفات --- */
.pa-filters-bar{
  background:var(--paper);border-bottom:1px solid var(--line);
  position:sticky;inset-block-start:var(--header-h);z-index:40;
}
.pa-filters{display:flex;gap:9px;overflow-x:auto;padding-block:16px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.pa-filters::-webkit-scrollbar{display:none}
.pa-filters .pa-tag{
  display:inline-flex;align-items:center;gap:7px;white-space:nowrap;flex:none;
  font-family:var(--display);font-size:14px;font-weight:600;line-height:1.5;
  padding:9px 16px;border:1px solid var(--line);background:var(--paper);
  border-radius:var(--r-pill);color:var(--ink);transition:.2s ease;
}
.pa-filters .pa-tag:hover{border-color:var(--brand);color:var(--brand)}
.pa-filters .pa-tag .n{font-family:var(--mono);font-size:11.5px;font-weight:400;opacity:.6}
.pa-filters .pa-tag.is-active{background:var(--brand);color:var(--paper);border-color:var(--brand)}
.pa-filters .pa-tag.is-active .n{opacity:.85}

/* --- بطاقة المقال --- */
.pa-blog .pa-posts{margin-block-start:26px}
.pa-post{
  display:block;background:var(--paper);border:1px solid var(--line);
  border-radius:var(--r-lg);overflow:hidden;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.pa-post:hover{transform:translateY(-6px);box-shadow:var(--shadow-l);border-color:transparent}
.pa-post__thumb{
  height:118px;position:relative;overflow:hidden;display:grid;place-items:center;
  background:linear-gradient(var(--thumb-angle,140deg),var(--tint),#DCEFE8);
}
/* لمعة ناعمة موضعها مشتقّ من رقم المقال — تكسر تشابه البطاقات */
.pa-post__thumb::after{
  content:"";position:absolute;inset:0;
  background:radial-gradient(120px 90px at var(--thumb-shine,50%) 15%,rgba(255,255,255,.75),transparent 70%);
  pointer-events:none;
}
.pa-post__thumb>*{position:relative;z-index:1}
.pa-post__thumb img{width:100%;height:100%;object-fit:cover}
.pa-post__thumb svg{width:40px;height:40px;stroke:var(--brand);fill:none;stroke-width:1.2;opacity:.7;stroke-linecap:round;stroke-linejoin:round}
.pa-post__in{padding:26px}
.pa-post__meta{
  display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px;
  font-family:var(--sans);font-size:12.5px;font-weight:400;line-height:1.6;color:var(--body);
  font-variant-numeric:tabular-nums;
}
/* الأرقام والنصوص اللاتينية وحدها بالخط الأحادي — لا اسم الشهر العربي */
.pa-post__meta .rt{font-family:var(--mono);font-size:12px}
.pa-post__meta i{
  font-style:normal;color:var(--brand);background:var(--tint);
  border-radius:var(--r-pill);padding:4px 12px;font-size:12px;line-height:1.5;
  font-family:var(--display);font-weight:600;
}
.pa-post__meta .sep{opacity:.5}
.pa-post h3{font-size:17.5px;line-height:1.65;margin-bottom:10px;font-weight:600}
.pa-post__ex{font-size:14px;line-height:1.8;color:var(--body);margin-bottom:14px}
.pa-post .more{font-family:var(--display);font-size:13.5px;line-height:1.6;color:var(--brand);font-weight:500}

/* --- المقال المميّز العريض --- */
.pa-post--wide{
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
  align-items:stretch;margin-block-end:34px;
}
.pa-post--wide .pa-post__thumb{height:100%;min-height:320px}
.pa-post--wide .pa-post__thumb svg{width:82px;height:82px}
.pa-post--wide .pa-post__in{padding:44px 42px;display:flex;flex-direction:column;justify-content:center}
.pa-post--wide h2{font-family:var(--display);font-size:clamp(24px,3vw,34px);line-height:1.4;margin-bottom:14px;font-weight:600}
.pa-post--wide .pa-post__ex{font-size:16px;line-height:1.9;margin-bottom:20px;max-width:52ch}
.pa-post--wide .more{font-size:15px;line-height:1.6}
.pa-post--wide::before{
  content:"الأحدث";position:absolute;
}
.pa-post--wide{position:relative}
.pa-post--wide::before{
  inset-block-start:20px;inset-inline-start:20px;z-index:2;
  background:var(--brand);color:var(--paper);font-family:var(--display);
  font-size:12px;font-weight:500;padding:5px 14px;border-radius:var(--r-pill);
}

/* --- حالة الفراغ --- */
.pa-blog-empty{text-align:center;padding-block:60px}
.pa-blog-empty h2{font-size:24px;margin-bottom:10px}
.pa-blog-empty p{color:var(--body);margin-bottom:22px}

@media (max-width:1000px){
  .pa-post--wide{grid-template-columns:1fr}
  .pa-post--wide .pa-post__thumb{min-height:200px}
  .pa-post--wide .pa-post__in{padding:30px 26px}
  .pa-filters-bar{position:static}
}
@media (max-width:600px){
  .pa-blog-tools{gap:12px}
  .pa-post__thumb{height:104px}
}

/* --- نموذج البحث --- */

.pa-search{display:flex;gap:10px;margin-block-start:26px;max-width:520px}
.pa-search input[type=search]{flex:1;min-width:0}
.pa-search .pa-btn{flex:none}

/* بطاقات الإنقاذ في 404 والبحث الفارغ */
.pa-rescue .pa-card{display:block;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.pa-rescue .pa-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-l);border-color:transparent}
.pa-rescue .pa-card h2{font-size:17px;margin-bottom:8px;font-weight:600}
.pa-rescue .pa-card p{font-size:14.5px;margin-bottom:14px}
.pa-rescue .pa-card .more{font-size:13.5px;color:var(--brand);font-weight:500}

/* ترقيم صفحات ووردبريس الافتراضي يأخذ تنسيق pa-pagination */
.pagination.pa-pagination,.navigation.pagination{display:flex;gap:8px;justify-content:center;margin-block-start:56px;flex-wrap:wrap}
.navigation.pagination .nav-links{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.navigation.pagination .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.navigation.pagination .page-numbers{
  min-width:44px;height:44px;display:grid;place-items:center;border-radius:14px;
  border:1px solid var(--line);font-family:var(--mono);font-size:14px;background:var(--paper);
  padding-inline:12px;transition:border-color .2s ease,color .2s ease;
}
.navigation.pagination .page-numbers.current{background:var(--brand);color:var(--paper);border-color:var(--brand)}
.navigation.pagination a.page-numbers:hover{border-color:var(--brand);color:var(--brand)}

/* رابط تخطّي المحتوى */
.skip-link.screen-reader-text{
  position:absolute;inset-block-start:-100px;inset-inline-start:16px;z-index:200;
  background:var(--brand);color:var(--paper);padding:12px 20px;border-radius:var(--r-sm);
  transition:inset-block-start .2s ease;
}
.skip-link.screen-reader-text:focus{inset-block-start:16px;color:var(--paper)}

/* Astra لا يلفّ محتوانا */
#primary.content-area,#main.site-main{margin:0;padding:0;max-width:none;width:100%}
.ast-article-single,.ast-article-post{margin:0;padding:0;border:0;background:none}
.entry-header.ast-no-thumbnail{display:none}

/* ============================================================================
   18. مواءمة ودجات الرئيسية مع المرجع البصري (index.html)
   طبقة تحويل الألوان تُسقِط اللوحة القديمة على الرموز، لكنها تحافظ على
   البنية القديمة: هيرو داكن وكلمة تمييز برتقالية. المرجع المعتمد يستخدم
   هيرو فاتحاً وكلمة تمييز خضراء — هذه الكتلة تُطابقه.
   ========================================================================= */

/* --- الهيرو: أرضية فاتحة بدل التدرّج الداكن --- */
/* الودجت مصمَّم لأرضية داكنة، فنصوصه بيضاء. بعد تفتيح الأرضية نعيد
   ضبط ألوان النص. الفئات مأخوذة من خرج الودجت الفعلي. */
[class*="afs-hero-"] .afs-hero,
.afs-hero{
  background:linear-gradient(165deg,var(--mist) 0%,var(--paper) 55%,var(--tint) 100%) !important;
  border-bottom:1px solid var(--line);
}

.afs-hero .afs-hero-title,
.afs-hero .afs-hero-title span{color:var(--ink) !important}

.afs-hero .afs-hero-title .accent{
  color:var(--brand) !important;-webkit-text-fill-color:var(--brand);
  background:none !important;position:relative;white-space:nowrap;
}
.afs-hero .afs-hero-title .accent::after{
  content:"";position:absolute;inset-inline:0;inset-block-end:4px;height:10px;
  background:rgba(19,168,124,.18);border-radius:6px;z-index:-1;
}

.afs-hero .afs-hero-description{color:var(--body) !important}

.afs-hero .afs-hero-badge{background:var(--tint) !important;border:1px solid var(--brand) !important}
.afs-hero .afs-hero-badge-text{color:var(--brand) !important}
.afs-hero .afs-hero-badge-dot{background:var(--brand-hi) !important}

.afs-hero .afs-hero-btn-primary{
  background:var(--brand) !important;border-color:var(--brand) !important;
  box-shadow:0 12px 26px -14px rgba(15,123,95,.9);
}
.afs-hero .afs-hero-btn-primary,
.afs-hero .afs-hero-btn-primary .afs-hero-btn-text,
.afs-hero .afs-hero-btn-primary .afs-hero-btn-icon{color:var(--paper) !important;fill:var(--paper)}
.afs-hero .afs-hero-btn-primary:hover{background:var(--brand-dark) !important;transform:translateY(-2px)}

.afs-hero .afs-hero-btn-secondary{background:var(--paper) !important;border-color:var(--line) !important}
.afs-hero .afs-hero-btn-secondary,
.afs-hero .afs-hero-btn-secondary .afs-hero-btn-text,
.afs-hero .afs-hero-btn-secondary .afs-hero-btn-icon{color:var(--ink) !important;fill:var(--ink)}
.afs-hero .afs-hero-btn-secondary:hover{border-color:var(--brand) !important}
.afs-hero .afs-hero-btn-secondary:hover .afs-hero-btn-text{color:var(--brand) !important}

.afs-hero .afs-hero-stat-value{color:var(--brand) !important;font-family:var(--mono)}
.afs-hero .afs-hero-stat-label{color:var(--body) !important}
.afs-hero .afs-hero-stats{border-color:var(--line) !important}

/* شارات بقية الأقسام */
[class*="afs-"] [class*="-badge"]{background:var(--tint) !important;color:var(--brand) !important}
[class*="afs-"] [class*="-badge"] *{color:var(--brand) !important}

/* --- تباين العناصر فوق الأرضيات الخضراء الداكنة ---
   قسم «لماذا نحن» وبطاقة الباقة المميّزة كانا على أزرق داكن بنص برتقالي.
   بعد التحويل صار النص أخضر باهتاً على أخضر داكن — نعيده إلى الأبيض. */
.afs-market-section .afs-market-stat-value{color:var(--paper) !important;font-family:var(--mono)}
.afs-market-section .afs-market-stat-label{color:rgba(255,255,255,.78) !important}
.afs-market-section .afs-market-description,
.afs-market-section .afs-market-feature-description{color:rgba(255,255,255,.80) !important}
.afs-market-section .afs-market-feature-title{color:var(--paper) !important}
.afs-market-section .afs-market-badge{background:rgba(255,255,255,.14) !important;color:var(--paper) !important}
.afs-market-section .afs-market-badge *{color:var(--paper) !important}

/* بطاقة الباقة المميّزة */
.afs-pricing-card.is-featured .afs-pricing-button,
.afs-pricing-card[class*="featured"] .afs-pricing-button{
  background:var(--paper) !important;color:var(--brand) !important;border-color:var(--paper) !important;
}
.afs-pricing-card.is-featured .afs-pricing-button:hover,
.afs-pricing-card[class*="featured"] .afs-pricing-button:hover{background:var(--tint) !important}

/* زر الباقات العادي */
.afs-pricing-button{font-family:var(--display)}
.afs-pricing-price,.afs-pricing-currency{font-family:var(--mono)}

/* قسم الدعوة الختامي: أزرار بيضاء على الأخضر */
.afs-cta-section [class*="btn"],
[class*="afs-cta"] a[class*="button"]{font-family:var(--display)}

/* عنوان شبكة المقالات — يحفظ التسلسل الهرمي في الصفحات بلا مقال مميّز */
.pa-grid-title{
  font-family:var(--display);font-size:20px;font-weight:600;line-height:1.5;color:var(--ink);margin-block:8px 18px;
  display:flex;align-items:center;gap:14px;
}
.pa-grid-title::after{content:"";flex:1;height:1px;background:var(--line)}

/* تلميح بصري أن شريط التصنيفات قابل للتمرير أفقياً */
.pa-filters-bar{position:sticky;inset-block-start:var(--header-h);z-index:40}
.pa-filters-bar::after{
  content:"";position:absolute;inset-block:0;inset-inline-end:0;width:56px;
  background:linear-gradient(to left,var(--paper),transparent);
  pointer-events:none;
}
html[dir="rtl"] .pa-filters-bar::after{background:linear-gradient(to right,var(--paper),transparent)}
.pa-filters-bar{overflow:hidden}