@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800&display=swap');
/* ============================================================================
   SnowFlat · Professional Modern Refresh (تطوير احترافي عصري)
   ----------------------------------------------------------------------------
   طبقة تُحمَّل بعد qa-styles.css لتحديث المظهر دون المساس بالملف الأصلي.
   هوية: أزرق احترافي + رمادي سليت، بطاقات، ظلال ناعمة، حواف دائرية، توب-بار محدّث.
   متوافق مع RTL.
   ========================================================================== */

:root {
  --sf-primary: #2563eb;
  --sf-primary-2: #1d4ed8;
  --sf-primary-soft: #eff4ff;
  --sf-primary-soft-2: #dbe7fe;
  --sf-grad: linear-gradient(135deg, #2563eb, #1d4ed8);

  --sf-ink: #0f172a;
  --sf-text: #1e293b;
  --sf-text-2: #475569;
  --sf-muted: #64748b;
  --sf-faint: #94a3b8;

  --sf-bg: #eef2f7;
  --sf-surface: #ffffff;
  --sf-surface-2: #f8fafc;
  --sf-border: #e6eaf1;
  --sf-border-2: #d8dee9;

  --sf-green: #059669;
  --sf-green-soft: #ecfdf5;
  --sf-amber: #f59e0b;
  --sf-red: #e11d48;

  --sf-r: 12px;
  --sf-r-lg: 16px;
  --sf-r-sm: 8px;
  --sf-r-pill: 999px;
  --sf-sh-sm: 0 1px 2px rgba(15,23,42,.05);
  --sf-sh: 0 4px 14px rgba(15,23,42,.06), 0 1px 3px rgba(15,23,42,.05);
  --sf-sh-lg: 0 16px 40px rgba(15,23,42,.14);
  --sf-sh-primary: 0 8px 20px rgba(37,99,235,.3);
  --sf-ease: .2s cubic-bezier(.4,0,.2,1);
}

/* ----------------------------- الأساس ------------------------------------- */
/* خط عربي أنيق يحل محل Ubuntu (الذي لا يدعم العربية) */
body, input, textarea, select, button,
.qa-q-item-title, .qa-q-view-content, .qa-a-item-content, .qa-post-content,
.qa-nav-main-link, .qa-form-tall-button, .qa-form-wide-button,
h1, h2, h3, h4, h5, h6, p, a, span, div, td, li, .qa-main, .qa-sidepanel {
  font-family: 'Tajawal', 'Segoe UI', Tahoma, Arial, sans-serif !important;
}
/* استثناء: أيقونات fontello تبقى بخطها */
[class^="icon-"], [class*=" icon-"], .qam-title-rss, .qa-activity-count-item:before {
  font-family: "fontello" !important;
}
body {
  background: var(--sf-bg) !important;
  color: var(--sf-text-2) !important;
  font-size: 15.5px !important;
  line-height: 1.7 !important;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
h1,h2,h3,h4,h5,h6 { color: var(--sf-ink) !important; letter-spacing: -.01em; font-weight: 700 !important; }
a { color: var(--sf-primary) !important; transition: color var(--sf-ease); }
a:hover { color: var(--sf-primary-2) !important; text-decoration: none !important; }
::selection { background: var(--sf-primary-soft-2); color: var(--sf-primary-2); }
* { scrollbar-width: thin; scrollbar-color: var(--sf-border-2) transparent; }
*::-webkit-scrollbar { width: 10px; height: 10px; }
*::-webkit-scrollbar-thumb { background: var(--sf-border-2); border-radius: 999px; border: 2px solid transparent; background-clip: content-box; }

input[type="text"], input[type="password"], input[type="email"], textarea, select {
  border: 1px solid var(--sf-border-2) !important; border-radius: var(--sf-r-sm) !important;
  transition: border-color var(--sf-ease), box-shadow var(--sf-ease) !important;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus, select:focus {
  border-color: var(--sf-primary) !important; box-shadow: 0 0 0 4px rgba(37,99,235,.15) !important;
}
blockquote { background: var(--sf-primary-soft) !important; border-radius: var(--sf-r-sm) !important; }

/* ----------------------------- الأزرار ------------------------------------ */
.qa-form-tall-button, .qa-form-wide-button, input[type="submit"].qa-form-tall-button,
button.qa-form-tall-button, .qa-form-tall-button-login, a.qa-ask-button, .qa-ask-button {
  font-family: 'Ubuntu', sans-serif !important; font-weight: 700 !important;
  background: var(--sf-grad) !important; color: #fff !important; border: none !important;
  border-radius: var(--sf-r-pill) !important; padding: 10px 20px !important; box-shadow: var(--sf-sh-primary) !important;
  transition: transform var(--sf-ease), box-shadow var(--sf-ease), filter var(--sf-ease) !important; cursor: pointer;
}
.qa-form-tall-button:hover, .qa-form-wide-button:hover, .qa-ask-button:hover, a.qa-ask-button:hover {
  transform: translateY(-2px); box-shadow: 0 12px 26px rgba(37,99,235,.4) !important; color: #fff !important; filter: brightness(1.03);
}
.qa-form-tall-button-cancel { background: var(--sf-surface) !important; color: var(--sf-text-2) !important; border: 1px solid var(--sf-border-2) !important; box-shadow: none !important; }

/* --------------------------- التوب-بار / الهيدر --------------------------- */
.qam-topbar, #qam-topbar {
  background: linear-gradient(135deg, #111827, #1e293b) !important;
  border-bottom: none !important; box-shadow: 0 4px 18px rgba(15,23,42,.18) !important;
}
.qam-topbar .qa-logo a, #qam-topbar .qa-logo a { color: #fff !important; font-weight: 800 !important; letter-spacing: -.02em; }
.qam-topbar .qa-logo a:hover { color: #fff !important; opacity: .9; }

/* روابط التنقّل في التوب-بار */
.qam-topbar .qa-nav-main-link, #qam-topbar .qa-nav-main-link, .qa-nav-main .qa-nav-main-link {
  color: #cbd5e1 !important; font-weight: 600 !important; border-radius: var(--sf-r-pill) !important; padding: 8px 15px !important;
  transition: background-color var(--sf-ease), color var(--sf-ease) !important; border: none !important;
}
.qam-topbar .qa-nav-main-item:hover .qa-nav-main-link, .qa-nav-main .qa-nav-main-link:hover { background: rgba(255,255,255,.1) !important; color: #fff !important; }
.qa-nav-main-selected, .qa-nav-main .qa-nav-main-selected {
  background: var(--sf-primary) !important; color: #fff !important; box-shadow: var(--sf-sh-primary);
}

/* البحث في التوب-بار */
.qa-search .qa-search-field, .qam-search .qa-search-field {
  border-radius: var(--sf-r-pill) !important; border: 1px solid rgba(255,255,255,.15) !important;
  background: rgba(255,255,255,.12) !important; color: #fff !important;
}
.qa-search .qa-search-field::placeholder { color: #cbd5e1 !important; }
.qa-search .qa-search-field:focus { background: #fff !important; color: var(--sf-text) !important; border-color: var(--sf-primary) !important; box-shadow: 0 0 0 4px rgba(37,99,235,.25) !important; }

/* أزرار الحساب / النقاط */
.qam-logged-in-points { color: #fff !important; font-weight: 800 !important; }
.qam-account-items { border-radius: var(--sf-r) !important; box-shadow: var(--sf-sh-lg) !important; border: 1px solid var(--sf-border) !important; }
.qam-account-items img, .qam-logged-in img { border-radius: 50% !important; }

/* --------------------------- التخطيط / العناوين --------------------------- */
.qa-main-heading, h1.qa-main-heading { color: var(--sf-ink) !important; font-weight: 800 !important; }
.qa-main { background: transparent !important; }

/* ====================== قائمة الأسئلة — بطاقات عصرية ====================== */
.qa-q-list-item {
  background: var(--sf-surface) !important;
  border: 1px solid var(--sf-border) !important;
  border-radius: var(--sf-r-lg) !important;
  box-shadow: var(--sf-sh-sm) !important;
  padding: 18px 20px !important; margin-bottom: 14px !important;
  transition: transform var(--sf-ease), box-shadow var(--sf-ease), border-color var(--sf-ease) !important;
}
.qa-q-list-item:hover { transform: translateY(-3px); box-shadow: var(--sf-sh-lg) !important; border-color: var(--sf-primary-soft-2) !important; }

.qa-q-item-title a { color: var(--sf-ink) !important; font-weight: 700 !important; font-size: 17px !important; line-height: 1.5 !important; transition: color var(--sf-ease); }
.qa-q-list-item:hover .qa-q-item-title a { color: var(--sf-primary) !important; }
.qa-q-item-meta, .qa-q-item-when, .qa-q-item-what { color: var(--sf-muted) !important; }
.qa-q-item-meta a, .qa-q-item-who a { color: var(--sf-text) !important; font-weight: 700 !important; }

/* حبّة التصويت + عدّاد الإجابات */
.qa-q-item-stats .qa-voting {
  background: var(--sf-surface-2) !important; border: 1px solid var(--sf-border) !important; border-radius: var(--sf-r) !important; padding: 6px 4px !important;
}
.qa-q-item-stats .qa-netvote-count-data { color: var(--sf-ink) !important; font-weight: 800 !important; }
.qa-q-item-stats .qa-netvote-count-pad { color: var(--sf-muted) !important; }
.qa-a-count { color: var(--sf-text-2) !important; }
.qa-a-count.qa-a-count-selected { background: var(--sf-green-soft) !important; color: var(--sf-green) !important; border-radius: var(--sf-r-sm) !important; padding: 4px 8px !important; font-weight: 700 !important; }
.qa-a-count.qa-a-count-selected .qa-a-count-data, .qa-a-count.qa-a-count-selected .qa-a-count-pad { color: var(--sf-green) !important; }

/* ------------------------------- الوسوم ----------------------------------- */
.qa-tag-link, a.qa-tag-link {
  background: var(--sf-primary-soft) !important; color: var(--sf-primary-2) !important; border: none !important;
  border-radius: var(--sf-r-pill) !important; padding: 4px 12px !important; font-size: 12.5px !important; font-weight: 600 !important; display: inline-block;
  transition: all var(--sf-ease) !important;
}
.qa-tag-link:hover, a.qa-tag-link:hover { background: var(--sf-primary-soft-2) !important; color: var(--sf-primary-2) !important; transform: translateY(-1px); }

/* ---------------------- الشريط الجانبي (ويدجتس كبطاقات) -------------------- */
.qa-sidepanel .qa-widget-side, .qa-sidepanel .qa-part-custom, .qa-sidepanel .qa-sidebar {
  background: var(--sf-surface) !important; border: 1px solid var(--sf-border) !important; border-radius: var(--sf-r-lg) !important;
  box-shadow: var(--sf-sh-sm) !important; overflow: hidden; margin-bottom: 16px !important;
}
.qa-sidepanel h2, .qa-sidepanel h3, .qa-widget-side h2, .qa-widget-side h3 {
  color: var(--sf-ink) !important; font-weight: 800 !important; font-size: 15px !important;
}
.qa-nav-cat-list .qa-nav-cat-item { border-bottom: 1px solid var(--sf-border) !important; }
.qa-nav-cat-link { color: var(--sf-text) !important; font-weight: 600 !important; }
.qa-nav-cat-link:hover { color: var(--sf-primary) !important; }

/* ===================== صفحة السؤال + الإجابات (بطاقات) ==================== */
.qa-q-view, .qa-a-list-item, .qa-q-view-main, .qa-a-item-main {
  border-radius: var(--sf-r-lg) !important;
}
.qa-part-q-view .qa-q-view, .qa-a-list .qa-a-list-item {
  background: var(--sf-surface) !important; border: 1px solid var(--sf-border) !important;
  box-shadow: var(--sf-sh-sm) !important; margin-bottom: 16px !important; padding: 20px !important;
}
.qa-a-item-selected, .qa-a-list-item-selected { border-color: #a7f3d0 !important; background: linear-gradient(0deg, var(--sf-green-soft), #fff 60%) !important; }
.qa-q-view-content, .qa-a-item-content, .qa-post-content { color: var(--sf-text) !important; font-size: 15.5px !important; line-height: 1.85 !important; }
.qa-q-view-who a, .qa-a-item-who a, .qa-c-item-who a { color: var(--sf-primary) !important; font-weight: 700 !important; }

/* أزرار التصويت الكبيرة في الصفحة */
.qa-q-view .qa-voting, .qa-a-item .qa-voting {
  background: var(--sf-surface-2) !important; border: 1px solid var(--sf-border) !important; border-radius: var(--sf-r) !important;
}

/* التعليقات */
.qa-c-list-item { background: var(--sf-surface-2) !important; border: 1px solid var(--sf-border) !important; border-radius: var(--sf-r-sm) !important; padding: 12px 14px !important; margin-bottom: 8px !important; }
.qa-c-item-content { color: var(--sf-text-2) !important; }

/* الأفاتار دائري */
.qa-avatar-image, .qa-q-item-avatar img, .qa-a-item-avatar img, .qa-c-item-avatar img, .qa-q-view-avatar img { border-radius: 50% !important; }

/* ------------------------------- الترقيم ---------------------------------- */
.qa-page-links a, .qa-page-link, .qa-page-prev, .qa-page-next, .qa-page-selected {
  display: inline-flex; align-items: center; justify-content: center; min-width: 38px; height: 38px; padding: 0 12px !important;
  border-radius: var(--sf-r-sm) !important; border: 1px solid var(--sf-border) !important; background: var(--sf-surface) !important;
  color: var(--sf-text-2) !important; font-weight: 700 !important; margin: 0 3px !important; transition: all var(--sf-ease) !important;
}
.qa-page-links a:hover, .qa-page-link:hover { border-color: var(--sf-primary) !important; color: var(--sf-primary) !important; background: var(--sf-primary-soft) !important; }
.qa-page-selected { background: var(--sf-grad) !important; border-color: transparent !important; color: #fff !important; box-shadow: var(--sf-sh-primary) !important; }

/* ------------------------- المستخدمون / الرسائل --------------------------- */
.qa-user-link, .qa-users-user a { color: var(--sf-ink) !important; font-weight: 700 !important; }
.qa-user-link:hover { color: var(--sf-primary) !important; }
.qa-message-item, .qa-error { border-radius: var(--sf-r) !important; }
.qa-error { background: #fef2f2 !important; border: 1px solid var(--sf-red) !important; color: var(--sf-red) !important; }

/* -------------------------------- الفوتر ---------------------------------- */
.qam-footer-box, .qa-footer {
  background: linear-gradient(180deg, #0f172a, #1e293b) !important; border-top: 3px solid var(--sf-primary) !important;
}
.qam-footer-box a, .qa-footer a { color: #cbd5e1 !important; }
.qam-footer-box a:hover, .qa-footer a:hover { color: #fff !important; }
.qam-footer-col-heading { color: #fff !important; font-weight: 800 !important; }

/* تنعيم ظهور البطاقات */
@media (prefers-reduced-motion: no-preference) {
  .qa-q-list-item { animation: sfin .35s var(--sf-ease) both; }
}
@keyframes sfin { from { opacity: 0; transform: translateY(8px);} to {opacity:1; transform: translateY(0);} }

/* ============================================================================
   توحيد الألوان (تناسق) — تصحيحات
   ============================================================================ */

/* شريط العنوان الأزرق القديم → نظيف بحدّ سفلي وعنوان داكن */
.qa-main-heading {
  background: transparent !important;
  color: var(--sf-ink) !important;
  border-bottom: 2px solid var(--sf-border) !important;
  padding: 4px 0 14px !important;
  margin-bottom: 18px !important;
}
.qa-main-heading h1, .qa-main-heading h1 a, .qa-main-heading a { color: var(--sf-ink) !important; font-weight: 800 !important; }
.qa-main-heading .qam-title-rss, .qa-main-heading .icon-rss { color: var(--sf-amber) !important; }

/* صناديق الإحصائيات الملوّنة → بطاقات موحّدة أنيقة */
.qa-activity-count { margin: 0 !important; display: grid !important; grid-template-columns: 1fr 1fr; gap: 10px; padding: 4px !important; }
.qa-activity-count-item {
  width: auto !important; float: none !important; margin: 0 !important; padding: 16px 12px 14px !important;
  background: var(--sf-surface-2) !important; color: var(--sf-text-2) !important;
  border: 1px solid var(--sf-border) !important; border-radius: var(--sf-r) !important;
  text-transform: none !important; text-align: center; transition: all var(--sf-ease);
}
.qa-activity-count-item:nth-child(1), .qa-activity-count-item:nth-child(2),
.qa-activity-count-item:nth-child(3), .qa-activity-count-item:nth-child(4) { background: var(--sf-surface-2) !important; }
.qa-activity-count-item:hover { border-color: var(--sf-primary-soft-2) !important; box-shadow: var(--sf-sh-sm); transform: translateY(-2px); }
.qa-activity-count-item:before { color: var(--sf-primary) !important; opacity: .85 !important; position: static !important; display: block !important; font-size: 24px !important; margin-bottom: 4px !important; }
.qa-activity-count-item:hover:before { opacity: 1 !important; }
.qa-activity-count-data { display: block; color: var(--sf-ink) !important; font-weight: 800 !important; font-size: 22px !important; line-height: 1.1; }

/* البحث في الشريط الجانبي (كان أخضر) → موحّد */
.qa-sidepanel .qa-search, .qa-sidepanel .qam-search { background: transparent !important; }
.qa-sidepanel .qa-search .qa-search-field {
  background: var(--sf-surface) !important; color: var(--sf-text) !important;
  border: 1px solid var(--sf-border-2) !important; border-radius: var(--sf-r-pill) !important;
}
.qa-sidepanel .qa-search .qa-search-field::placeholder { color: var(--sf-faint) !important; }
.qa-sidepanel .qa-search .qa-search-button { background: var(--sf-primary) !important; }

/* روابط عامة في المحتوى */
.qa-main a { color: var(--sf-primary) !important; }
.qa-main a:hover { color: var(--sf-primary-2) !important; }

/* تأكيد الخط على الحقول والأزرار */
.qa-form-tall-text, .qa-form-wide-text, .qa-search-field { font-family: 'Tajawal', sans-serif !important; }

/* توحيد العناصر التركوازية/البنفسجية (شريط الموبايل + زر التبديل) مع الأزرق */
.turquoise, .qam-ask-search-box, .qam-ask-mobile, .qam-ask-mobile a,
.qam-search-mobile, .ask-search-mobile, .qam-ask-search-box .turquoise {
  background-color: var(--sf-primary) !important;
  background-image: none !important;
}
.qam-ask-search-box, .qam-ask-mobile a { color: #fff !important; font-weight: 700 !important; }
.qam-ask-mobile a:hover { background-color: var(--sf-primary-2) !important; }
.qam-search-mobile, .qam-search-mobile .qa-search-field { background-color: #fff !important; color: var(--sf-text) !important; }

/* زر فتح الشريط الجانبي (كان بنفسجياً) */
#qam-sidepanel-toggle, .qam-menu-toggle, .sb-toggle-left {
  background-color: var(--sf-primary) !important; color: #fff !important;
}
#qam-sidepanel-toggle:hover { background-color: var(--sf-primary-2) !important; }

/* تأكيد لون البحث العلوي على الموبايل */
.qam-search .qa-search-field { color: #fff !important; }
.qam-search .qa-search-field::placeholder { color: #cbd5e1 !important; }