/* ============== VA ARTICLE v2 ============== */
.va-article{--brand:#0F3D87;--brand2:#133B65;--dark:#0E1320;--muted:#6A778D;--soft:#F5F7FB;--card:#fff;--radius:18px;color:var(--dark);font-family:system-ui,-apple-system,"Segoe UI",Tahoma,Arial}
.va-article *{box-sizing:border-box}
.va-article .wrap{max-width:1200px;margin:0 auto;padding:0 18px}

/* HERO */
.va-article .va-hero{position:relative;background:var(--hero) center/cover no-repeat}
.va-article .va-hero__overlay{position:absolute;inset:0;background:
  linear-gradient(180deg,rgba(10,17,30,.25) 0%,rgba(10,17,30,.45) 45%,rgba(10,17,30,.65) 100%)}
.va-article .va-hero__inner{position:relative;min-height:320px;display:flex;align-items:flex-end;padding:32px 0}
.va-article .va-hero__content{padding:20px 22px 26px;border-radius:18px;backdrop-filter:saturate(120%) blur(2px);background:linear-gradient(0deg,rgba(12,18,30,.55),rgba(12,18,30,.25));color:#fff;max-width:900px;margin-inline-start:auto;margin-inline-end:0}
.va-article .va-hero__title{margin:0 0 10px;font-weight:900;letter-spacing:.2px;line-height:1.15;font-size:clamp(26px,4.6vw,44px);text-shadow:0 10px 28px rgba(0,0,0,.3)}
.va-article .va-hero__meta{display:flex;gap:10px;flex-wrap:wrap}
.va-article .chip{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);color:#fff;padding:8px 12px;border-radius:999px;font-size:13px}

/* GRID (Left info / Right content) */
/* BODY wrapper – عمود واحد في النص */
.va-article .va-grid{
  max-width: 900px;
  margin: 28px auto 40px;  /* في النص */
}
.va-article .va-side .sticky{position:sticky;top:24px}
.va-article .card{background:var(--card);border-radius:var(--radius);box-shadow:0 10px 24px rgba(0,0,0,.06);padding:20px}
.va-article .card + .card{margin-top:16px}
.va-article .card-title{margin:0 0 12px;font-size:18px;font-weight:800}

/* info box */
.va-article .facts{margin:0;padding:0;list-style:none}
.va-article .facts li{padding:10px 12px;border:1px solid #EEF2F8;border-radius:12px;margin-bottom:8px;color:#1d2e48}

/* CTA */
.va-article .button{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#1a4ea4,#0F3D87);color:#fff;text-decoration:none;border-radius:12px;padding:12px 14px;font-weight:800;box-shadow:0 14px 26px rgba(15,61,135,.18);border:0}
.va-article .button:hover{transform:translateY(-1px)}
.va-article .button--green{background:linear-gradient(135deg,#1e8663,#0b654a)}
.va-article .button--ghost{background:#f6f9ff;color:#0E1320;border:1px solid #e6eefb}
.va-article .cta-col{display:flex;flex-direction:column;gap:10px}

/* TOC */
.va-article .toc .toc-item{display:block;padding:10px 12px;border-radius:10px;text-decoration:none;color:#203045;border:1px solid #edf1f7;margin-bottom:8px}
.va-article .toc .toc-item.h3{padding-inline-start:20px;opacity:.85}
.va-article .toc .toc-item:hover{background:#f6f9ff;border-color:#dfe8fb}

/* MAIN CONTENT */
.va-article .va-main{padding:24px}
.va-article .entry-content{font-size:18px;line-height:1.95;color:#22314a}
.va-article .entry-content p{margin:0 0 14px}
.va-article .entry-content h2{font-size:clamp(20px,3vw,28px);margin:28px 0 10px;display:flex;gap:10px;align-items:center}
.va-article .entry-content h3{font-size:clamp(18px,2.6vw,22px);margin:18px 0 8px}
.va-article .entry-content ul{margin:10px 0 16px;padding:0 22px 0 0}
.va-article .entry-content li{margin:8px 0}
.va-article figure{margin:14px 0;border-radius:16px;overflow:hidden}
.va-article figcaption{font-size:13px;color:#7a8699;padding:8px 8px 0}
.va-article .muted{color:var(--muted)}

/* Bottom CTA + Comments */
.va-article .va-bottom-cta{margin-top:8px}
.va-article .va-bottom-cta__inner{border-radius:16px;padding:20px;background:linear-gradient(135deg,#eef4ff,#f6fbff);border:1px solid #e4ecfb}
.va-article .va-bottom-cta h3{margin:0 0 8px;font-size:22px}
.va-article .cta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.va-article .cta-row .button{flex:1 1 220px}

/* Comments normalization (الثيمات تختلف) */
.va-article .va-comments{margin-top:22px}
.va-article .comment-respond, .va-article #comments{background:#fff;border:1px solid #eef2f8;border-radius:12px;padding:16px}

/* Responsive */
@media (max-width:1150px){.va-article .va-grid{grid-template-columns:320px 1fr}}
@media (max-width:900px){
  .va-article .va-grid{grid-template-columns:1fr}
  .va-article .va-side .sticky{position:relative;top:auto}
  .va-article .va-hero__inner{min-height:260px}
  .va-article .va-hero__content{margin-inline-start:0}
}
/* ===== أساسيات RTL للمقالات ===== */
.single-post .post-lead-row,
.single .post-lead-row { direction: rtl; }

/* صف الغلاف الثاني: صورتك + العمود الجانبي */
.post-lead-row{
  display:grid;
  grid-template-columns: 1.1fr .9fr;   /* الصورة أوسع شوية */
  gap: 28px;
  align-items:start;
  margin: 28px 0 36px;
}

/* الصورة التانية عادية بدون أي نص */
.post-lead-img{ border-radius: 18px; overflow: hidden; }
.post-lead-img img{ width:100%; height:auto; display:block; }

/* لو فيه أي عنوان/نص جاي من الودجت فوق الصورة — اخفيه هنا */
.post-lead-img .elementor-heading-title,
.post-lead-img .tx-title,
.post-lead-img h1,
.post-lead-img h2,
.post-lead-img h3 { display:none !important; }

/* الكولمن الجانبي */
.post-aside{ position:relative; display:flex; flex-direction:column; gap:18px; }

/* الكروت الجانبية */
.card{
  background:#fff;
  border-radius:16px;
  box-shadow: 0 8px 24px rgba(10,27,51,.06);
  padding:20px 18px;
}
.card h3{
  font-size:18px; font-weight:700; margin:0 0 10px; color:#0E1320;
}

/* كارت المعلومات */
.quick-info ul{ margin:0; padding:0; list-style:none; }
.quick-info li{
  display:flex; justify-content:space-between; align-items:center;
  gap:12px; padding:10px 0; border-bottom:1px solid #f0f2f5;
  font-size:14.5px; color:#25324A;
}
.quick-info li:last-child{ border-bottom:none; }

/* أزرار الاستشارة */
.btn{
  display:inline-flex; align-items:center; justify-content:center;
  width:100%; height:48px; border-radius:12px; font-weight:700;
  text-decoration:none; transition:.2s ease; border:1px solid transparent;
  margin-top:10px;
}
.btn.whats{ background:#17A34A; color:#fff; }
.btn.whats:hover{ filter:brightness(.95); }
.btn.ghost{
  background:#F5F7FB; color:#0E1320; border-color:#E6EAF1;
}
.btn.ghost:hover{ background:#EEF2F8; }

/* المحتوى الأساسي */
.post-content{
  direction:rtl;
  color:#25324A;
  line-height:1.9;
  font-size:16.5px;
  background:#fff;
  border-radius:16px;
  box-shadow: 0 8px 24px rgba(10,27,51,.05);
  padding:26px 22px;
  margin: 6px 0 40px;
}
.post-content h2, .post-content h3{
  color:#0E1320; margin:22px 0 10px; line-height:1.45;
}
.post-content img{ max-width:100%; height:auto; border-radius:12px; }
.post-content ul{ padding-right:20px; }
.post-content li{ margin:6px 0; }

/* ===== موبايل & تابليت ===== */
@media (max-width: 1024px){
  .post-lead-row{ grid-template-columns: 1fr; gap:16px; }
  .post-aside{ order:2; }
  .post-content{ order:3; }
  .post-lead-img{ order:1; }
}
@media (max-width: 640px){
  .card{ border-radius:14px; padding:16px; }
  .btn{ height:46px; border-radius:10px; }
  .post-content{ padding:18px 16px; border-radius:14px; }
}
/* ========================
   Mobile Gutters & Readability
   ======================== */
@media (max-width: 768px){

  /* خلي فيه padding يمين/شمال لكل حاويات المقال */
  body.single-post .site-content,
  body.single-post .content-area,
  body.single-post .container,
  body.single-post .entry-content,
  body.single-post .elementor-section,
  body.single-post .tx-blog-area,
  body.single-post .mt-container-1,
  body.single-post .tv-article,
  body.single-post .tv-content-wrap{
    padding-inline: 16px !important; /* يمين/شمال */
    box-sizing: border-box;
  }

  /* الهيرو يفضل full-bleed لكن بدون زوايا داخلية مضايقة */
  .tv-hero,
  .tv-hero-card,
  body.single-post .tv-hero img{
    margin-inline: -16px !important; /* يمتد للحافة للموبايل */
    width: calc(100% + 32px) !important;
    max-width: none !important;
    border-radius: 0 !important;
    display: block;
  }

  /* الكارد/الصناديق الداخلية مسافات لطيفة وزوايا ناعمة */
  .tv-meta-card,
  .tv-cta-box,
  .tv-card,
  .post-card,
  .widget,
  .tv-block{
    border-radius: 14px !important;
    margin-bottom: 16px !important;
    overflow: hidden;
  }

  /* المحتوى النصي مريح للقراءة */
  .entry-content p,
  .entry-content li{
    font-size: 17px;
    line-height: 1.9;
  }

  /* جدول المحتويات/الويدجت يبدأ بعد المحتوى لوحده */
  .tv-sidebar,
  .sidebar,
  .widget-area{
    width: 100% !important;
    margin-top: 20px !important;
    padding-inline: 0 !important;
  }

  /* أي صور داخل المقال ما تكسرش الجوتّر */
  .entry-content img{
    max-width: 100%;
    height: auto;
    border-radius: 12px;
  }

  /* امنع أي negative margins من عناصر داخلية */
  .entry-content > *{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
/* ===== Patch 2: اخفاء تداخل الحواف للموبايل (Elementor + المحتوى) ===== */
@media (max-width: 768px){

  /* اجبر كل حاويات Elementor وجسم المقال يكون لهم padding جانبي ثابت */
  body.single-post :where(.elementor-section,
                          .elementor-container,
                          .elementor-column,
                          .elementor-widget-wrap,
                          .entry-content){
    padding-inline: 18px !important; /* يمين/شمال */
    box-sizing: border-box;
  }

  /* منع أي container داخلي من تصغير العرض عن 100% */
  body.single-post .elementor-section .elementor-container{
    max-width: 100% !important;
  }

  /* العناصر المباشرة داخل entry-content ما يكونش ليها margin سالب أو إنزياح جانبي */
  body.single-post .entry-content > *{
    margin-inline: 0 !important;
  }

  /* الصور / الفيجير تبقى داخل الجوتّر وما تكسرش الحافة */
  body.single-post .entry-content figure,
  body.single-post .entry-content .wp-block-image,
  body.single-post .entry-content img{
    display: block;
    margin-inline: auto;           /* وسط */
    max-width: 100%;
    height: auto;
    border-radius: 14px;
  }

  /* الكروت/الصناديق ما تزودش padding/negative-margin يكسر الجوتّر */
  body.single-post .tv-card,
  body.single-post .post-card,
  body.single-post .widget,
  body.single-post .tv-block{
    margin-inline: 0 !important;
    padding-inline: 16px !important;
    border-radius: 14px !important;
  }

  /* الهيرو يفضل full-bleed فقط، وباقي المحتوى داخل الجوتّر */
  body.single-post .tv-hero,
  body.single-post .tv-hero img{
    margin-inline: -18px !important;
    width: calc(100% + 36px) !important;
    max-width: none !important;
    border-radius: 0 !important;
  }
}
/* ===== Latest posts under article ===== */
.va-article .va-latest{
  margin-top: 26px;
}

.va-article .va-latest__title{
  font-size: 22px;
  font-weight: 800;
  margin: 0 0 14px;
  color: var(--dark);
}

.va-article .va-latest__grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.va-article .va-latest__item{
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 8px 18px rgba(10,27,51,.06);
  overflow: hidden;
}

.va-article .va-latest__thumb img{
  width: 100%;
  height: auto;
  display: block;
}

.va-article .va-latest__heading{
  font-size: 16px;
  margin: 10px 12px 4px;
}

.va-article .va-latest__heading a{
  color: var(--dark);
  text-decoration: none;
}

.va-article .va-latest__heading a:hover{
  color: var(--brand);
}

.va-article .va-latest__date{
  display: block;
  font-size: 13px;
  color: var(--muted);
  margin: 0 12px 10px;
}

/* ريسبونسف */
@media (max-width: 900px){
  .va-article .va-latest__grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px){
  .va-article .va-latest__grid{
    grid-template-columns: 1fr;
  }
}
/* BODY wrapper – عمود واحد في النص */
.va-article .va-grid{
  max-width: 900px;        /* عرض مريح للمقالة */
  margin: 28px auto 40px;  /* في نص الصفحة */
  display: block;          /* مش جريد */
}
/* ===== Latest posts under article ===== */
.va-article .va-latest{
  margin-top: 30px;
}

.va-article .va-latest__title{
  font-size: 22px;
  font-weight: 800;
  margin: 0 0 16px;
  color: var(--dark);
  text-align: right;
}

.va-article .va-latest__grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.va-article .va-latest__item{
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 8px 18px rgba(10,27,51,.06);
  overflow: hidden;
}

.va-article .va-latest__thumb img{
  width: 100%;
  display: block;
}

.va-article .va-latest__heading{
  font-size: 16px;
  margin: 10px 12px 4px;
}

.va-article .va-latest__heading a{
  color: var(--dark);
  text-decoration: none;
}

.va-article .va-latest__heading a:hover{
  color: var(--brand);
}

.va-article .va-latest__date{
  display: block;
  font-size: 13px;
  color: var(--muted);
  margin: 0 12px 10px;
}

/* ريسبونسف */
@media (max-width: 900px){
  .va-article .va-latest__grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px){
  .va-article .va-latest__grid{
    grid-template-columns: 1fr;
  }
}

/* BODY wrapper – عمود واحد في النص */
.va-article .va-grid{
  display:block;
  max-width:900px;
  margin:28px auto 40px;   /* في النص */
}
@media (max-width:1150px){
  .va-article .va-grid{
    max-width:900px;
    margin:24px auto 32px;
  }
}
@media (max-width:900px){
  .va-article .va-grid{
    max-width:100%;
    margin:24px auto 32px;
  }
}
/* ===== Latest posts under article ===== */
.va-article .va-latest{
  margin-top:26px;
}

.va-article .va-latest__title{
  font-size:22px;
  font-weight:800;
  margin:0 0 14px;
  color:var(--dark);
}

.va-article .va-latest__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.va-article .va-latest__item{
  background:#fff;
  border-radius:16px;
  box-shadow:0 8px 18px rgba(10,27,51,.06);
  overflow:hidden;
}

.va-article .va-latest__thumb img{
  width:100%;
  height:auto;
  display:block;
}

.va-article .va-latest__heading{
  font-size:16px;
  margin:10px 12px 4px;
}

.va-article .va-latest__heading a{
  color:var(--dark);
  text-decoration:none;
}

.va-article .va-latest__heading a:hover{
  color:var(--brand);
}

.va-article .va-latest__date{
  display:block;
  font-size:13px;
  color:var(--muted);
  margin:0 12px 10px;
}

/* ريسبونسف */
@media (max-width:900px){
  .va-article .va-latest__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:600px){
  .va-article .va-latest__grid{
    grid-template-columns:1fr;
  }
}
.va-article .wrap {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 50px 18px !important;
}