/* إضافات ووردبريس فوق تصميم الموقع الأصلي */
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.admin-bar nav{top:32px}
@media(max-width:782px){.admin-bar nav{top:46px}}
.admin-bar .mnav{top:32px}

/* محاذاة الوسائط داخل المقالات */
.art-body img,.sol-body img,.entry-content img{max-width:100%;height:auto;border-radius:var(--r1)}
.art-body figure,.sol-body figure{margin:28px 0}
.art-body figcaption,.sol-body figcaption{font-size:13px;color:var(--t3);text-align:center;margin-top:10px}
.alignleft{float:left;margin:0 24px 20px 0}
.alignright{float:right;margin:0 0 20px 24px}
.aligncenter{display:block;margin-left:auto;margin-right:auto}
.alignwide,.alignfull{max-width:100%}

/* قوائم داخل المحتوى */
.art-body ul,.art-body ol,.sol-body ul,.sol-body ol{margin:0 24px 24px 0;padding-right:20px;color:var(--t2);font-size:16px;line-height:2}
.art-body li,.sol-body li{margin-bottom:8px}
.art-body h3,.sol-body h3{font-family:'Readex Pro',sans-serif;font-size:19px;font-weight:700;color:var(--t1);margin:32px 0 14px}
.art-body a,.sol-body a{color:var(--c1);text-decoration:underline;text-underline-offset:3px}
.art-body a:hover,.sol-body a:hover{color:var(--c1d,#0F766E)}
.art-body table,.sol-body table{width:100%;border-collapse:collapse;margin:28px 0;font-size:14px;display:block;overflow-x:auto}
.art-body th,.art-body td,.sol-body th,.sol-body td{border:1px solid var(--bdr);padding:12px 14px;text-align:right}
.art-body th,.sol-body th{background:var(--bg2);font-weight:700;color:var(--t1)}

/* تنقّل الصفحات (ووردبريس) */
.hdt-pagination{display:flex;justify-content:center;gap:8px;padding:48px 0 0;flex-wrap:wrap}
.hdt-pagination .page-numbers{min-width:42px;height:42px;padding:0 12px;border-radius:10px;border:1px solid var(--bdr);background:#fff;font-family:'Readex Pro',sans-serif;font-size:14px;font-weight:600;color:var(--t2);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:.3s}
.hdt-pagination .page-numbers:hover{border-color:var(--c1l);color:var(--c1)}
.hdt-pagination .page-numbers.current{background:var(--grad1);color:#fff;border-color:transparent}

/* حالة فارغة */
.hdt-empty{max-width:1320px;margin:0 auto;padding:80px 40px;text-align:center;color:var(--t2)}
.hdt-empty h2{font-family:'Readex Pro',sans-serif;font-size:26px;margin-bottom:12px;color:var(--t1)}

/* بحث */
.hdt-search{display:flex;gap:10px;max-width:480px;margin:24px auto 0}
.hdt-search input[type=search]{flex:1;padding:13px 22px;border-radius:50px;border:1px solid var(--bdr);background:#fff;font-family:'Tajawal',sans-serif;font-size:14px;outline:none}
.hdt-search input[type=search]:focus{border-color:var(--c1l)}
.hdt-search button{padding:13px 28px;border-radius:50px;background:var(--grad1);color:#fff;border:none;font-family:'Tajawal',sans-serif;font-weight:700;font-size:14px;cursor:pointer}

/* صفحة عادية */
.hdt-page-body{max-width:900px;margin:0 auto;padding:60px 40px 80px}
.hdt-page-body p{font-size:16px;color:var(--t2);line-height:2;margin-bottom:20px}
.hdt-page-body h2{font-family:'Readex Pro',sans-serif;font-size:24px;font-weight:700;margin:44px 0 18px;padding-right:20px;border-right:4px solid var(--c1)}
@media(max-width:768px){.hdt-page-body{padding:40px 20px 60px}.hdt-empty{padding:60px 20px}}

/* بطاقات المقالات — مستخدمة في المدونة وفي قسم «أحدث المقالات» بالصفحة الرئيسية */
.hdt-latest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.blog-card{background:#fff;border-radius:var(--r1);border:1px solid var(--bdr);overflow:hidden;transition:.4s;text-decoration:none;color:inherit;display:flex;flex-direction:column}
.blog-card:hover{transform:translateY(-6px);box-shadow:var(--sh3);border-color:var(--c1l)}
.card-img{height:220px;overflow:hidden;position:relative}
.ci{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:56px;transition:transform .6s}
.blog-card:hover .ci{transform:scale(1.05)}
.card-cat{position:absolute;top:16px;right:16px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);padding:5px 14px;border-radius:50px;font-size:11px;font-weight:700;color:var(--c1)}
.g1{background:linear-gradient(135deg,#F0FDFA,#CCFBF1)}.g2{background:linear-gradient(135deg,#FFF7ED,#FED7AA)}.g3{background:linear-gradient(135deg,#F0F9FF,#BAE6FD)}.g4{background:linear-gradient(135deg,#FDF2F8,#FBCFE8)}.g5{background:linear-gradient(135deg,#FEFCE8,#FEF08A)}.g6{background:linear-gradient(135deg,#F5F3FF,#DDD6FE)}.g7{background:linear-gradient(135deg,#ECFDF5,#A7F3D0)}.g8{background:linear-gradient(135deg,#FFF1F2,#FECDD3)}.g9{background:linear-gradient(135deg,#F0FDFA,#99F6E4)}
.card-body{padding:28px;flex:1;display:flex;flex-direction:column}
.card-meta{display:flex;gap:16px;font-size:12px;color:var(--t3);margin-bottom:12px}
.card-body h2,.card-body h3{font-family:'Readex Pro',sans-serif;font-size:17px;font-weight:600;line-height:1.5;margin-bottom:10px;transition:.3s}
.blog-card:hover .card-body h2,.blog-card:hover .card-body h3{color:var(--c1)}
.card-body p{font-size:13.5px;color:var(--t2);line-height:1.75;flex:1;margin-bottom:18px}
.card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:14px;border-top:1px solid var(--bdr)}
.card-author{display:flex;align-items:center;gap:10px}
.card-av{width:32px;height:32px;border-radius:50%;background:var(--grad1);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:11px;flex-shrink:0}
.card-aname{font-size:12px;font-weight:600}
.card-read{font-size:12px;color:var(--c1);font-weight:600;transition:.3s}
.blog-card:hover .card-read{letter-spacing:1px}
@media(max-width:1024px){.hdt-latest-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.hdt-latest-grid{grid-template-columns:1fr}}

/* أرشيف الأنظمة — يعيد استخدام تصميم شبكة الحلول بالصفحة الرئيسية */
.post-type-archive-solution .sol-sec{padding:60px 0 90px;background:#fff}
.post-type-archive-solution .sc{max-width:1320px;margin:0 auto;padding:0 40px}
.post-type-archive-solution .sol-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.sol-card{background:var(--bg);border-radius:var(--r1);padding:36px 28px;border:1px solid var(--bdr);position:relative;overflow:hidden;cursor:pointer;transition:.4s cubic-bezier(.4,0,.2,1)}
.sol-card::before{content:'';position:absolute;top:0;right:0;width:100%;height:3px;background:var(--grad1);transform:scaleX(0);transform-origin:right;transition:.4s}
.sol-card:hover::before{transform:scaleX(1)}
.sol-card:hover{transform:translateY(-6px);box-shadow:var(--sh3);background:#fff;border-color:var(--c1l)}
.sol-num{font-family:'Readex Pro',sans-serif;font-size:11px;font-weight:700;color:var(--c1);background:rgba(13,148,136,.08);width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.sol-ico{font-size:32px;margin-bottom:16px;display:block;line-height:1}
.sol-card h3{font-family:'Readex Pro',sans-serif;font-size:17px;font-weight:600;margin-bottom:10px;color:var(--t1);line-height:1.4}
.sol-card p{font-size:13.5px;color:var(--t2);line-height:1.75;margin-bottom:16px}
.sol-tags{display:flex;flex-wrap:wrap;gap:6px}
.sol-tag{font-size:11px;padding:4px 10px;border-radius:50px;background:rgba(13,148,136,.06);color:var(--c1d,#0F766E);font-weight:500;white-space:nowrap}
@media(max-width:1024px){.post-type-archive-solution .sol-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.post-type-archive-solution .sol-grid{grid-template-columns:1fr}.post-type-archive-solution .sc{padding:0 20px}}

/* تسميات الأزرار العائمة */
.float-label{position:absolute;right:72px;background:var(--t1);color:#fff;padding:6px 14px;border-radius:8px;font-size:12px;font-weight:600;white-space:nowrap;opacity:0;transform:translateX(-8px);transition:.3s;pointer-events:none}
.float-btn:hover .float-label{opacity:1;transform:translateX(0)}
@media(max-width:768px){.float-label{display:none}}

/* ── كتلة الأنظمة المرتبطة داخل الصفحات التجارية ── */
.linked-sol-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:24px 0 8px}
.linked-sol{display:flex;align-items:flex-start;gap:14px;background:#fff;border:1px solid var(--bdr);border-radius:var(--r1);padding:18px 20px;text-decoration:none!important;color:inherit;transition:.3s}
.linked-sol:hover{border-color:var(--c1l);box-shadow:var(--sh2);transform:translateY(-2px)}
.ls-ico{font-size:26px;line-height:1;flex-shrink:0}
.ls-txt{display:flex;flex-direction:column;gap:3px;min-width:0}
.ls-txt strong{font-family:'Readex Pro',sans-serif;font-size:15px;font-weight:600;color:var(--t1);transition:.3s}
.linked-sol:hover .ls-txt strong{color:var(--c1)}
.ls-txt em{font-style:normal;font-size:12.5px;color:var(--t3);line-height:1.6}

/* ── نداء الإجراء أسفل صفحات التجميع ── */
.hub-cta{background:var(--t1);border-radius:var(--r2);padding:48px;text-align:center;margin:56px 0 0;position:relative;overflow:hidden}
.hub-cta::before{content:'';position:absolute;top:-40%;right:-15%;width:400px;height:400px;background:var(--c1);border-radius:50%;opacity:.08;filter:blur(60px)}
.hub-cta h3{font-family:'Readex Pro',sans-serif;font-size:26px;font-weight:700;color:#fff;margin-bottom:12px;position:relative;z-index:2}
.hub-cta p{font-size:15px;color:rgba(255,255,255,.55);margin-bottom:24px;position:relative;z-index:2;max-width:560px;margin-inline:auto}
.hub-cta .cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;position:relative;z-index:2}
.hub-cta .cta-btns a{padding:14px 32px;border-radius:50px;font-weight:700;font-size:14px;text-decoration:none;transition:.3s;display:inline-flex;align-items:center;gap:8px}
.hub-cta .btn-wa{background:#25D366;color:#fff}
.hub-cta .btn-call{background:#fff;color:var(--t1)}
.hub-cta .cta-btns a:hover{transform:translateY(-2px)}

/* شبكة التجميع تعمل على كل الأنواع التجارية لا الأنظمة فقط */
body[class*="post-type-archive"] .sol-sec{padding:60px 0 90px;background:#fff}
body[class*="post-type-archive"] .sc{max-width:1320px;margin:0 auto;padding:0 40px}
body[class*="post-type-archive"] .sol-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
@media(max-width:1024px){body[class*="post-type-archive"] .sol-grid{grid-template-columns:repeat(2,1fr)}.linked-sol-grid{grid-template-columns:1fr}}
@media(max-width:768px){body[class*="post-type-archive"] .sol-grid{grid-template-columns:1fr}body[class*="post-type-archive"] .sc{padding:0 20px}.hub-cta{padding:36px 24px}}

/* ── جداول المقارنة ── */
.cmp-table{width:100%;border-collapse:separate;border-spacing:0;margin:32px 0;font-size:14.5px;border:1px solid var(--bdr);border-radius:var(--r1);overflow:hidden;display:block;overflow-x:auto;white-space:normal}
.cmp-table th,.cmp-table td{padding:14px 16px;text-align:right;border-bottom:1px solid var(--bdr);vertical-align:top;line-height:1.8}
.cmp-table thead th{background:var(--bg2);font-family:'Readex Pro',sans-serif;font-weight:700;color:var(--t1);font-size:14px;white-space:nowrap}
.cmp-table tbody th{font-weight:600;color:var(--t1);background:#fff;width:190px}
.cmp-table td{color:var(--t2)}
.cmp-table tr:last-child th,.cmp-table tr:last-child td{border-bottom:none}
.cmp-table .yes{color:#0D9488;font-weight:700}
.cmp-table .no{color:#DC2626;font-weight:700}
.cmp-table .hi{background:rgba(13,148,136,.04)}

/* ── صناديق المحتوى الإضافية ── */
.answer-box{background:var(--bg2);border-right:4px solid var(--c1);border-radius:var(--r1);padding:22px 26px;margin:0 0 28px;font-size:16.5px;line-height:2;color:var(--t1)}
.answer-box strong{color:var(--c1d,#0F766E)}
.step-list{counter-reset:hdtstep;list-style:none!important;margin:28px 0!important;padding:0!important}
.step-list li{counter-increment:hdtstep;position:relative;padding:0 52px 0 0;margin-bottom:20px;list-style:none}
.step-list li::before{content:counter(hdtstep);position:absolute;right:0;top:2px;width:34px;height:34px;border-radius:10px;background:var(--grad1);color:#fff;font-family:'Readex Pro',sans-serif;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center}
.step-list li strong{display:block;color:var(--t1);font-size:16px;margin-bottom:4px}
.pill-row{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 28px}
.pill{font-size:12.5px;padding:6px 14px;border-radius:50px;background:rgba(13,148,136,.07);color:var(--c1d,#0F766E);font-weight:600}

/* عنوان مساند أسفل H1 في الصفحة الرئيسية */
.hero-sub{font-family:'Readex Pro',sans-serif;font-size:22px!important;font-weight:500;color:var(--t1)!important;margin:0 auto 20px!important;max-width:760px}
@media(max-width:768px){.hero-sub{font-size:17px!important}}

/* ── صفحة طلب عرض السعر ── */
.contact-layout{max-width:1320px;margin:0 auto;padding:56px 40px 80px;display:grid;grid-template-columns:1fr 340px;gap:36px;align-items:start}
.cf-card.light{background:#fff;border:1px solid var(--bdr);border-radius:var(--r2);padding:40px;box-shadow:var(--sh2)}
.cf-card.light h3{font-family:'Readex Pro',sans-serif;font-size:22px;font-weight:700;color:var(--t1);margin-bottom:8px}
.cf-card.light .cf-lede{font-size:14.5px;color:var(--t2);line-height:1.9;margin-bottom:28px}
.cf-card.light .cf-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.cf-card.light .cf-f{display:flex;flex-direction:column;gap:7px}
.cf-card.light .cf-f.full{grid-column:1/-1}
.cf-card.light label{font-size:13px;font-weight:600;color:var(--t1)}
.cf-card.light input[type=text],.cf-card.light input[type=tel],.cf-card.light input[type=email],.cf-card.light select,.cf-card.light textarea{
  width:100%;padding:12px 16px;border-radius:12px;border:1px solid var(--bdr);background:var(--bg);
  font-family:'Tajawal',sans-serif;font-size:14px;color:var(--t1);outline:none;transition:.25s}
.cf-card.light input:focus,.cf-card.light select:focus,.cf-card.light textarea:focus{border-color:var(--c1);background:#fff;box-shadow:0 0 0 3px rgba(13,148,136,.08)}
.cf-card.light textarea{resize:vertical;min-height:96px}
.cf-sys{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;background:var(--bg);border:1px solid var(--bdr);border-radius:12px;padding:14px;max-height:230px;overflow-y:auto}
.cf-chk{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:500;color:var(--t2);cursor:pointer;padding:4px 2px}
.cf-chk input{accent-color:var(--c1);width:16px;height:16px;flex-shrink:0}
.cf-chk:hover span{color:var(--c1)}
.cf-card.light .cf-send{width:100%;margin-top:26px;padding:16px;border:none;border-radius:50px;background:var(--grad1);color:#fff;
  font-family:'Tajawal',sans-serif;font-weight:700;font-size:16px;cursor:pointer;transition:.3s;box-shadow:0 6px 22px rgba(13,148,136,.28)}
.cf-card.light .cf-send:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(13,148,136,.36)}
.cf-card.light .cf-note{margin-top:14px;font-size:12.5px;color:var(--t3);text-align:center}
.cf-card.light .cf-note.err{color:#DC2626;font-weight:600}
.cf-ok{text-align:center;padding:30px 10px}
.cf-ok .tick{width:64px;height:64px;margin:0 auto 18px;border-radius:50%;background:var(--grad1);color:#fff;font-size:30px;display:flex;align-items:center;justify-content:center}
.cf-ok h3{font-family:'Readex Pro',sans-serif;font-size:22px;margin-bottom:10px}
.cf-ok p{font-size:14.5px;color:var(--t2);line-height:1.9}
.contact-side{position:sticky;top:100px;display:flex;flex-direction:column;gap:18px}
.cs-box{background:#fff;border:1px solid var(--bdr);border-radius:var(--r1);padding:24px}
.cs-box h4{font-family:'Readex Pro',sans-serif;font-size:15px;font-weight:700;margin-bottom:14px;color:var(--t1)}
.cs-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:50px;text-decoration:none;font-weight:700;font-size:13.5px;margin-bottom:10px;transition:.3s}
.cs-btn:hover{transform:translateY(-2px)}
.cs-btn.wa{background:#25D366;color:#fff}
.cs-btn.call{background:var(--grad1);color:#fff}
.cs-btn.mail{background:var(--bg);color:var(--t1);border:1px solid var(--bdr)}
.cs-steps{list-style:none;counter-reset:cs;display:flex;flex-direction:column;gap:14px;margin:0;padding:0}
.cs-steps li{counter-increment:cs;position:relative;padding-right:38px}
.cs-steps li::before{content:counter(cs);position:absolute;right:0;top:0;width:26px;height:26px;border-radius:8px;background:rgba(13,148,136,.09);color:var(--c1);font-family:'Readex Pro',sans-serif;font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center}
.cs-steps strong{display:block;font-size:13.5px;color:var(--t1);margin-bottom:2px}
.cs-steps span{font-size:12.5px;color:var(--t2);line-height:1.8}
.cs-box a{color:var(--c1);text-decoration:underline;text-underline-offset:3px}
@media(max-width:1024px){.contact-layout{grid-template-columns:1fr}.contact-side{position:static}}
@media(max-width:768px){.contact-layout{padding:36px 20px 60px}.cf-card.light{padding:26px 20px}.cf-card.light .cf-grid{grid-template-columns:1fr}.cf-sys{grid-template-columns:1fr}}

/* ── صفحة الأسعار ── */
.price-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:28px 0 36px}
.price-card{background:#fff;border:1px solid var(--bdr);border-radius:var(--r1);padding:24px;transition:.3s}
.price-card:hover{border-color:var(--c1l);box-shadow:var(--sh2);transform:translateY(-3px)}
.pc-ico{font-size:26px;display:block;margin-bottom:12px;line-height:1}
.price-card h4{font-family:'Readex Pro',sans-serif;font-size:15.5px;font-weight:700;color:var(--t1);margin-bottom:8px}
.price-card p{font-size:13.5px!important;color:var(--t2);line-height:1.85;margin:0!important}
@media(max-width:768px){.price-grid{grid-template-columns:1fr}}

/* تذييل بخمسة أعمدة */
footer .ft-g{grid-template-columns:1.6fr 1fr 1fr 1fr 1fr}
footer .ft-col ul a strong{color:var(--c1l);font-weight:700}
@media(max-width:1024px){footer .ft-g{grid-template-columns:1fr 1fr}}
@media(max-width:768px){footer .ft-g{grid-template-columns:1fr}}

/* نداء الإجراء داخل المقال */
.post-cta{background:var(--t1);border-radius:var(--r2);padding:38px 32px;text-align:center;margin:40px 0 8px;position:relative;overflow:hidden}
.post-cta::before{content:'';position:absolute;top:-40%;right:-15%;width:340px;height:340px;background:var(--c1);border-radius:50%;opacity:.09;filter:blur(60px)}
.post-cta h3{font-family:'Readex Pro',sans-serif;font-size:22px;font-weight:700;color:#fff;margin-bottom:10px;position:relative;z-index:2}
.post-cta p{font-size:14.5px!important;color:rgba(255,255,255,.55)!important;margin-bottom:22px!important;position:relative;z-index:2;line-height:1.9}
.post-cta .cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;position:relative;z-index:2}
.post-cta .cta-btns a{padding:13px 28px;border-radius:50px;font-weight:700;font-size:14px;text-decoration:none!important;transition:.3s}
.post-cta .btn-wa{color:#fff}
.post-cta .btn-call{background:#fff;color:var(--t1)}
.post-cta .cta-btns a:hover{transform:translateY(-2px)}
.art-body .linked-sol-grid{margin:20px 0 8px}

/* ── قسم القطاعات في الصفحة الرئيسية ── */
.hdt-home .ind-sec{background:var(--bg)}
.ind-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ind-card{background:#fff;border:1px solid var(--bdr);border-radius:var(--r1);padding:30px 26px;text-decoration:none!important;color:inherit;transition:.4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:10px}
.ind-card:hover{transform:translateY(-5px);box-shadow:var(--sh3);border-color:var(--c1l)}
.ind-ico{font-size:32px;line-height:1}
.ind-card h3{font-family:'Readex Pro',sans-serif;font-size:16.5px;font-weight:600;color:var(--t1);line-height:1.5;transition:.3s;margin:0}
.ind-card:hover h3{color:var(--c1)}
.ind-go{font-size:12.5px;color:var(--c1);font-weight:700;margin-top:auto;transition:.3s}
.ind-card:hover .ind-go{letter-spacing:.5px}

/* نداء منتصف الصفحة */
.mid-cta{margin-top:44px;background:#fff;border:1px solid var(--bdr);border-radius:var(--r2);padding:34px 38px;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;box-shadow:var(--sh2)}
.mid-cta h3{font-family:'Readex Pro',sans-serif;font-size:20px;font-weight:700;color:var(--t1);margin-bottom:6px;line-height:1.5}
.mid-cta p{font-size:14.5px;color:var(--t2);line-height:1.85;margin:0;max-width:620px}
.mid-cta-btns{display:flex;gap:12px;flex-wrap:wrap}
.mid-cta-btns .btn-p,.mid-cta-btns .btn-s{padding:13px 30px!important;font-size:14.5px!important;white-space:nowrap}

/* ── حالات الاستخدام ── */
.hdt-home .uc-sec{background:#fff;padding-top:0}
.uc-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.uc-chip{display:inline-flex;align-items:center;gap:9px;background:var(--bg);border:1px solid var(--bdr);border-radius:50px;padding:12px 24px;text-decoration:none!important;color:var(--t1);font-size:14px;font-weight:600;transition:.3s}
.uc-chip:hover{border-color:var(--c1l);color:var(--c1);background:#fff;box-shadow:var(--sh2);transform:translateY(-2px)}
.uc-chip span{font-size:17px;line-height:1}
@media(max-width:1024px){.ind-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.ind-grid{grid-template-columns:1fr}.mid-cta{padding:26px 22px;flex-direction:column;align-items:flex-start}.uc-chip{font-size:13px;padding:10px 18px}}

/* ملاحظة توضيحية داخل صفحات التجميع */
.hub-note{max-width:860px;margin:56px auto 0;background:#fff;border:1px solid var(--bdr);border-radius:var(--r2);padding:38px 40px}
.hub-note h3{font-family:'Readex Pro',sans-serif;font-size:21px;font-weight:700;color:var(--t1);margin-bottom:12px}
.hub-note p{font-size:15px;color:var(--t2);line-height:2;margin-bottom:18px}
.hub-note .step-list li{font-size:14.5px;color:var(--t2);line-height:1.9}
@media(max-width:768px){.hub-note{padding:26px 22px}}

/* ── مخطط «كيف يعمل النظام» ── */
.sol-diagram{max-width:900px;margin:44px auto 0;padding:0 40px}
.sol-diagram-img{width:100%;height:auto;display:block;border-radius:var(--r1);border:1px solid var(--bdr);box-shadow:var(--sh2);background:#fff}
.sol-diagram figcaption{font-size:13px;color:var(--t3);text-align:center;margin-top:12px;line-height:1.8}
@media(max-width:768px){.sol-diagram{padding:0 20px;margin-top:32px}}

/* ── مكوّنات مشتركة كانت معرّفة في ورقة واحدة فقط ── */
/* أيقونات التواصل في التذييل — تظهر في كل الصفحات */
.ft-soc{display:flex;gap:10px}
.ft-soc a{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.5);text-decoration:none;transition:.3s;font-size:14px}
.ft-soc a:hover{background:var(--c1);color:#fff}

/* صف الأرقام داخل المحتوى — منقول من صفحات المقالات */
.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:32px 0}
.stat-box{background:var(--bg2);border-radius:var(--r1);padding:22px;text-align:center}
.stat-box .num{font-family:'Readex Pro',sans-serif;font-size:30px;font-weight:700;color:var(--c1);line-height:1.2}
.stat-box .lbl{font-size:12px;color:var(--t3);margin-top:4px}

/* عناصر بيانات المقال */
.art-meta-item{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}

/* اقتباسات داخل أي محتوى */
.sol-body blockquote,.hdt-page-body blockquote{background:var(--bg2);border-radius:var(--r1);padding:24px 28px;margin:28px 0;border-right:4px solid var(--c1);font-size:15px;color:var(--t1);font-weight:500;line-height:1.9;font-style:italic}
.sol-body blockquote cite,.hdt-page-body blockquote cite{display:block;margin-top:10px;font-size:13px;color:var(--t3);font-style:normal;font-weight:400}

@media(max-width:768px){.stat-row{grid-template-columns:1fr}}

/* ── وصولية ── */
.skip-link{position:absolute;top:-100px;right:20px;z-index:10000;background:var(--t1);color:#fff;padding:12px 22px;border-radius:0 0 12px 12px;font-weight:700;font-size:14px;text-decoration:none;transition:top .2s}
.skip-link:focus{top:0}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--c1);outline-offset:3px;border-radius:4px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.rv{opacity:1!important;transform:none!important}}
.hdt-pagination .next,.hdt-pagination .prev{font-family:var(--body,inherit)}

/* ── لقطة واجهة المنصة ── */
.ui-shot{max-width:1060px;margin:48px auto 0;padding:0 40px}
.ui-shot__head{display:flex;flex-direction:column;gap:6px;margin-bottom:18px;text-align:center}
.ui-shot__tag{font-size:12px;font-weight:700;color:var(--c1);letter-spacing:.4px}
.ui-shot__head strong{font-family:'Readex Pro',sans-serif;font-size:21px;font-weight:700;color:var(--t1);line-height:1.5}
.ui-shot__sub{font-size:14px;color:var(--t2);line-height:1.85;max-width:640px;margin:0 auto}
.ui-shot__frame{border:1px solid var(--bdr);border-radius:var(--r2);overflow:hidden;box-shadow:var(--sh3);background:#fff}
.ui-shot__bar{display:flex;align-items:center;gap:12px;padding:11px 16px;background:#F1F5F9;border-bottom:1px solid var(--bdr)}
.ui-shot__dots{display:flex;gap:6px;flex-shrink:0}
.ui-shot__dots i{width:10px;height:10px;border-radius:50%;background:#CBD5E1;display:block}
.ui-shot__addr{flex:1;text-align:center;font-size:12px;color:var(--t3);font-family:'Readex Pro',sans-serif;direction:ltr}
.ui-shot__img{width:100%;height:auto;display:block}
@media(max-width:768px){.ui-shot{padding:0 20px;margin-top:34px}.ui-shot__head strong{font-size:18px}}

/* ── شاشات المنصة في الصفحة الرئيسية ── */
.hdt-home .scr-sec{background:var(--bg2)}
.scr-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.scr-card{background:#fff;border:1px solid var(--bdr);border-radius:var(--r2);overflow:hidden;text-decoration:none!important;color:inherit;transition:.4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}
.scr-card:hover{transform:translateY(-5px);box-shadow:var(--sh3);border-color:var(--c1l)}
.scr-shot{background:#F1F5F9;border-bottom:1px solid var(--bdr)}
.scr-bar{display:flex;gap:6px;padding:10px 14px}
.scr-bar i{width:9px;height:9px;border-radius:50%;background:#CBD5E1;display:block}
.scr-img{width:100%;height:auto;display:block;border-top:1px solid var(--bdr)}
.scr-meta{padding:22px 24px 24px;display:flex;flex-direction:column;gap:6px;flex:1}
.scr-meta h3{font-family:'Readex Pro',sans-serif;font-size:17px;font-weight:600;color:var(--t1);margin:0;transition:.3s}
.scr-card:hover .scr-meta h3{color:var(--c1)}
.scr-meta p{font-size:13.5px;color:var(--t2);line-height:1.8;margin:0}
.scr-go{font-size:12.5px;color:var(--c1);font-weight:700;margin-top:auto;padding-top:10px;transition:.3s}
.scr-card:hover .scr-go{letter-spacing:.5px}
@media(max-width:768px){.scr-grid{grid-template-columns:1fr;gap:20px}}

/* ── صندوق الكاتب ── */
.author-box{display:flex;gap:18px;align-items:flex-start;background:var(--bg2);border:1px solid var(--bdr);border-radius:var(--r1);padding:24px 26px;margin:36px 0 8px}
.author-box__av{width:52px;height:52px;border-radius:50%;background:var(--grad1);color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Readex Pro',sans-serif;font-weight:700;font-size:15px;flex-shrink:0}
.author-box__txt strong{display:block;font-family:'Readex Pro',sans-serif;font-size:16px;font-weight:700;color:var(--t1);margin-bottom:6px}
.author-box__txt p{font-size:14px!important;color:var(--t2);line-height:1.85;margin:0 0 10px!important}
.author-box__txt a{font-size:13.5px;font-weight:700;color:var(--c1);text-decoration:none}
@media(max-width:768px){.author-box{padding:20px;gap:14px}}

/* الأسئلة الشائعة داخل المقال */
.post-faq{display:flex;flex-direction:column;gap:12px;margin:20px 0 8px}
.post-faq .faq-i{background:#fff;border-radius:var(--r1);border:1px solid var(--bdr);overflow:hidden}
.post-faq .faq-q{width:100%;background:none;border:none;padding:18px 22px;text-align:right;font-size:15px;font-weight:600;color:var(--t1);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px;font-family:'Tajawal',sans-serif;line-height:1.6}
.post-faq .faq-q span{transition:.3s;font-size:20px;color:var(--c1);flex-shrink:0}
.post-faq .faq-i.active .faq-q span{transform:rotate(45deg)}
.post-faq .faq-a{max-height:0;overflow:hidden;transition:.4s}
.post-faq .faq-i.active .faq-a{max-height:420px;padding:0 22px 18px}
.post-faq .faq-a p{font-size:14.5px!important;color:var(--t2);line-height:1.9;margin:0!important}