/* حَصين — إضافات القالب فوق تنسيقات الصفحة الأصلية */

/* ترقيم صفحات المدوّنة */
.haseen-pagination{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin:48px 0 8px}
.haseen-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 14px;border-radius:10px;border:1px solid var(--line,#e2e8f0);background:#fff;color:var(--ink,#0f172a);font-family:'Tajawal',sans-serif;font-weight:700;font-size:15px;text-decoration:none;transition:all .18s ease}
.haseen-pagination .page-numbers:hover{border-color:var(--primary,#0369a1);color:var(--primary,#0369a1);transform:translateY(-1px)}
.haseen-pagination .page-numbers.current{background:var(--primary,#0369a1);border-color:var(--primary,#0369a1);color:#fff}
.haseen-pagination .page-numbers.dots{border:none;background:none}

/* شريط أدوات ووردبريس لا يزيح التصميم الثابت */
body.admin-bar .topbar{top:32px}
@media screen and (max-width:782px){body.admin-bar .topbar{top:46px}}

/* توافق محرّر الكتل مع تصميم المقال */
.art-body > .wp-block-image img{max-width:100%;height:auto;border-radius:12px}
.art-body figure{margin:24px 0}
.art-body figcaption{font-size:13px;color:var(--muted,#64748b);text-align:center;margin-top:8px}

/* صفحة 404 */
.haseen-404{text-align:center;padding:120px 20px}
.haseen-404 h1{font-family:'Cairo',sans-serif;font-weight:900;font-size:clamp(48px,10vw,96px);color:var(--primary,#0369a1);line-height:1}
.haseen-404 p{font-family:'Tajawal',sans-serif;font-size:18px;color:var(--muted,#64748b);margin:16px 0 32px}

/* عناصر الشريط الجانبي صارت روابط — نحافظ على مظهرها الأصلي */
.topic-item,.popular-item{text-decoration:none;color:inherit}
.topic-item:hover .topic-name,.popular-item:hover .popular-title{color:var(--primary,#0369a1)}

/* شبكة أمان: قواعد موجودة في معظم صفحات الأصل وتنقص في بعضها،
   والقوالب الديناميكية تعرضها في كل مقال */
.share-btns{display:flex;flex-direction:column;gap:8px}
.share-btn{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:9px;border:1.5px solid var(--line-soft,#e2e8f0);background:var(--card,#fff);font-family:'Tajawal',sans-serif;font-size:13.5px;font-weight:700;color:var(--ink-soft,#334155);cursor:pointer;transition:all .15s;text-decoration:none}
.share-btn:hover{border-color:var(--primary,#0369a1);color:var(--primary,#0369a1)}
.share-btn svg{width:16px;height:16px}

/* ================= صفحات الهبوط التجارية ================= */

/* كتلة الإجابة المباشرة — قابلة للاقتباس في محركات الإجابة */
.haseen-answer{background:var(--primary-faint,#f0f9ff);border:1px solid var(--primary-soft,#bae6fd);border-inline-start:4px solid var(--primary,#0369a1);border-radius:12px;padding:20px 24px;margin:0 0 32px}
.haseen-answer-label{font-family:'Cairo',sans-serif;font-weight:900;font-size:13px;letter-spacing:.02em;color:var(--primary,#0369a1);margin-bottom:8px}
.haseen-answer p{font-family:'Tajawal',sans-serif;font-size:17px;line-height:1.85;color:var(--ink,#0f172a);margin:0}

/* CTA لاصق للجوال على صفحات الشراء */
.hs-sticky-cta{position:fixed;inset-inline:0;bottom:0;z-index:9997;display:none;gap:10px;padding:10px 14px;background:rgba(255,255,255,.97);border-top:1px solid var(--line,#e2e8f0);backdrop-filter:blur(8px)}
.hs-sticky-cta .btn{flex:1;justify-content:center;font-size:14.5px;padding:12px 10px}
@media(max-width:820px){
  body.hs-landing .hs-sticky-cta{display:flex}
  /* يُرفع الزر فوق شريط الـCTA اللاصق فلا يتداخلان */
  body.hs-landing .dt-wa-fab{bottom:86px}
  body.hs-landing{padding-bottom:70px}
}
/* على الشاشات الكبيرة: الزر أسفل يمين الصفحة (RTL) وأسفل يسارها (LTR) */
.dt-wa-fab{inset-inline-start:22px;inset-inline-end:auto;left:auto;right:auto}
@media (max-width:600px){.dt-wa-fab{inset-inline-start:16px}}

/* صندوق الحلّ داخل المقالات — ربط داخلي نحو الصفحات التجارية */
.haseen-solution-box{margin:40px 0 8px;padding:26px 28px;border-radius:16px;background:linear-gradient(135deg,var(--primary-faint,#f0f9ff),#fff);border:1px solid var(--primary-soft,#bae6fd)}
.hsb-label{font-family:'Cairo',sans-serif;font-weight:900;font-size:12.5px;letter-spacing:.04em;color:var(--primary,#0369a1);margin-bottom:10px}
.haseen-solution-box h3{font-family:'Cairo',sans-serif;font-weight:900;font-size:20px;margin:0 0 10px;line-height:1.5}
.haseen-solution-box h3 a{color:var(--ink,#0f172a);text-decoration:none}
.haseen-solution-box h3 a:hover{color:var(--primary,#0369a1)}
.haseen-solution-box p{font-family:'Tajawal',sans-serif;font-size:15.5px;line-height:1.85;color:var(--ink-soft,#334155);margin:0 0 16px}
.hsb-cta{display:inline-flex;align-items:center;gap:7px;padding:11px 20px;border-radius:10px;background:var(--primary,#0369a1);color:#fff;font-family:'Tajawal',sans-serif;font-weight:800;font-size:14.5px;text-decoration:none;transition:all .18s}
.hsb-cta:hover{background:var(--ink,#0f172a);color:#fff;transform:translateY(-1px)}
.hsb-cta svg{width:15px;height:15px}

/* وعد الهوية أسفل H1 على الرئيسية */
.hero-promise{font-family:'Cairo',sans-serif;font-weight:900;font-size:clamp(20px,3vw,28px);color:var(--primary,#0369a1);margin:14px 0 0;letter-spacing:-.01em}

/* شبكة أمان: أزرار على خلفية داكنة (لو ورد أحد الصنفين في محتوى قديم) */
.btn-ghost-light{background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(10px)}
.btn-ghost-light:hover{background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.4);color:#fff}
.blog-hero .btn-ghost,.blog-hero .btn-white{background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.25)}
.blog-hero .btn-ghost:hover,.blog-hero .btn-white:hover{background:rgba(255,255,255,.25);color:#fff}
/* أزرار الهيرو الداكن: تباعد ومحاذاة */
.blog-hero .final-cta-actions{display:flex;flex-wrap:wrap;gap:12px}