/* ══════════════════════════════════════════════════════════════
   واجبات اونلاين — Wajibat Q2A Theme
   نظام تصميم كامل مبني ضد الكلاسات الحقيقية لـ Question2Answer
   (تم التأكد منها من qa-include/qa-theme-base.php مباشرة)
════════════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════
   TOKENS
══════════════════════════════════════════ */
:root{
  --gold:       #c9a84c;
  --gold-l:     #e5c87a;
  --gold-dim:   rgba(201,168,76,.12);
  --gold-brd:   rgba(201,168,76,.22);

  --bg:         #060a10;
  --s1:         #0c1220;
  --s2:         #111828;
  --s3:         #181f2e;

  --b1:         rgba(255,255,255,.08);
  --b2:         rgba(255,255,255,.14);

  --t1:         #eef2fc;
  --t2:         #b8c4dc;
  --t3:         #6e7d9e;
  --t4:         #3e4d6a;

  --red:        #ef4444;
  --green:      #22c55e;

  --r:          14px;
  --r-sm:       8px;
  --r-full:     9999px;
  --dur:        .18s;
  --font:       'Tajawal', system-ui, sans-serif;
  --content:    1200px;
}

/* الوضع النهاري — يتفعّل بكلاس qa-light-mode على body (زرار التبديل بالهيدر) */
body.qa-light-mode{
  --gold:       #a8863a;
  --gold-l:     #8a6318;
  --gold-dim:   rgba(168,134,58,.1);
  --gold-brd:   rgba(168,134,58,.22);

  --bg:         #f7f3ea;
  --s1:         #ffffff;
  --s2:         #f1e9d6;
  --s3:         #e7dab8;

  --b1:         rgba(35,25,5,.1);
  --b2:         rgba(35,25,5,.16);

  --t1:         #241d09;
  --t2:         #4a3d1c;
  --t3:         #7a6a3c;
  --t4:         #a3946a;
}
body.qa-light-mode{background-image:none}

/* ══════════════════════════════════════════
   RESET
══════════════════════════════════════════ */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;scroll-behavior:smooth;scroll-padding-top:80px;width:100%}
body{
  margin:0;width:100%;font-family:var(--font);font-size:15px;line-height:1.7;
  color:var(--t1);background-color:var(--bg);
  background-image:
    radial-gradient(ellipse 80% 60% at 50% 0%,rgba(201,168,76,.07),transparent 60%),
    radial-gradient(ellipse 40% 40% at 85% 85%,rgba(79,70,229,.05),transparent),
    linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);
  background-size:auto,auto,60px 60px,60px 60px;
  background-attachment:fixed;
  min-height:100vh;
}
img,svg{max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3{margin:0}
p{margin:0 0 .85em}
ul{list-style:none;margin:0;padding:0}
table{border-collapse:collapse}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px}
*{color:inherit}

.qa-container{width:100%;max-width:var(--content);margin-inline:auto;padding-inline:clamp(.75rem,3vw,2rem)}

/* ══════════════════════════════════════════
   HEADER
══════════════════════════════════════════ */
.qa-header{
  position:sticky;top:0;z-index:50;
  background:rgba(6,10,16,.9);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid var(--b1);
}
.qa-header-inner{
  min-height:60px;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding-block:.4rem;
}

.qa-logo{flex-shrink:0}
.qa-logo a,.qa-logo{
  font-size:1.15rem;font-weight:900;white-space:nowrap;
  background:linear-gradient(135deg,var(--gold),var(--gold-l));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}

/* nav رئيسي — يظهر صف واحد على الديسكتوب */
.qa-header-nav-main{flex:1;min-width:0}
.qa-nav-main-list{display:flex;align-items:center;gap:.15rem;list-style:none;margin:0;padding:0;overflow-x:auto;scrollbar-width:none}
.qa-nav-main-list::-webkit-scrollbar{display:none}
.qa-nav-main-item{flex-shrink:0}
.qa-nav-main-link{
  display:inline-block;white-space:nowrap;padding:.5rem .8rem;border-radius:var(--r-sm);
  font-size:.85rem;font-weight:700;color:var(--t3);transition:all var(--dur);border:1.5px solid transparent;
}
.qa-nav-main-link:hover{color:var(--t1);background:var(--s2)}
.qa-nav-main-link.qa-nav-main-selected{color:var(--gold-l);background:var(--gold-dim);border-color:var(--gold-brd)}
.qa-nav-main-note{display:none} /* عدد إشعارات صغير — نخليه بسيط أو نخفيه لو مربك بصرياً */

/* البحث */
.qa-header-search-wrap{flex:0 1 300px;min-width:160px}
.qa-search{display:flex;align-items:center;gap:.5rem;background:var(--s2);border:1.5px solid var(--b1);border-radius:var(--r-full);padding:.4rem 1rem;transition:border-color var(--dur),box-shadow var(--dur)}
.qa-search:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-dim)}
.qa-search-field{flex:1;min-width:0;background:transparent;border:none;outline:none;font-family:inherit;font-size:.85rem;color:var(--t1)}
.qa-search-field::placeholder{color:var(--t4)}
.qa-search-button{background:transparent;border:none;color:var(--t3);cursor:pointer;font-weight:700;font-size:.8rem;padding:0 .2rem}
.qa-search-button:hover{color:var(--gold-l)}

/* حساب المستخدم / دخول */
.qa-header-actions{flex-shrink:0;display:flex;align-items:center;gap:.35rem}
.qa-theme-toggle{
  display:flex;align-items:center;justify-content:center;width:36px;height:36px;
  border-radius:var(--r-full);background:var(--s2);border:1.5px solid var(--b1);
  color:var(--t2);font-size:1rem;cursor:pointer;transition:all var(--dur);flex-shrink:0;
}
.qa-theme-toggle:hover{border-color:var(--gold-brd);color:var(--gold-l)}
.qa-nav-user{display:flex;align-items:center}
.qa-logged-in{
  display:inline-flex;align-items:center;padding:.5rem .8rem;border-radius:var(--r-sm);
  font-size:.8rem;font-weight:700;color:var(--t2);white-space:nowrap;
}
.qa-logged-in a{color:var(--gold-l);font-weight:800}
.qa-logged-in a:hover{color:var(--gold)}
.qa-nav-user-list{display:flex;align-items:center;gap:.35rem;list-style:none;margin:0;padding:0}
.qa-nav-user-link{
  display:inline-flex;align-items:center;padding:.5rem .8rem;border-radius:var(--r-sm);
  font-size:.82rem;font-weight:700;color:var(--t3);white-space:nowrap;transition:all var(--dur);
}
.qa-nav-user-link:hover{color:var(--t1);background:var(--s2)}
.qa-nav-user-selected{color:var(--gold-l)}
/* زرار الدخول الأساسي — ذهبي مميز */
.qa-nav-user-login,.qa-nav-user-register{
  background:var(--gold)!important;
}
.qa-nav-user-login .qa-nav-user-link,
.qa-nav-user-register .qa-nav-user-link{
  color:#000!important;background:var(--gold);border-radius:var(--r-sm);font-weight:800;
}
.qa-nav-user-login .qa-nav-user-link:hover,
.qa-nav-user-register .qa-nav-user-link:hover{background:var(--gold-l)}
/* لو مسجل دخول، خلي الريجستر يختفي ولوجاوت يبقى ghost */
.qa-nav-user-logout .qa-nav-user-link{color:var(--t3);background:transparent}

/* صف فرعي (سورت تابس / تصنيفات) تحت الهيدر */
.qa-header-subrow{background:var(--s1);border-bottom:1px solid var(--b1)}
.qa-nav-sub-list{display:flex;align-items:center;gap:.25rem;list-style:none;margin:0;padding:.5rem 0;overflow-x:auto;scrollbar-width:none}
.qa-nav-sub-list::-webkit-scrollbar{display:none}
.qa-nav-sub-link{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem .85rem;border-radius:var(--r-sm);font-size:.82rem;font-weight:700;color:var(--t3);white-space:nowrap;border:1.5px solid transparent;transition:all var(--dur)}
.qa-nav-sub-link:hover{color:var(--t1);background:var(--s2)}
.qa-nav-sub-link.qa-nav-sub-selected{color:var(--gold-l);background:var(--gold-dim);border-color:var(--gold-brd)}

/* موبايل: بحث ونفس القائمة، بس تتقلص بدل ما تختفي (بدون JS إضافي مطلوب) */
@media(max-width:820px){
  .qa-header-inner{gap:.5rem}
  .qa-header-search-wrap{flex-basis:100%;order:5}
  .qa-nav-main-link{padding:.45rem .6rem;font-size:.8rem}
}

/* ══════════════════════════════════════════
   BUTTONS & FORM CONTROLS (عامة)
══════════════════════════════════════════ */
input[type="submit"],input[type="button"],button{
  cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:700;
  padding:.55rem 1.2rem;border-radius:var(--r-sm);border:1.5px solid transparent;
  background:var(--s2);color:var(--t1);transition:all var(--dur);
}
input[type="submit"]:hover,button:hover{border-color:var(--gold-brd);color:var(--gold-l)}

/* أزرار العمليات الأساسية (احفظ/انشر/سجل دخول...) — ذهبي بارز */
.qa-form-tall-button-login,.qa-form-tall-button-register,.qa-form-tall-button-ask,
.qa-form-tall-button-post,.qa-form-tall-button-save,.qa-form-tall-button-answer,
.qa-form-tall-button-comment,.qa-form-tall-button-send,.qa-form-tall-button-saveview,
.qa-form-wide-button-save,.qa-form-wide-button-dosave,.qa-form-wide-button-change,
.qa-form-wide-button-account,.qa-form-basic-button{
  background:var(--gold)!important;color:#000!important;border-color:var(--gold)!important;font-weight:800;
}
.qa-form-tall-button-login:hover,.qa-form-tall-button-register:hover,.qa-form-tall-button-ask:hover,
.qa-form-tall-button-post:hover,.qa-form-tall-button-save:hover,.qa-form-tall-button-answer:hover,
.qa-form-tall-button-comment:hover,.qa-form-tall-button-send:hover{
  background:var(--gold-l)!important;transform:translateY(-1px);
}
/* أزرار ثانوية (إلغاء/إغلاق) */
.qa-form-tall-button-cancel,.qa-form-tall-button-close,.qa-form-tall-button-reset{
  background:transparent!important;color:var(--t2)!important;border-color:var(--b2)!important;
}
/* أزرار خطر (حذف) */
.qa-form-wide-button-delete,.qa-form-wide-button-delete_all,.qa-form-wide-button-delete_expired{
  background:transparent!important;color:var(--red)!important;border-color:rgba(239,68,68,.35)!important;
}

/* أزرار صغيرة داخل البوستات (تعليق/تعديل/حذف/تابع...) */
.qa-form-light-button{
  background:transparent;border:none;color:var(--t3);font-size:.78rem;font-weight:700;
  padding:.25rem .5rem;border-radius:6px;
}
.qa-form-light-button:hover{color:var(--gold-l);background:var(--gold-dim)}

/* ══════════════════════════════════════════
   FORMS (تحويل الجداول لتصميم عمودي حديث)
══════════════════════════════════════════ */
.qa-form-tall-table,.qa-form-wide-table,.qa-form-light-table,.qa-form-basic-table{
  display:block;width:100%;border-collapse:collapse;
}
.qa-form-tall-table tbody,.qa-form-wide-table tbody{display:block;width:100%}
.qa-form-tall-table tr,.qa-form-wide-table tr{display:block;width:100%;margin-bottom:1.1rem}
.qa-form-tall-table td,.qa-form-wide-table td{display:block;width:100%;padding:0}
.qa-form-tall-label,.qa-form-wide-label{
  display:block;font-size:.82rem;font-weight:700;color:var(--t2);margin-bottom:.4rem;
}
.qa-form-tall-text,.qa-form-wide-text,.qa-form-tall-select,.qa-form-wide-select,
.qa-form-tall-number,.qa-form-wide-number{
  width:100%;background:var(--s2);border:1.5px solid var(--b1);border-radius:var(--r-sm);
  padding:.65rem .9rem;font-size:.9rem;font-family:inherit;color:var(--t1);
  transition:border-color var(--dur),box-shadow var(--dur);
}
.qa-form-tall-text:focus,.qa-form-wide-text:focus,.qa-form-tall-select:focus,.qa-form-wide-select:focus{
  outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-dim);
}
textarea.qa-form-tall-text,textarea.qa-form-wide-text{min-height:160px;resize:vertical;line-height:1.8}
.qa-form-tall-checkbox,.qa-form-wide-checkbox{accent-color:var(--gold);width:16px;height:16px;margin-inline-end:.5rem}
.qa-form-tall-error,.qa-form-wide-error{display:block;font-size:.75rem;color:var(--red);margin-top:.35rem}
.qa-form-tall-note,.qa-form-wide-note{display:block;font-size:.72rem;color:var(--t4);margin-top:.35rem}
.qa-form-tall-buttons,.qa-form-wide-buttons{padding-top:.25rem}
.qa-form-tall-ok,.qa-form-wide-ok{
  display:block;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.25);color:#86efac;
  padding:.7rem 1rem;border-radius:var(--r-sm);margin-bottom:1rem;font-size:.85rem;font-weight:600;
}

/* فورمات خفيفة/بسيطة (تعليق، إضافة إجابة سريعة) تفضل مضغوطة أفقياً */
.qa-form-light-table,.qa-form-basic-table{display:inline}
.qa-form-light-table tr,.qa-form-basic-table tr{display:inline-flex;align-items:center;gap:.5rem;width:auto}
.qa-form-light-table td,.qa-form-basic-table td{display:block;width:auto}
.qa-form-light-text{background:var(--s2);border:1px solid var(--b1);border-radius:var(--r-full);padding:.4rem 1rem;font-size:.8rem;color:var(--t1)}

/* بطاقة تحتوي أي فورم أساسي (تسجيل/دخول/اسأل سؤال) */
.qa-part-form,.qa-part-form-2,.qa-part-form-q-edit,.qa-part-form-profile,
.qa-part-form-password,.qa-part-form-activity,.qa-part-form-plugin-options{
  background:var(--s1);border:1px solid var(--b1);border-radius:var(--r);padding:1.75rem;margin-bottom:1.25rem;
}

/* ══════════════════════════════════════════
   العنوان الرئيسي + رسائل النجاح/الخطأ
══════════════════════════════════════════ */
.qa-main-heading h1{font-size:1.3rem;font-weight:900;margin-bottom:1rem}
.qa-error,.qa-success{
  display:block;padding:.8rem 1rem;border-radius:var(--r-sm);font-size:.85rem;font-weight:600;margin-bottom:1rem;
}
.qa-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.25);color:#fca5a5}
.qa-success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.25);color:#86efac}
.qa-notice{
  background:var(--s1);border:1px solid var(--gold-brd);border-radius:var(--r-sm);
  padding:.8rem 1rem;margin-bottom:1rem;font-size:.85rem;
}

/* ══════════════════════════════════════════
   LAYOUT: main + sidepanel
══════════════════════════════════════════ */
.qa-body-wrapper{min-height:100vh;width:100%;display:flex;flex-direction:column}
.qa-body-wrapper > .qa-main,
.qa-body-wrapper .qam-content{flex:1}

/* Q2A بيحط sidepanel قبل main في الـ DOM، إحنا بنقلبهم بصرياً
   بس (flex order) عشان المحتوى يفضل يمين والقائمة الجانبية شمال
   زي التصميم المرجعي */
.qa-container-content{width:100%;max-width:var(--content);margin-inline:auto;padding-inline:clamp(.75rem,3vw,2rem);display:flex;gap:1.5rem;align-items:flex-start;padding-block:1.75rem}
.qa-main{flex:1 1 0%;min-width:0;order:2;width:100%}
.qa-sidepanel{flex:0 0 280px;order:1;width:280px}
@media(max-width:900px){
  .qa-container-content{flex-direction:column}
  .qa-sidepanel{flex-basis:auto;width:100%;order:2}
  .qa-main{order:1}
}

.qa-sidebar{background:var(--s1);border:1px solid var(--b1);border-radius:var(--r);padding:1.25rem;margin-bottom:1rem}
.qa-feed{margin-top:.5rem}
.qa-feed-link{font-size:.78rem;color:var(--t3);display:flex;align-items:center;gap:.35rem}
.qa-feed-link:hover{color:var(--gold-l)}

/* ══════════════════════════════════════════
   قائمة الأسئلة (كروت)
══════════════════════════════════════════ */
.qa-q-list{display:flex;flex-direction:column;gap:.75rem}
.qa-q-list-item{
  background:var(--s1);border:1px solid var(--b1);border-radius:var(--r);padding:1.25rem 1.5rem;
  transition:border-color var(--dur),box-shadow var(--dur);
}
.qa-q-list-item:hover{border-color:var(--gold-brd);box-shadow:0 4px 24px rgba(201,168,76,.08)}
.qa-q-item-row{display:flex;gap:1rem;align-items:flex-start}
.qa-q-item-clear{display:none}

/* عمود التصويت */
.qa-q-item-stats{flex-shrink:0}
.qa-voting{display:flex;flex-direction:column;align-items:center;gap:.25rem;background:var(--s2);border:1px solid var(--b1);border-radius:var(--r-sm);padding:.55rem .5rem;min-width:46px}
.qa-vote-buttons{display:flex;flex-direction:column;align-items:center;gap:.15rem}
.qa-vote-buttons input[type="submit"]{
  background:transparent!important;border:none!important;color:var(--t3)!important;
  font-size:0;width:22px;height:22px;padding:0;border-radius:6px;position:relative;
}
.qa-vote-buttons input.qa-vote-up::before{content:'▲';font-size:12px;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:inherit}
.qa-vote-buttons input.qa-vote-down::before{content:'▼';font-size:12px;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:inherit}
.qa-vote-buttons input:hover:not([disabled]){color:var(--gold)!important;background:var(--gold-dim)!important}
.qa-vote-buttons input.qa-voted-up{color:var(--gold)!important}
.qa-vote-count{font-size:.95rem;font-weight:900;color:var(--gold-l)}

/* المحتوى الرئيسي للكارت */
.qa-q-item-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.5rem}
.qa-q-item-toprow{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}
.qa-q-item-avatar-meta{display:flex;align-items:center;gap:.55rem;min-width:0}
.qa-q-item-avatar img{width:32px;height:32px;border-radius:var(--r-full);object-fit:cover;display:block}
.qa-q-item-meta{display:flex;flex-direction:column;gap:.05rem;min-width:0}
.qa-q-item-who{font-size:.82rem;font-weight:700;color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qa-q-item-who a{color:inherit}
.qa-q-item-who:hover a{color:var(--gold-l)}
.qa-q-item-when{font-size:.72rem;color:var(--t4)}

.qa-q-item-tags{display:flex}
.qa-q-item-tag-list{display:flex;gap:.35rem;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.qa-q-item-tag-item{
  display:inline-flex;align-items:center;padding:.2rem .6rem;background:var(--gold-dim);
  border:1px solid var(--gold-brd);border-radius:var(--r-full);color:var(--gold-l);
  font-size:.72rem;font-weight:700;
}
.qa-q-item-tag-item a{color:inherit}
.qa-q-item-tag-item:hover{background:var(--gold)}
.qa-q-item-tag-item:hover a{color:#000}

.qa-q-item-title{font-size:1rem;font-weight:800;line-height:1.6}
.qa-q-item-title a{color:var(--t1)}
.qa-q-item-title a:hover{color:var(--gold-l)}
.qa-q-item-content{font-size:.83rem;color:var(--t3);line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.qa-q-item-content img{display:none} /* منع صور كبيرة من تكسير التصميم في الملخص */

.qa-q-item-footrow{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}
.qa-q-item-footstats{display:flex;gap:1rem;font-size:.8rem;color:var(--t3)}
.qa-a-count,.qa-view-count{display:inline-flex;align-items:center;gap:.3rem}
.qa-a-count-selected{color:var(--green)}
.qa-q-item-buttons{display:flex;gap:.4rem}

/* ══════════════════════════════════════════
   الصفحة الرئيسية: عنوان + فلاتر
══════════════════════════════════════════ */
.qa-part-q-list h2,.qa-part-nav-list-categories h2,.qa-part-ranking-users h2,.qa-part-ranking-tags h2{
  font-size:.78rem;font-weight:900;color:var(--t4);text-transform:uppercase;letter-spacing:.06em;margin-bottom:1rem;
}

/* ══════════════════════════════════════════
   الأفاتار العام (كل الأحجام: قايمة، عرض سؤال، إجابات، تعليقات، تصنيفات)
══════════════════════════════════════════ */
[class*="-avatar"] img{border-radius:var(--r-full);object-fit:cover;display:block}
.qa-q-view-avatar img,.qa-a-item-avatar img{width:44px;height:44px}
.qa-c-item-avatar img{width:24px;height:24px}

/* ══════════════════════════════════════════
   PAGINATION
══════════════════════════════════════════ */
.qa-page-links{display:flex;align-items:center;justify-content:center;margin-top:2rem}
.qa-page-links-list{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.qa-page-links-item{display:flex}
.qa-page-link,.qa-page-selected,.qa-page-prev,.qa-page-next{
  display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 .5rem;
  border-radius:var(--r-sm);background:var(--s2);border:1.5px solid var(--b1);
  font-size:.83rem;font-weight:700;color:var(--t3);transition:all var(--dur);
}
.qa-page-link:hover,.qa-page-prev:hover,.qa-page-next:hover{border-color:var(--gold-brd);color:var(--gold-l);background:var(--gold-dim)}
.qa-page-selected{background:var(--gold);color:#000;border-color:var(--gold)}
.qa-page-ellipsis{color:var(--t4);padding:0 .3rem}

/* ══════════════════════════════════════════
   صفحة عرض السؤال + الإجابات + التعليقات
══════════════════════════════════════════ */
.qa-q-view{background:var(--s1);border:1px solid var(--b1);border-radius:var(--r);padding:1.5rem;margin-bottom:1.5rem;display:flex;gap:1.25rem}
.qa-q-view-stats{flex-shrink:0}
.qa-q-view-main{flex:1;min-width:0}
.qa-q-view-clear{display:none}
.qa-post-content{font-size:.95rem;line-height:1.9;color:var(--t2)}
.qa-post-content p{margin-bottom:1rem}
.qa-post-content img{border-radius:var(--r-sm);margin-block:.75rem;max-width:100%}
.qa-post-content pre{background:var(--s2);padding:1rem;border-radius:var(--r-sm);overflow-x:auto}
.qa-view-count{display:block;font-size:.78rem;color:var(--t4);margin-bottom:.5rem}
.qa-q-view-tags{margin-top:1.25rem}
.qa-q-view-tag-list{display:flex;gap:.4rem;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.qa-q-view-tag-item{display:inline-flex;padding:.2rem .6rem;background:var(--gold-dim);border:1px solid var(--gold-brd);border-radius:var(--r-full);color:var(--gold-l);font-size:.75rem;font-weight:700}
.qa-q-view-avatar-meta{display:flex;align-items:center;gap:.6rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--b1)}
.qa-q-view-who{font-weight:700;font-size:.85rem}
.qa-q-view-when{font-size:.75rem;color:var(--t4)}
.qa-q-view-buttons{display:flex;gap:.4rem;margin-top:.75rem}

.qa-a-list{display:flex;flex-direction:column;gap:.9rem;margin-bottom:1.5rem}
.qa-a-list-item{background:var(--s1);border:1px solid var(--b1);border-radius:var(--r);padding:1.5rem;display:flex;gap:1.25rem}
.qa-a-list-item-selected{border-color:rgba(34,197,94,.35);background:linear-gradient(180deg,rgba(34,197,94,.05),transparent 40%)}
.qa-a-item-selected::before{content:'✓ إجابة مقبولة';display:inline-flex;font-size:.72rem;font-weight:800;color:var(--green);background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);border-radius:var(--r-full);padding:.15rem .6rem;margin-bottom:.6rem}
.qa-a-item-main{flex:1;min-width:0}
.qa-a-item-clear{display:none}
.qa-a-item-avatar-meta{display:flex;align-items:center;gap:.6rem;margin-top:1rem;padding-top:.85rem;border-top:1px solid var(--b1)}
.qa-a-item-who{font-weight:700;font-size:.85rem}
.qa-a-item-when{font-size:.75rem;color:var(--t4)}
.qa-a-item-buttons{display:flex;gap:.4rem;margin-top:.6rem}

/* التعليقات (متداخلة تحت أي سؤال/إجابة) */
[class$="-c-list"]{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--b1);display:flex;flex-direction:column;gap:.6rem}
.qa-c-list-item{font-size:.82rem;color:var(--t2)}
.qa-c-item-avatar-meta{display:flex;align-items:center;gap:.4rem;margin-bottom:.15rem}
.qa-c-item-who{font-weight:700;color:var(--t1)}
.qa-c-item-when{color:var(--t4);font-size:.7rem}
.qa-c-item-content{margin-inline-start:1.7rem}
.qa-c-form,.qa-a-form{margin-top:1rem}
.qa-a-form{background:var(--s1);border:1px solid var(--b1);border-radius:var(--r);padding:1.5rem}

/* ══════════════════════════════════════════
   RANKING (أفضل الأعضاء / أشهر الوسوم — يستخدم في السايدبار ولوحة التحكم)
══════════════════════════════════════════ */
.qa-ranking-item{display:flex;align-items:center;gap:.55rem;padding:.5rem 0;border-bottom:1px solid var(--b1)}
.qa-ranking-item:last-child{border-bottom:none}
.qa-top-users-label,.qa-top-tags-label{font-size:.82rem;font-weight:700;color:var(--t1)}
.qa-top-users-score,.qa-top-tags-score{margin-inline-start:auto;font-size:.75rem;color:var(--gold-l);font-weight:800}
.qa-top-tags-count{font-size:.72rem;color:var(--t4)}

/* ══════════════════════════════════════════
   قوائم الرسائل + التصنيفات
══════════════════════════════════════════ */
.qa-message-list{display:flex;flex-direction:column;gap:.6rem}
.qa-message-item{background:var(--s1);border:1px solid var(--b1);border-radius:var(--r-sm);padding:1rem}
.qa-message-when{font-size:.72rem;color:var(--t4)}

.qa-browse-cat-list{display:flex;flex-direction:column;gap:.4rem;list-style:none;margin:0;padding:0}
.qa-browse-cat-item{background:var(--s1);border:1px solid var(--b1);border-radius:var(--r-sm)}
.qa-browse-cat-link{display:block;padding:.75rem 1rem;font-weight:700;font-size:.88rem}
.qa-browse-cat-link:hover{color:var(--gold-l)}
.qa-browse-cat-list-2,.qa-browse-cat-list-3{margin-inline-start:1.25rem;margin-top:.35rem}

/* ══════════════════════════════════════════
   FOOTER
══════════════════════════════════════════ */
.qa-footer{margin-top:3rem;border-top:1px solid var(--b1);background:var(--s1)}
.qa-footer-inner{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding-block:1.5rem;text-align:center}
.qa-footer-brand a{
  font-size:.95rem;font-weight:900;
  background:linear-gradient(135deg,var(--gold),var(--gold-l));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.qa-nav-footer-list{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.15rem;list-style:none;margin:0;padding:0}
.qa-nav-footer-item{display:flex}
.qa-nav-footer-item:not(:last-child)::after{content:'·';color:var(--t4);opacity:.6;margin-inline-start:.15rem}
.qa-nav-footer-link{font-size:.78rem;color:var(--t3);padding:.1rem .4rem}
.qa-nav-footer-link:hover{color:var(--gold-l)}
.qa-attribution{font-size:.72rem;color:var(--t4);margin:0}

/* ══════════════════════════════════════════
   لوحة التحكم (Admin)
══════════════════════════════════════════ */
.qa-template-admin .qa-main{max-width:none}
.qa-template-admin .qa-part-form,
.qa-template-admin .qa-part-form-plugin-options{padding:1.5rem}
.qa-template-admin .qa-form-wide-table{max-width:720px}
.qa-template-admin table:not(.qa-form-wide-table):not(.qa-form-tall-table){
  width:100%;border-collapse:collapse;background:var(--s1);border:1px solid var(--b1);border-radius:var(--r);overflow:hidden;
}
.qa-template-admin table:not(.qa-form-wide-table):not(.qa-form-tall-table) th{
  text-align:start;background:var(--s2);color:var(--t3);font-size:.72rem;text-transform:uppercase;
  letter-spacing:.05em;font-weight:800;padding:.65rem .9rem;border-bottom:1px solid var(--b1);
}
.qa-template-admin table:not(.qa-form-wide-table):not(.qa-form-tall-table) td{
  padding:.7rem .9rem;border-bottom:1px solid var(--b1);font-size:.85rem;color:var(--t2);
}
.qa-template-admin table:not(.qa-form-wide-table):not(.qa-form-tall-table) tr:hover td{background:var(--gold-dim)}

/* ══════════════════════════════════════════
   RTL باقي التفاصيل (اتجاهات منطقية بتتولى معظمها لوحدها)
══════════════════════════════════════════ */
[dir="rtl"] .qa-a-item-selected::before{margin-inline-end:0;margin-inline-start:0}