/* ==========================================================================
   Poet Platform - Royal Midnight & Gold Theme
   هوية منصة الشاعر - النمط الملكي الذهبي الفاخر (ليلي / نهاري)
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&display=swap');

/* --- المتغيرات اللونية (Theme Tokens) --- */
:root,
[data-theme="dark"] {
  --poet-bg-base: #0B1329;
  --poet-bg-surface: #111E38;
  --poet-bg-card: #142240;
  --poet-bg-card-hover: #192A50;
  --poet-border: #1E293B;
  --poet-border-light: rgba(176, 146, 107, 0.25);
  
  --poet-text-main: #F8FAFC;
  --poet-text-muted: #94A3B8;
  --poet-text-sub: #CBD5E1;
  
  --poet-gold: #B0926B;
  --poet-gold-hover: #C5A880;
  --poet-gold-light: rgba(176, 146, 107, 0.15);
  --poet-gold-glow: rgba(176, 146, 107, 0.35);

  --poet-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.45);
}

[data-theme="light"] {
  --poet-bg-base: #F8FAFC;
  --poet-bg-surface: #FFFFFF;
  --poet-bg-card: #FFFFFF;
  --poet-bg-card-hover: #F1F5F9;
  --poet-border: #E2E8F0;
  --poet-border-light: rgba(176, 146, 107, 0.2);
  
  --poet-text-main: #0F172A;
  --poet-text-muted: #64748B;
  --poet-text-sub: #334155;
  
  --poet-gold: #8C6D47;
  --poet-gold-hover: #B0926B;
  --poet-gold-light: rgba(176, 146, 107, 0.1);
  --poet-gold-glow: rgba(176, 146, 107, 0.2);

  --poet-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.08);
}

/* --- القواعد العامة وتطبيق خط القاهرة الشامل (Global Cairo Font) --- */
/* 1. ضبط خط القاهرة على مستوى الصفحة والطباعة والنصوص بدون المساس بالأيقونات */
html, body {
  font-family: 'Cairo', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* 2. تطبيق خط القاهرة على كافة عناصر النصوص والهيكل والعناوين */
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
a:not(.b-icon-fa):not([class*="fa"]),
label,
table, tr, th, td,
ul:not(.b-icon-fa), ol:not(.b-icon-fa), li:not(.b-icon-fa),
input:not([type="checkbox"]):not([type="radio"]),
button:not(.b-button--icon-fa),
select, textarea,
.b-top-menu, .b-module, .b-post, .b-topic, .b-channel,
.widget-wrapper, .widget-header, .widget-content, .widget-tabs,
.forum-title, .forum-desc, .forum-stats, .forum-item,
.canvas-layout-container, .l-row, .l-col,
.b-meter, .b-tab, .b-link, .b-menu,
.b-nav, .b-subnav, .b-breadcrumbs, .b-pagination,
.conversation-title, .post-content, .post-body,
.b-userinfo, .b-userinfo__username, .b-userinfo__rank,
.b-dialog, .ui-dialog, .b-popover, .b-bubble,
.header-container, #header, #footer, #content,
.search-term, .search-box, .b-form-input__input {
  font-family: 'Cairo', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* 3. استعادة وتأمين كافة أيقونات Font Awesome و vBulletin بحصانة كاملة */
.b-icon-fa,
.b-icon,
i.b-icon,
.fa, .fas, .far, .fab, .fal, .fad,
.fa-solid, .fa-regular, .fa-brands,
[class*="fa-"],
[class*="b-icon-fa"] {
  font-family: "Font Awesome 6 Free", "FontAwesome" !important;
}

.fa-solid, .fas,
.b-icon-fa.fa-solid,
[class*="fa-solid"],
.b-button--follow.isSubscribed .b-button__follow-checkmark::after {
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
}

.fa-regular, .far,
.b-icon-fa.fa-regular,
[class*="fa-regular"] {
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 400 !important;
}

.fa-brands, .fab,
.b-icon-fa.fa-brands,
[class*="fa-brands"] {
  font-family: "Font Awesome 6 Brands" !important;
}

/* الأهم: ضمان أن أشباه العناصر (::before / ::after) للأيقونات ترث خط الأيقونة الصحيح */
.b-icon-fa::before,
.b-icon-fa::after,
.fa-solid::before,
.fa-regular::before,
.fa-brands::before,
.fa::before,
.fas::before,
.far::before,
.fab::before,
[class*="fa-"]::before,
[class*="fa-"]::after {
  font-family: inherit !important;
}

html {
  background-color: var(--poet-bg-base) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 0 !important;
  min-height: 100% !important;
  height: 100% !important;
}

body {
  background-color: var(--poet-bg-base) !important;
  color: var(--poet-text-main) !important;
  min-height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
  padding-bottom: 0 !important;
  border: 0 !important;
  border-bottom: 0 !important;
  transition: background-color 0.35s ease, color 0.35s ease;
}

#outer-wrapper,
#wrapper {
  background-color: transparent !important;
  margin: 0 auto !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  padding-bottom: 0 !important;
  border: 0 !important;
  border-bottom: 0 !important;
}

/* --- ترويسة الموقع (Modern Royal Header) --- */
.b-top-background__header-mainnav-subnav,
.b-top-background__header-mainnav {
  background: var(--poet-bg-surface) !important;
  border-bottom: 1px solid var(--poet-border) !important;
  box-shadow: 0 4px 15px rgba(0,0,0,0.06);
  transition: background-color 0.35s ease, border-color 0.35s ease !important;
}

#header, .header-container {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.b-top-menu {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.b-top-menu a, .header a {
  color: var(--poet-text-main) !important;
  font-weight: 600;
}

.b-top-menu a:hover {
  color: var(--poet-gold) !important;
}

/* --- شعار المنصة الملكي المتكيف والمكبر (Enlarged Adaptive Royal Logo) --- */
#header .header-cell {
  text-align: right !important;
  padding-right: 0 !important;
  margin-right: 0 !important;
}

.header-cell a.logo,
a.logo,
.site-logo,
.site-logo a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-decoration: none !important;
  padding: 6px 0 !important;
  margin-right: 0 !important;
  padding-right: 0 !important;
}

.header-cell img,
a.logo img,
.site-logo img,
.site-logo a img,
img.poet-royal-logo,
img[src*="vb_logo"] {
  height: 108px !important;
  max-height: 125px !important;
  width: auto !important;
  object-fit: contain !important;
  display: inline-block !important;
  vertical-align: middle !important;
  margin-right: 0 !important;
  transition: all 0.3s ease !important;
  filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.25));
}

[data-theme="light"] .header-cell img,
[data-theme="light"] .site-logo img,
[data-theme="light"] a.logo img {
  filter: drop-shadow(0 2px 6px rgba(11, 19, 41, 0.12));
}

/* --- زر التبديل بين الليلي والنهاري (Theme Toggle Button) --- */
.poet-theme-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  border-radius: 9999px;
  background: var(--poet-gold-light);
  border: 1px solid var(--poet-border-light);
  color: var(--poet-text-main);
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  outline: none;
}

.poet-theme-toggle:hover {
  background: var(--poet-gold);
  color: #0F172A;
  box-shadow: 0 4px 12px var(--poet-gold-glow);
  transform: translateY(-1px);
}

/* --- شبكة كروت الشعراء (Poets Cards Grid) --- */
.poets-grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 24px;
  padding: 16px 0;
  margin-top: 15px;
}

.poet-card {
  background: var(--poet-bg-card);
  border: 1px solid var(--poet-border);
  border-radius: 20px;
  padding: 22px;
  position: relative;
  overflow: hidden;
  box-shadow: var(--poet-shadow);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.poet-card:hover {
  transform: translateY(-5px);
  border-color: var(--poet-gold);
  box-shadow: 0 16px 30px -10px var(--poet-gold-glow);
}

[data-theme="light"] .poet-card {
  border: 1px solid #E2E8F0 !important;
}

[data-theme="light"] .poet-card:hover {
  border-color: #0B1329 !important;
  box-shadow: 0 16px 30px -10px rgba(11, 19, 41, 0.15) !important;
}

.poet-card-top {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.poet-avatar-wrapper {
  position: relative;
  width: 76px;
  height: 76px;
  flex-shrink: 0;
}

.poet-avatar-img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid var(--poet-gold);
  padding: 2px;
  background: var(--poet-bg-surface);
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}

.poet-badge-verified {
  position: absolute;
  bottom: 0;
  right: 0;
  background: #10B981;
  color: #FFFFFF;
  font-size: 10px;
  font-weight: 800;
  padding: 2px 6px;
  border-radius: 9999px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

.poet-details {
  flex: 1;
  min-width: 0;
}

.poet-title {
  font-size: 18px;
  font-weight: 800;
  color: var(--poet-text-main);
  margin: 0 0 4px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.poet-title a {
  color: inherit !important;
  text-decoration: none !important;
}

.poet-title a:hover {
  color: var(--poet-gold) !important;
}

.poet-meta-tag {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 8px;
  background: var(--poet-gold-light);
  color: var(--poet-gold);
  border: 1px solid var(--poet-border-light);
}

/* في الوضع النهاري: شريط وسم الشاعر بالكحلي الملكي الفاخر */
[data-theme="light"] .poet-meta-tag {
  background: #0B1329 !important;
  color: #F59E0B !important;
  border: 1px solid #1E293B !important;
  font-weight: 800 !important;
  box-shadow: 0 2px 6px rgba(11, 19, 41, 0.12) !important;
}

.poet-description {
  font-size: 13px;
  color: var(--poet-text-muted);
  line-height: 1.6;
  margin: 10px 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.poet-stats-row {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 12px;
  font-weight: 600;
  color: var(--poet-text-muted);
  padding: 10px 0;
  border-top: 1px solid var(--poet-border);
  margin-top: 12px;
}

.poet-stats-row span b {
  color: var(--poet-text-main);
}

.poet-btn-view {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 11px 16px;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  margin-top: 14px;
}

/* في الوضع النهاري: شريط كحلي ملكي عميق مع كتابة ذهبية ساطعة */
[data-theme="light"] .poet-btn-view {
  background: #0B1329 !important;
  color: #F59E0B !important;
  border: 1px solid #1E293B !important;
  box-shadow: 0 6px 16px rgba(11, 19, 41, 0.25) !important;
}

[data-theme="light"] .poet-btn-view:hover {
  background: #111E38 !important;
  color: #FDE68A !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(11, 19, 41, 0.35) !important;
}

/* في الوضع الليلي: شريط ذهبي متوهج */
[data-theme="dark"] .poet-btn-view {
  background: var(--poet-gold) !important;
  color: #0B1329 !important;
  font-weight: 900 !important;
  box-shadow: 0 4px 14px var(--poet-gold-glow) !important;
}

[data-theme="dark"] .poet-btn-view:hover {
  background: var(--poet-gold-hover) !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px var(--poet-gold-glow) !important;
}

/* --- تنسيق بطاقة المشاركات والمواضيع الملكية (Royal Topic & Post Layout) --- */
.b-post {
  background: var(--poet-bg-card) !important;
  border: 1px solid var(--poet-border) !important;
  border-radius: 20px !important;
  box-shadow: var(--poet-shadow) !important;
  margin-bottom: 24px !important;
  overflow: hidden !important;
  transition: all 0.3s ease;
}

[data-theme="light"] .b-post {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="dark"] .b-post {
  background: #142240 !important;
  border: 1px solid #1E293B !important;
}

.b-post__grid-container {
  background: transparent !important;
}

.b-post__body-wrapper,
.b-post__body {
  background: var(--poet-bg-card) !important;
  color: var(--poet-text-main) !important;
}

[data-theme="light"] .b-post__body-wrapper,
[data-theme="light"] .b-post__body {
  background: #FFFFFF !important;
  color: #0F172A !important;
}

[data-theme="dark"] .b-post__body-wrapper,
[data-theme="dark"] .b-post__body {
  background: #142240 !important;
  color: #F8FAFC !important;
}

.b-post__userinfo-wrapper,
.b-userinfo {
  background: var(--poet-bg-surface) !important;
  border-left: 1px solid var(--poet-border) !important;
  color: var(--poet-text-main) !important;
}

[data-theme="light"] .b-post__userinfo-wrapper,
[data-theme="light"] .b-userinfo {
  background: #F8FAFC !important;
  border-left: 1px solid #E2E8F0 !important;
  color: #0F172A !important;
}

[data-theme="dark"] .b-post__userinfo-wrapper,
[data-theme="dark"] .b-userinfo {
  background: #111E38 !important;
  border-left: 1px solid #1E293B !important;
}

.b-post__footer {
  background: var(--poet-bg-surface) !important;
  border-top: 1px solid var(--poet-border) !important;
  padding: 12px 18px !important;
}

[data-theme="light"] .b-post__footer {
  background: #F8FAFC !important;
  border-top: 1px solid #E2E8F0 !important;
}

/* فرض وضوح وقراءة نصوص المشاركة بلا بهتان */
.js-post__content-text,
.b-post__content {
  color: var(--poet-text-main) !important;
  font-size: 16px !important;
  line-height: 1.9 !important;
}

[data-theme="light"] .js-post__content-text,
[data-theme="light"] .js-post__content-text *,
[data-theme="light"] .b-post__content * {
  color: #0F172A !important;
}

[data-theme="dark"] .js-post__content-text,
[data-theme="dark"] .js-post__content-text *,
[data-theme="dark"] .b-post__content * {
  color: #F8FAFC !important;
}

/* تنسيق أزرار شريط الموضوع مثل إضافة رد */
.conversation-toolbar .b-button--primary,
.b-button.b-button--primary {
  border-radius: 10px !important;
  font-weight: 800 !important;
  transition: all 0.25s ease !important;
}

[data-theme="light"] .conversation-toolbar .b-button--primary,
[data-theme="light"] .b-button.b-button--primary {
  background: #0B1329 !important;
  color: #F59E0B !important;
  border: 1px solid #1E293B !important;
}

[data-theme="dark"] .conversation-toolbar .b-button--primary,
[data-theme="dark"] .b-button.b-button--primary {
  background: var(--poet-gold) !important;
  color: #0B1329 !important;
  border: none !important;
}

/* --- ديوان وتنسيق أبيات الشعر الملكي الفاخر (Two-Column Symmetrical Poetry) --- */
.poetry-container {
  max-width: 860px;
  margin: 25px auto;
  padding: 30px 24px;
  background: var(--poet-bg-surface);
  border: 1px solid var(--poet-border-light);
  border-radius: 24px;
  box-shadow: var(--poet-shadow);
  position: relative;
  transition: all 0.3s ease;
}

[data-theme="light"] .poetry-container {
  background: #F8FAFC !important;
  border: 1px solid #CBD5E1 !important;
  box-shadow: 0 10px 30px -5px rgba(11, 19, 41, 0.07) !important;
}

[data-theme="dark"] .poetry-container {
  background: #0E172F !important;
  border: 1px solid rgba(176, 146, 107, 0.35) !important;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.45) !important;
}

.poetry-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 14px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--poet-border);
}

.poetry-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 14px;
  border-radius: 9999px;
  background: var(--poet-gold-light);
  color: var(--poet-gold);
  font-weight: 800;
  font-size: 12px;
}

[data-theme="light"] .poetry-badge {
  background: #0B1329 !important;
  color: #F59E0B !important;
}

.poetry-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.poetry-btn-tool {
  background: var(--poet-bg-card);
  border: 1px solid var(--poet-border);
  color: var(--poet-text-main);
  padding: 4px 10px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s ease;
}

.poetry-btn-tool:hover {
  border-color: var(--poet-gold);
  color: var(--poet-gold);
}

.poetry-ornament {
  text-align: center;
  color: var(--poet-gold);
  font-size: 15px;
  letter-spacing: 10px;
  margin-bottom: 20px;
  opacity: 0.85;
}

.poetry-ornament.footer {
  margin-top: 20px;
  margin-bottom: 0;
}

/* صف بيت الشعر (صدر وعجز متوازيان - مطابق للصورة 1) */
.poetry-verse {
  display: grid;
  grid-template-columns: 1fr 40px 1fr;
  align-items: center;
  padding: 10px 14px;
  margin-bottom: 4px;
  border-radius: 12px;
  transition: background 0.2s ease;
}

.poetry-verse:hover {
  background: rgba(176, 146, 107, 0.06);
}

/* الشطر الأول: الصدر (يمين) */
.poetry-shatr-1 {
  text-align: center;
  font-size: var(--poetry-font-size, 20px);
  font-weight: 700;
  color: var(--poet-text-main);
  line-height: 2.3;
  padding: 0 8px;
}

/* فاصل منتصف البيت */
.poetry-separator {
  text-align: center;
  color: var(--poet-gold);
  font-size: 14px;
  opacity: 0.65;
}

/* الشطر الثاني: العجز (يسار) */
.poetry-shatr-2 {
  text-align: center;
  font-size: var(--poetry-font-size, 20px);
  font-weight: 700;
  color: var(--poet-text-main);
  line-height: 2.3;
  padding: 0 8px;
}

[data-theme="light"] .poetry-shatr-1,
[data-theme="light"] .poetry-shatr-2 {
  color: #0F172A !important;
}

[data-theme="dark"] .poetry-shatr-1,
[data-theme="dark"] .poetry-shatr-2 {
  color: #F8FAFC !important;
}

/* استجابة الشاشات الصغيرة */
@media (max-width: 680px) {
  .poetry-verse {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px 6px;
    border-bottom: 1px dashed var(--poet-border);
  }
  .poetry-shatr-1, .poetry-shatr-2 {
    font-size: 17px !important;
    line-height: 1.8;
  }
  .poetry-separator {
    display: none;
  }
}

/* --- المشغل الصوتي الملكي (Royal Audio Player) --- */
.royal-audio-player {
  background: var(--poet-bg-surface);
  border: 1px solid var(--poet-border);
  border-radius: 16px;
  padding: 14px 18px;
  display: flex;
  align-items: center;
  gap: 14px;
  box-shadow: var(--poet-shadow);
  margin: 15px 0;
}

.royal-play-btn {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--poet-gold);
  color: #FFFFFF;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  cursor: pointer;
  flex-shrink: 0;
  transition: all 0.2s ease;
  box-shadow: 0 4px 12px var(--poet-gold-glow);
}

.royal-play-btn:hover {
  transform: scale(1.08);
  background: var(--poet-gold-hover);
}

.royal-audio-progress-bar {
  width: 100%;
  height: 6px;
  background: var(--poet-border);
  border-radius: 9999px;
  overflow: hidden;
  cursor: pointer;
}

.royal-audio-progress-fill {
  height: 100%;
  background: var(--poet-gold);
  width: 0%;
  border-radius: 9999px;
  transition: width 0.1s linear;
}

/* --- صناديق ومحتويات المنتدى العامة في الوضعين --- */
.b-module, .b-post, .b-channel, .b-table {
  background: var(--poet-bg-card) !important;
  border-color: var(--poet-border) !important;
  color: var(--poet-text-main) !important;
}

.b-post__body {
  color: var(--poet-text-main) !important;
  font-size: 15px;
  line-height: 1.8;
}

.b-button--primary {
  background-color: var(--poet-gold) !important;
  border-color: var(--poet-gold) !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
}

.b-button--primary:hover {
  background-color: var(--poet-gold-hover) !important;
}

/* --- إزالة الخلفيات البيضاء الافتراضية لـ vBulletin --- */
.canvas-layout-container, .canvas-layout, .canvas-layout-row,
.widget-wrapper, .widget-content, .b-module, .b-module__body,
.widget_activitystream, .forum-list-container, .forum-wrapper,
.w-main, .w-right, .canvas-widget {
  background-color: transparent !important;
  border-color: var(--poet-border) !important;
  color: var(--poet-text-main) !important;
}

.widget-wrapper {
  background: var(--poet-bg-card) !important;
  border: 1px solid var(--poet-border) !important;
  border-radius: 20px !important;
  padding: 20px !important;
  margin-bottom: 24px !important;
  box-shadow: var(--poet-shadow) !important;
}

.widget-header {
  background: transparent !important;
  border-bottom: 1px solid var(--poet-border) !important;
  color: var(--poet-text-main) !important;
  font-weight: 800 !important;
  padding-bottom: 12px !important;
  font-size: 16px !important;
}

.widget-header .module-title {
  color: var(--poet-text-main) !important;
}

/* --- البانر الترحيبي الملكي (Hero Banner) --- */
.poet-hero-banner {
  background: linear-gradient(135deg, var(--poet-bg-surface), var(--poet-bg-card));
  border: 1px solid var(--poet-border-light);
  border-radius: 24px;
  padding: 36px 20px;
  margin-bottom: 28px;
  box-shadow: var(--poet-shadow);
  position: relative;
  overflow: hidden;
}

.poet-hero-badge {
  display: inline-block;
  padding: 4px 14px;
  border-radius: 9999px;
  background: var(--poet-gold-light);
  color: var(--poet-gold);
  border: 1px solid var(--poet-border-light);
  font-size: 13px;
  font-weight: 800;
  margin-bottom: 14px;
}

[data-theme="light"] .poet-hero-badge {
  background: #0B1329 !important;
  color: #F59E0B !important;
  border: 1px solid #1E293B !important;
  box-shadow: 0 4px 12px rgba(11, 19, 41, 0.15) !important;
}

.poet-hero-title {
  font-size: 26px;
  font-weight: 900;
  color: var(--poet-text-main);
  margin: 0 0 10px 0;
  line-height: 1.4;
}

.poet-hero-subtitle {
  font-size: 14px;
  color: var(--poet-text-muted);
  line-height: 1.7;
  max-width: 600px;
  margin: 0 auto 20px auto;
}

.poet-hero-features {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.poet-feature-pill {
  padding: 6px 14px;
  border-radius: 12px;
  background: var(--poet-bg-base);
  border: 1px solid var(--poet-border);
  color: var(--poet-text-main);
  font-size: 12px;
  font-weight: 700;
}

/* ==========================================================================
   تنسيق ألوان الأزرار والخلفيات الملكية (Buttons, Editor & Backgrounds Theme)
   ========================================================================== */

/* 1. أزرار التحكم بالمشاركات (الاي بي، تعديل، علامة، اقتباس، تعليق) */
.b-post__footer__controls-wrapper .b-button,
.b-post__footer__controls-wrapper a.b-button,
.b-post__footer .b-button--control,
.b-post-control,
li.b-post-control,
ul.js-post-controls li,
.reactions__footer-container button {
  border-radius: 20px !important;
  padding: 5px 14px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  transition: all 0.25s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

[data-theme="dark"] .b-post__footer__controls-wrapper .b-button,
[data-theme="dark"] .b-post__footer__controls-wrapper a.b-button,
[data-theme="dark"] .b-post__footer .b-button--control,
[data-theme="dark"] .b-post-control,
[data-theme="dark"] li.b-post-control,
[data-theme="dark"] ul.js-post-controls li,
[data-theme="dark"] .reactions__footer-container button {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(176, 146, 107, 0.3) !important;
  color: #F8FAFC !important;
}

[data-theme="dark"] .b-post-control .b-icon-fa,
[data-theme="dark"] li.b-post-control .b-icon-fa,
[data-theme="dark"] .b-post-control__icon {
  color: var(--poet-gold) !important;
}

[data-theme="dark"] .b-post-control__label {
  color: #F8FAFC !important;
}

[data-theme="dark"] .b-post__footer__controls-wrapper .b-button:hover,
[data-theme="dark"] .b-post__footer__controls-wrapper a.b-button:hover,
[data-theme="dark"] .b-post__footer .b-button--control:hover,
[data-theme="dark"] .b-post-control:hover,
[data-theme="dark"] li.b-post-control:hover,
[data-theme="dark"] ul.js-post-controls li:hover,
[data-theme="dark"] .reactions__footer-container button:hover {
  background: rgba(176, 146, 107, 0.18) !important;
  border-color: var(--poet-gold) !important;
  color: var(--poet-gold) !important;
  box-shadow: 0 4px 12px rgba(176, 146, 107, 0.25) !important;
  transform: translateY(-1px);
}

[data-theme="light"] .b-post__footer__controls-wrapper .b-button,
[data-theme="light"] .b-post__footer__controls-wrapper a.b-button,
[data-theme="light"] .b-post__footer .b-button--control,
[data-theme="light"] .b-post-control,
[data-theme="light"] li.b-post-control,
[data-theme="light"] ul.js-post-controls li,
[data-theme="light"] .reactions__footer-container button {
  background: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
  color: #1E293B !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
}

[data-theme="light"] .b-post-control .b-icon-fa,
[data-theme="light"] li.b-post-control .b-icon-fa,
[data-theme="light"] .b-post-control__icon {
  color: #8C6D47 !important;
}

[data-theme="light"] .b-post-control__label {
  color: #1E293B !important;
}

[data-theme="light"] .b-post__footer__controls-wrapper .b-button:hover,
[data-theme="light"] .b-post__footer__controls-wrapper a.b-button:hover,
[data-theme="light"] .b-post__footer .b-button--control:hover,
[data-theme="light"] .b-post-control:hover,
[data-theme="light"] li.b-post-control:hover,
[data-theme="light"] ul.js-post-controls li:hover,
[data-theme="light"] .reactions__footer-container button:hover {
  background: #F8FAFC !important;
  border-color: #8C6D47 !important;
  color: #8C6D47 !important;
  transform: translateY(-1px);
}

/* 2. صندوق الكلمات الدلالية (Tags) */
[id^="content-tags-"] {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 14px !important;
  border-radius: 10px !important;
  font-size: 12px !important;
}

[data-theme="light"] [id^="content-tags-"] {
  background: #F1F5F9 !important;
  border: 1px solid #E2E8F0 !important;
  color: #334155 !important;
}

[data-theme="dark"] [id^="content-tags-"] {
  background: rgba(176, 146, 107, 0.1) !important;
  border: 1px solid rgba(176, 146, 107, 0.25) !important;
  color: var(--poet-gold) !important;
}

/* 3. صندوق الرد السريع ومحرر النصوص (CKEditor) */
.b-topic-reply,
.quick-reply-wrapper,
.b-module.forum-conversation-content-widget {
  border-radius: 20px !important;
  overflow: hidden !important;
  margin-top: 24px !important;
}

[data-theme="light"] .b-topic-reply,
[data-theme="light"] .quick-reply-wrapper {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.04) !important;
}

[data-theme="dark"] .b-topic-reply,
[data-theme="dark"] .quick-reply-wrapper {
  background: #142240 !important;
  border: 1px solid #1E293B !important;
  box-shadow: var(--poet-shadow) !important;
}

/* محرر CKEditor والشريط العلوي والسفلي */
.cke_inner {
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 1px solid var(--poet-border) !important;
}

[data-theme="light"] .cke_top {
  background: #F8FAFC !important;
  border-bottom: 1px solid #E2E8F0 !important;
}

[data-theme="dark"] .cke_top {
  background: #111E38 !important;
  border-bottom: 1px solid #1E293B !important;
}

[data-theme="light"] .cke_bottom {
  background: #F8FAFC !important;
  border-top: 1px solid #E2E8F0 !important;
}

[data-theme="dark"] .cke_bottom {
  background: #111E38 !important;
  border-top: 1px solid #1E293B !important;
}

.cke_combo_button {
  border-radius: 8px !important;
  border: 1px solid transparent !important;
}

.cke_combo_button:hover {
  border-color: var(--poet-gold) !important;
}

/* 4. أزرار النماذج والردود (إضافة رد، معاينة، إلغاء) */
.b-topic-reply__buttons .b-button,
.b-button-group .b-button,
#btn-reply,
#btn-preview,
#btn-cancel {
  border-radius: 12px !important;
  padding: 10px 24px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* الزر الرئيسي: إضافة رد */
[data-theme="light"] .b-button--primary,
[data-theme="light"] button[type="submit"].b-button--primary,
[data-theme="light"] #btn-reply {
  background: #0B1329 !important;
  color: #F59E0B !important;
  border: 1px solid #1E293B !important;
  box-shadow: 0 4px 14px rgba(11, 19, 41, 0.2) !important;
}

[data-theme="light"] .b-button--primary:hover,
[data-theme="light"] button[type="submit"].b-button--primary:hover,
[data-theme="light"] #btn-reply:hover {
  background: #111E38 !important;
  color: #FDE68A !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(11, 19, 41, 0.3) !important;
}

[data-theme="dark"] .b-button--primary,
[data-theme="dark"] button[type="submit"].b-button--primary,
[data-theme="dark"] #btn-reply {
  background: linear-gradient(135deg, #B0926B, #8C6D47) !important;
  color: #FFFFFF !important;
  border: none !important;
  box-shadow: 0 4px 15px rgba(176, 146, 107, 0.4) !important;
}

[data-theme="dark"] .b-button--primary:hover,
[data-theme="dark"] button[type="submit"].b-button--primary:hover,
[data-theme="dark"] #btn-reply:hover {
  background: linear-gradient(135deg, #C5A880, #B0926B) !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(176, 146, 107, 0.5) !important;
}

/* الأزرار الفرعية: معاينة وإلغاء */
[data-theme="light"] .b-button--secondary,
[data-theme="light"] #btn-preview,
[data-theme="light"] #btn-cancel {
  background: #FFFFFF !important;
  color: #334155 !important;
  border: 1px solid #CBD5E1 !important;
}

[data-theme="light"] .b-button--secondary:hover,
[data-theme="light"] #btn-preview:hover,
[data-theme="light"] #btn-cancel:hover {
  background: #F8FAFC !important;
  border-color: #0B1329 !important;
  color: #0B1329 !important;
  transform: translateY(-1px);
}

[data-theme="dark"] .b-button--secondary,
[data-theme="dark"] #btn-preview,
[data-theme="dark"] #btn-cancel {
  background: #111E38 !important;
  color: #CBD5E1 !important;
  border: 1px solid #1E293B !important;
}

[data-theme="dark"] .b-button--secondary:hover,
[data-theme="dark"] #btn-preview:hover,
[data-theme="dark"] #btn-cancel:hover {
  background: #192A50 !important;
  border-color: var(--poet-gold) !important;
  color: var(--poet-gold) !important;
  transform: translateY(-1px);
}

/* 5. شريط الفوتر السفلي (Footer Bar) */
/* ==========================================================================
   5. شريط الفوتر السفلي الملكي (Royal Footer Bar)
   ========================================================================== */
#footer,
.footer-container {
  background: #0B1329 !important;
  border: none !important;
  transition: background-color 0.3s ease;
  width: 100% !important;
}

[data-theme="light"] #footer,
[data-theme="light"] .footer-container {
  background: #FFFFFF !important;
  border: none !important;
}

/* شريط التبويبات والروابط في الفوتر بكامل العرض وبخطوط ممتدة متناسقة */
#footer-tabbar {
  background: #0B1329 !important;
  border-top: 1px solid rgba(176, 146, 107, 0.3) !important;
  border-bottom: 1px solid rgba(176, 146, 107, 0.3) !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
  transition: all 0.3s ease !important;
}

[data-theme="light"] #footer-tabbar {
  background: #FFFFFF !important;
  border-top: 1px solid #E2E8F0 !important;
  border-bottom: 1px solid #E2E8F0 !important;
}

/* إلغاء أي خلفيات أو حدود مستقلة من قوائم الروابط لمنع التقطيع أو الترقيع */
.nav-list.js-footer-nav-list,
.js-footer-nav-list,
.js-footer-chooser-list,
#footer-tabbar > ul,
#footer-tabbar > ul > li {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* روابط الفوتر والفواصل الرأسية الفاخرة */
#footer-tabbar ul.nav-list li a,
.js-footer-nav-list a {
  color: #CBD5E1 !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  padding: 0 14px !important;
  margin: 0 !important;
  border-right: 1px solid rgba(176, 146, 107, 0.3) !important;
  background: transparent !important;
  transition: all 0.2s ease !important;
  text-decoration: none !important;
}

#footer-tabbar ul.nav-list li:first-child a,
.js-footer-nav-list li:first-child a {
  border-right: none !important;
}

#footer-tabbar ul.nav-list li a:hover,
.js-footer-nav-list a:hover {
  color: var(--poet-gold) !important;
  text-decoration: none !important;
}

/* روابط الفوتر في الوضع النهاري */
[data-theme="light"] #footer-tabbar ul.nav-list li a,
[data-theme="light"] .js-footer-nav-list a {
  color: #334155 !important;
  border-right: 1px solid #E2E8F0 !important;
}

[data-theme="light"] #footer-tabbar ul.nav-list li a:hover,
[data-theme="light"] .js-footer-nav-list a:hover {
  color: #8C6D47 !important;
}

/* قوائم اختيار اللغة والستايل في الفوتر (أزرار كبسولية أنيقة) */
.js-footer-chooser-list .b-comp-menu-dropdown__trigger {
  border-radius: 9999px !important;
  padding: 5px 16px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  transition: all 0.2s ease !important;
}

[data-theme="dark"] .js-footer-chooser-list .b-comp-menu-dropdown__trigger {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(176, 146, 107, 0.3) !important;
  color: #F8FAFC !important;
}

[data-theme="dark"] .js-footer-chooser-list .b-comp-menu-dropdown__trigger:hover {
  background: rgba(176, 146, 107, 0.18) !important;
  border-color: var(--poet-gold) !important;
  color: var(--poet-gold) !important;
}

[data-theme="light"] .js-footer-chooser-list .b-comp-menu-dropdown__trigger {
  background: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
  color: #0F172A !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .js-footer-chooser-list .b-comp-menu-dropdown__trigger:hover {
  background: #F8FAFC !important;
  border-color: var(--poet-gold) !important;
  color: var(--poet-gold) !important;
}

/* منطقة حقوق النشر والساعة في الفوتر - كارت ملكي ناعم بانحناء أنيق يطابق الكروت */
#footer-copyright {
  background: var(--poet-bg-card) !important;
  border: 1px solid rgba(176, 146, 107, 0.25) !important;
  border-radius: 18px !important;
  max-width: 1140px !important;
  margin: 20px auto 0 auto !important;
  margin-bottom: 0 !important;
  padding: 20px 30px !important;
  text-align: center !important;
  font-size: 13px !important;
  line-height: 1.9 !important;
  box-shadow: 0 6px 25px rgba(0, 0, 0, 0.25) !important;
  box-sizing: border-box !important;
  transition: all 0.3s ease !important;
}

[data-theme="dark"] #footer-copyright {
  background: #142240 !important;
  border: 1px solid rgba(176, 146, 107, 0.25) !important;
  color: #CBD5E1 !important;
}

[data-theme="light"] #footer-copyright {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  color: #475569 !important;
  box-shadow: 0 6px 25px rgba(0, 0, 0, 0.05) !important;
}

#footer-copyright a {
  color: var(--poet-gold) !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  transition: color 0.2s ease !important;
}

#footer-copyright a:hover {
  color: #FFFFFF !important;
  text-decoration: underline !important;
}

[data-theme="light"] #footer-copyright a {
  color: #8C6D47 !important;
}

[data-theme="light"] #footer-copyright a:hover {
  color: #0F172A !important;
}

/* ==========================================================================
   تنسيق زر البحث وخطوط العناوين في ستايل Blue Yellow الملكي
   ========================================================================== */
.search-box .b-button.search-btn,
#btnSearch {
  background: linear-gradient(135deg, #B0926B, #8C6D47) !important;
  color: #FFFFFF !important;
  border: none !important;
  box-shadow: 0 2px 8px rgba(176, 146, 107, 0.35) !important;
  transition: all 0.2s ease !important;
}

.search-box .b-button.search-btn:hover,
#btnSearch:hover {
  background: linear-gradient(135deg, #C5A880, #B0926B) !important;
  box-shadow: 0 4px 14px rgba(176, 146, 107, 0.5) !important;
}

/* استبدال الخط الأصفر الكلاسيكي أسفل الوحدات (What's Going On وغيره) بالخط الذهبي الصحراوي الفاخر */
.b-module__header,
.b-module__header-border,
.b-module[data-widget-id] .b-module__header {
  border-bottom: 2px solid var(--poet-gold) !important;
}

/* ==========================================================================
   تنسيق الشريط العلوي، شريط المستخدم، وشريط إدارة الموقع (Top Bars & Sitebuilder)
   ========================================================================== */

/* 1. توحيد خلفية الأشرطة العلوية بكحلي ملكي داكن وفخم ومتجانس كلياً */
.b-top-menu__background,
.b-top-menu__background--sitebuilder,
nav.b-top-menu__background.js-top-menu-user {
  background: #0B1329 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  transition: all 0.3s ease !important;
}

/* في الوضع النهاري - أشرطة علوية بيضاء عاجية ملكية متجانسة كلياً */
[data-theme="light"] .b-top-menu__background,
[data-theme="light"] .b-top-menu__background--sitebuilder,
[data-theme="light"] nav.b-top-menu__background.js-top-menu-user {
  background: #F1F5F9 !important;
  border-bottom: 1px solid #E2E8F0 !important;
}

[data-theme="light"] .b-top-menu--user .b-top-menu__item a,
[data-theme="light"] .b-top-menu--user .b-top-menu__item .b-comp-menu-dropdown__trigger,
[data-theme="light"] .b-top-menu--user .username-container .b-comp-menu-dropdown__trigger,
[data-theme="light"] .b-top-menu__item--sitebuilder-toggle,
[data-theme="light"] .b-top-menu--user .b-top-menu__item--sitebuilder-toggle,
[data-theme="light"] #poet-header-theme-toggle {
  background: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
  color: #0F172A !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .b-top-menu--user .b-top-menu__item a:hover,
[data-theme="light"] .b-top-menu--user .b-top-menu__item .b-comp-menu-dropdown__trigger:hover,
[data-theme="light"] .b-top-menu__item--sitebuilder-toggle:hover,
[data-theme="light"] #poet-header-theme-toggle:hover {
  background: #F8FAFC !important;
  border-color: var(--poet-gold) !important;
  color: var(--poet-gold) !important;
}

[data-theme="light"] .b-top-menu__item--sitebuilder-toggle label,
[data-theme="light"] .b-top-menu__item--sitebuilder-toggle .switch-control label {
  color: #0F172A !important;
}

[data-theme="light"] .b-top-menu--sitebuilder .b-top-menu__item a,
[data-theme="light"] .b-top-menu--sitebuilder .b-top-menu__item .js-button,
[data-theme="light"] .b-top-menu--sitebuilder .b-top-menu__item button {
  background: #FFFFFF !important;
  color: #334155 !important;
  border: 1px solid #CBD5E1 !important;
}

[data-theme="light"] .b-top-menu--sitebuilder .b-top-menu__item a:hover,
[data-theme="light"] .b-top-menu--sitebuilder .b-top-menu__item .js-button:hover,
[data-theme="light"] .b-top-menu--sitebuilder .b-top-menu__item button:hover {
  background: #F8FAFC !important;
  color: var(--poet-gold) !important;
  border-color: var(--poet-gold) !important;
}

[data-theme="light"] .b-top-menu .b-comp-menu-dropdown__content,
[data-theme="light"] .b-comp-menu-dropdown--headerbar .b-comp-menu-dropdown__content {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
}

[data-theme="light"] .b-top-menu .b-comp-menu-dropdown__content-item a,
[data-theme="light"] .b-comp-menu-dropdown--headerbar .b-comp-menu-dropdown__content-item a {
  color: #0F172A !important;
}

[data-theme="light"] .b-top-menu .b-comp-menu-dropdown__content-item a:hover,
[data-theme="light"] .b-comp-menu-dropdown--headerbar .b-comp-menu-dropdown__content-item a:hover {
  background: #F1F5F9 !important;
  color: var(--poet-gold) !important;
}

.b-top-menu,
.b-top-menu__container {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* إخفاء أي عناصر فارغة أو مقسمات قديمة تنشئ مربعات أو مساحات شاذة في شريط المستخدم */
.b-top-menu__item[aria-hidden="true"],
.b-top-menu__item:empty,
.b-top-menu__item--no-left-divider:empty,
.b-top-menu__item--no-right-divider:empty,
.b-top-menu__item--divider {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
}

.b-top-menu--sitebuilder {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  margin: 0 !important;
  padding: 4px 0 !important;
  list-style: none !important;
  background: transparent !important;
}

.b-top-menu--sitebuilder .b-top-menu__item {
  border: none !important;
  margin: 0 !important;
  background: transparent !important;
}

.b-top-menu--sitebuilder .b-top-menu__item a,
.b-top-menu--sitebuilder .b-top-menu__item .js-button,
.b-top-menu--sitebuilder .b-top-menu__item button {
  background: rgba(255, 255, 255, 0.05) !important;
  color: #CBD5E1 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 5px 12px !important;
  border-radius: 6px !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  transition: all 0.2s ease !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.b-top-menu--sitebuilder .b-top-menu__item a:hover,
.b-top-menu--sitebuilder .b-top-menu__item .js-button:hover,
.b-top-menu--sitebuilder .b-top-menu__item button:hover {
  background: rgba(176, 146, 107, 0.15) !important;
  color: var(--poet-gold) !important;
  border-color: rgba(176, 146, 107, 0.4) !important;
}

/* زر لوحة التحكم الإدارية المميز */
.b-top-menu--sitebuilder .b-top-menu__item:first-child a,
.b-top-menu--sitebuilder .admincp-btn {
  background: linear-gradient(135deg, #B0926B, #8C6D47) !important;
  color: #FFFFFF !important;
  border: none !important;
  box-shadow: 0 2px 8px rgba(176, 146, 107, 0.3) !important;
}

/* محاذاة شريط المستخدم بالكامل إلى أقصى اليسار مثل الصورة المرجعية */
.js-top-menu-user .b-top-menu__container {
  display: flex !important;
  justify-content: flex-end !important; /* في RTL: flex-end يكون جهة اليسار */
  align-items: center !important;
  width: 100% !important;
  background: transparent !important;
  border: none !important;
}

.b-top-menu--user {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
  margin-right: auto !important; /* يضمن إزاحة الشريط كلياً لأقصى اليسار */
  margin-left: 0 !important;
  padding: 4px 0 !important;
  list-style: none !important;
  width: auto !important;
  float: left !important;
  background: transparent !important;
  border: none !important;
}

.b-top-menu--user .b-top-menu__item {
  border: none !important;
  background: transparent !important;
  display: inline-flex !important;
  align-items: center !important;
}

.b-top-menu--user .b-top-menu__item a,
.b-top-menu--user .b-top-menu__item .b-comp-menu-dropdown__trigger {
  color: #F8FAFC !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(176, 146, 107, 0.25) !important;
  border-radius: 9999px !important;
  padding: 5px 14px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  transition: all 0.2s ease !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.b-top-menu--user .b-top-menu__item a:hover,
.b-top-menu--user .b-top-menu__item .b-comp-menu-dropdown__trigger:hover {
  background: rgba(176, 146, 107, 0.18) !important;
  color: var(--poet-gold) !important;
  border-color: rgba(176, 146, 107, 0.5) !important;
}

/* زر تسجيل الخروج بلون ناعم وأنيق */
.b-top-menu--user .b-top-menu__item:last-child a,
.b-top-menu--user a[href*="logout"] {
  background: rgba(239, 68, 68, 0.1) !important;
  border-color: rgba(239, 68, 68, 0.25) !important;
  color: #FCA5A5 !important;
}

.b-top-menu--user .b-top-menu__item:last-child a:hover,
.b-top-menu--user a[href*="logout"]:hover {
  background: rgba(239, 68, 68, 0.2) !important;
  color: #FFFFFF !important;
}

/* عنصر اسم المستخدم والأفاتار */
.b-top-menu--user .username-container .b-comp-menu-dropdown__trigger {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(176, 146, 107, 0.35) !important;
  border-radius: 9999px !important;
  padding: 4px 14px 4px 6px !important;
}

.b-top-menu--user .username-container .b-comp-menu-dropdown__trigger-username {
  color: var(--poet-gold) !important;
  font-weight: 800 !important;
}

.b-top-menu--user .b-comp-menu-dropdown__trigger-avatar {
  border-radius: 50% !important;
  border: 1px solid var(--poet-gold) !important;
}

/* شارات أرقام التنبيهات والرسائل */
.top-menu-button__icon-count-wrapper .notifications-count {
  background: var(--poet-gold) !important;
  color: #0B1329 !important;
  font-weight: 900 !important;
  font-size: 10px !important;
  border-radius: 10px !important;
  padding: 1px 5px !important;
  border: 1px solid #0B1329 !important;
}

/* القوائم المنسدلة في الشريط العلوي */
.b-top-menu .b-comp-menu-dropdown__content,
.b-comp-menu-dropdown--headerbar .b-comp-menu-dropdown__content {
  background: #111E38 !important;
  border: 1px solid #1E293B !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
  overflow: hidden !important;
  padding: 6px 0 !important;
}

.b-top-menu .b-comp-menu-dropdown__content-item a,
.b-comp-menu-dropdown--headerbar .b-comp-menu-dropdown__content-item a {
  color: #F8FAFC !important;
  font-size: 13px !important;
  padding: 8px 16px !important;
  display: block !important;
  transition: all 0.2s ease !important;
}

.b-top-menu .b-comp-menu-dropdown__content-item a:hover,
.b-comp-menu-dropdown--headerbar .b-comp-menu-dropdown__content-item a:hover {
  background: rgba(176, 146, 107, 0.15) !important;
  color: var(--poet-gold) !important;
}

/* ==========================================================================
   إظهار وتنسيق زر ومفتاح (تعديل الموقع) بوضوح وفخامة
   ========================================================================== */
.b-top-menu__item--sitebuilder-toggle,
.b-top-menu--user .b-top-menu__item--sitebuilder-toggle {
  display: inline-flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(176, 146, 107, 0.35) !important;
  border-radius: 9999px !important;
  padding: 5px 14px !important;
  margin: 0 4px !important;
  transition: all 0.25s ease !important;
  cursor: pointer !important;
}

.b-top-menu__item--sitebuilder-toggle:hover {
  background: rgba(176, 146, 107, 0.18) !important;
  border-color: var(--poet-gold) !important;
  box-shadow: 0 2px 10px rgba(176, 146, 107, 0.25) !important;
}

.b-top-menu__item--sitebuilder-toggle .switch-control {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  height: auto !important;
  cursor: pointer !important;
}

/* النص (تعديل الموقع:) */
.b-top-menu__item--sitebuilder-toggle label,
.b-top-menu__item--sitebuilder-toggle .switch-control label {
  color: #F8FAFC !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  font-family: 'Cairo', sans-serif !important;
  cursor: pointer !important;
  margin: 0 !important;
  display: inline-block !important;
  line-height: 1.2 !important;
}

.b-top-menu__item--sitebuilder-toggle:hover label {
  color: var(--poet-gold) !important;
}

/* أيقونة ومفتاح التبديل (Switch Icons) */
.b-top-menu__item--sitebuilder-toggle .switch-icon--off,
.b-top-menu__item--sitebuilder-toggle .fa-toggle-off {
  color: #CBD5E1 !important;
  font-size: 20px !important;
  display: inline-block !important;
  vertical-align: middle !important;
  transition: all 0.2s ease !important;
}

.b-top-menu__item--sitebuilder-toggle:hover .switch-icon--off {
  color: var(--poet-gold) !important;
}

.b-top-menu__item--sitebuilder-toggle .switch-icon--on,
.b-top-menu__item--sitebuilder-toggle .fa-toggle-on {
  color: #10B981 !important;
  font-size: 20px !important;
  display: inline-block !important;
  vertical-align: middle !important;
  text-shadow: 0 0 10px rgba(16, 185, 129, 0.6) !important;
}

.switch-control:not(.on) .switch-icon--on,
.switch-control.on .switch-icon--off {
  display: none !important;
}

/* 4. إزالة أي فواصل أو فراغات أو خلفيات بيضاء في الهيدر */
#sitebuilder-wrapper,
#header-axd,
.axd-container_header,
.axd-container_header2,
.main-navbar-bottom-line {
  background: transparent !important;
  border: none !important;
}

/* ==========================================================================
   إلغاء الإطار والتحديد الأزرق (Blue Outline & Border) من جميع أزرار الموقع
   ========================================================================== */

/* 1. إلغاء التحديد والتوهج الأزرق من كافة الأزرار عند النقر والتركيز (Focus & Active) */
button,
a.b-button,
.b-button,
.b-button--primary,
.b-button--secondary,
.b-button--special,
.b-button--control,
input[type="button"],
input[type="submit"],
input[type="reset"],
[role="button"],
.js-button,
.switch-control,
.switch-container,
.b-comp-menu-dropdown__trigger,
.b-top-menu__item,
.b-top-menu__item a,
.b-top-menu__item-link,
[tabindex],
.b-icon-fa,
.poetry-btn-tool,
.poet-btn-view,
.poet-theme-toggle {
  outline: none !important;
  -webkit-focus-ring-color: transparent !important;
}

button:focus,
button:focus-visible,
button:active,
.b-button:focus,
.b-button:focus-visible,
.b-button:active,
a.b-button:focus,
a.b-button:focus-visible,
a.b-button:active,
input[type="button"]:focus,
input[type="button"]:focus-visible,
input[type="button"]:active,
input[type="submit"]:focus,
input[type="submit"]:focus-visible,
input[type="submit"]:active,
[role="button"]:focus,
[role="button"]:focus-visible,
[role="button"]:active,
.js-button:focus,
.js-button:focus-visible,
.js-button:active,
.switch-control:focus,
.switch-control:focus-visible,
.switch-control:active,
.switch-container:focus,
.b-comp-menu-dropdown__trigger:focus,
.b-comp-menu-dropdown__trigger:focus-visible,
.b-comp-menu-dropdown__trigger:active,
.b-top-menu__item a:focus,
.b-top-menu__item a:focus-visible,
.b-top-menu__item .js-button:focus,
[tabindex]:focus,
[tabindex]:focus-visible {
  outline: none !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
  -webkit-focus-ring-color: transparent !important;
}

/* 2. استبدال أي حدود زرقاء قديمة في الأزرار بحدود ملكية متناسقة */
.b-button:focus,
.b-button--primary:focus,
.b-button--secondary:focus {
  border-color: var(--poet-gold) !important;
}

/* 3. إلغاء اللون الأزرق الكلاسيكي عند تظليل النصوص وجعله ذهبياً ملكياً شامبين */
::selection {
  background: rgba(176, 146, 107, 0.4) !important;
  color: #FFFFFF !important;
}

::-moz-selection {
  background: rgba(176, 146, 107, 0.4) !important;
  color: #FFFFFF !important;
}

/* ==========================================================================
   إلغاء الإطار الأزرق والتسطير من تبويبات القنوات والهيدر (#channel-tabbar) وكافة الروابط
   ========================================================================== */
#channel-tabbar,
#channel-tabbar *,
#channel-tabbar .channel-tabbar-list li,
#channel-tabbar .channel-tabbar-list li a,
#channel-tabbar .channel-tabbar-list li.current a,
.section-item,
.section-item a,
.navbar_home,
a {
  outline: none !important;
  -webkit-focus-ring-color: transparent !important;
}

#channel-tabbar .channel-tabbar-list li a:focus,
#channel-tabbar .channel-tabbar-list li a:focus-visible,
#channel-tabbar .channel-tabbar-list li a:active,
#channel-tabbar .channel-tabbar-list li a:hover,
#channel-tabbar .channel-tabbar-list li.current a,
#channel-tabbar .channel-tabbar-list li.current a:focus,
#channel-tabbar .channel-tabbar-list li.current a:focus-visible,
#channel-tabbar .channel-tabbar-list li.current a:active,
#channel-tabbar .channel-tabbar-list li.current a:hover,
.section-item a:focus,
.section-item a:active,
.navbar_home:focus,
.navbar_home:active,
a:focus,
a:focus-visible,
a:active {
  outline: none !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
  border-color: transparent !important;
  text-decoration: none !important;
  -webkit-focus-ring-color: transparent !important;
}

/* التبويب النشط في القنوات (المنتديات، المدونات...) في الوضعين */
#channel-tabbar .channel-tabbar-list li.current a,
[data-theme="light"] #channel-tabbar .channel-tabbar-list li.current a,
#channel-tabbar .channel-tabbar-list li.current a:hover,
[data-theme="light"] #channel-tabbar .channel-tabbar-list li.current a:hover,
#channel-tabbar .channel-tabbar-list li.current a:focus,
[data-theme="light"] #channel-tabbar .channel-tabbar-list li.current a:focus {
  background: var(--poet-gold) !important;
  color: #FFFFFF !important;
  font-weight: 800 !important;
  border: none !important;
  outline: none !important;
  box-shadow: 0 2px 8px rgba(176, 146, 107, 0.35) !important;
  text-decoration: none !important;
}

/* ضبط تبويبات القنوات الرئيسية للهيدر في الوضعين الليلي والنهاري */
#channel-tabbar,
.channel-tabbar {
  background: #0B1329 !important;
  border-bottom: 2px solid var(--poet-gold) !important;
  transition: background-color 0.35s ease !important;
}

[data-theme="light"] #channel-tabbar,
[data-theme="light"] .channel-tabbar {
  background: #FFFFFF !important;
  border-bottom: 2px solid var(--poet-gold) !important;
}

#channel-tabbar .channel-tabbar-list li:not(.current) a {
  color: #CBD5E1 !important;
  font-weight: 700 !important;
  transition: all 0.2s ease !important;
}

[data-theme="light"] #channel-tabbar .channel-tabbar-list li:not(.current) a {
  color: #1E293B !important;
  font-weight: 700 !important;
}

#channel-tabbar .channel-tabbar-list li:not(.current) a:hover,
[data-theme="light"] #channel-tabbar .channel-tabbar-list li:not(.current) a:hover {
  color: var(--poet-gold) !important;
}

/* شريط التبويبات الفرعية (#channel-subtabbar - مشاركات اليوم، قائمة الأعضاء، التقويم...) */
#channel-subtabbar,
.channel-subtabbar,
.b-top-background__subnav,
.b-channel-subnav,
.navbar-subnav {
  background: #0E172E !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  transition: background-color 0.35s ease !important;
}

#channel-subtabbar .channel-subtabbar-list li a,
.channel-subtabbar-list li a,
.b-top-background__subnav a,
.b-channel-subnav a,
.navbar-subnav a {
  color: #CBD5E1 !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  transition: all 0.2s ease !important;
}

#channel-subtabbar .channel-subtabbar-list li a:hover,
.channel-subtabbar-list li a:hover,
.b-top-background__subnav a:hover,
.b-channel-subnav a:hover,
.navbar-subnav a:hover {
  color: var(--poet-gold) !important;
}

/* في الوضع النهاري: إظهار نصوص الشريط الفرعي بوضوح تام وقراءة مريحة */
[data-theme="light"] #channel-subtabbar,
[data-theme="light"] .channel-subtabbar,
[data-theme="light"] .b-top-background__subnav,
[data-theme="light"] .b-channel-subnav,
[data-theme="light"] .navbar-subnav {
  background: #F8FAFC !important;
  border-bottom: 1px solid #E2E8F0 !important;
}

[data-theme="light"] #channel-subtabbar .channel-subtabbar-list li a,
[data-theme="light"] .channel-subtabbar-list li a,
[data-theme="light"] .b-top-background__subnav a,
[data-theme="light"] .b-channel-subnav a,
[data-theme="light"] .navbar-subnav a {
  color: #0F172A !important;
  font-weight: 700 !important;
  font-size: 13px !important;
}

[data-theme="light"] #channel-subtabbar .channel-subtabbar-list li a:hover,
[data-theme="light"] .channel-subtabbar-list li a:hover,
[data-theme="light"] .b-top-background__subnav a:hover,
[data-theme="light"] .b-channel-subnav a:hover,
[data-theme="light"] .navbar-subnav a:hover {
  color: #8C6D47 !important;
}

/* شريط مسار التصفح (Breadcrumbs - الدواوين، اسم الشاعر...) */
.b-breadcrumbs,
.breadcrumbs,
.crumb-trail,
.canvas-layout-container .b-breadcrumbs {
  background: transparent !important;
  border: none !important;
}

.b-breadcrumbs a,
.breadcrumbs a,
.crumb-trail a {
  color: var(--poet-text-muted) !important;
  font-weight: 600 !important;
}

.b-breadcrumbs a:hover,
.breadcrumbs a:hover {
  color: var(--poet-gold) !important;
}

[data-theme="light"] .b-breadcrumbs a,
[data-theme="light"] .breadcrumbs a {
  color: #475569 !important;
}

[data-theme="light"] .b-breadcrumbs span,
[data-theme="light"] .breadcrumbs span {
  color: #0F172A !important;
  font-weight: 700 !important;
}

/* صندوق البحث في الترويسة */
[data-theme="light"] .search-box .search-term {
  background: #F8FAFC !important;
  color: #0F172A !important;
  border: 1px solid #CBD5E1 !important;
}

[data-theme="dark"] .search-box .search-term {
  background: #0B1329 !important;
  color: #F8FAFC !important;
  border: 1px solid #1E293B !important;
}

/* ==========================================================================
   تنسيق النوافذ المنبثقة وصناديق الحوار والتأكيد الملكية (Modal Dialogs & Alerts)
   ========================================================================== */

/* 1. طبقة التعتيم الخلفية (Backdrop Overlay) */
.ui-widget-overlay {
  background: rgba(7, 13, 26, 0.75) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  opacity: 1 !important;
}

/* 2. الإطار العام للنافذة المنبثقة وحاويتها */
.ui-dialog,
.dialog-container.ui-dialog,
.b-dialog,
.ui-widget-content.dialog-container {
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.65) !important;
  padding: 0 !important;
  font-family: 'Cairo', sans-serif !important;
}

[data-theme="dark"] .ui-dialog,
[data-theme="dark"] .dialog-container.ui-dialog,
[data-theme="dark"] .b-dialog,
[data-theme="dark"] .ui-widget-content.dialog-container,
[data-theme="dark"] .ui-dialog .ui-dialog-content,
[data-theme="dark"] .ui-dialog .sb-dialog {
  background: #142240 !important;
  border: 1px solid rgba(176, 146, 107, 0.35) !important;
  color: #F8FAFC !important;
}

[data-theme="light"] .ui-dialog,
[data-theme="light"] .dialog-container.ui-dialog,
[data-theme="light"] .b-dialog,
[data-theme="light"] .ui-widget-content.dialog-container,
[data-theme="light"] .ui-dialog .ui-dialog-content,
[data-theme="light"] .ui-dialog .sb-dialog {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  color: #0F172A !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15) !important;
}

/* 3. ترويسة وعنوان النافذة (Titlebar) */
.ui-dialog .ui-dialog-titlebar {
  padding: 14px 20px !important;
  height: auto !important;
  line-height: normal !important;
  background: transparent !important;
  border: none !important;
}

[data-theme="dark"] .ui-dialog .ui-dialog-titlebar {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

[data-theme="light"] .ui-dialog .ui-dialog-titlebar {
  border-bottom: 1px solid #E2E8F0 !important;
}

.ui-dialog .ui-dialog-title {
  font-size: 16px !important;
  font-weight: 800 !important;
  font-family: 'Cairo', sans-serif !important;
  width: auto !important;
  float: right !important;
}

[data-theme="dark"] .ui-dialog .ui-dialog-title {
  color: var(--poet-gold) !important;
}

[data-theme="light"] .ui-dialog .ui-dialog-title {
  color: #8C6D47 !important;
}

/* زر الإغلاق في الترويسة */
.ui-dialog .ui-dialog-titlebar-close {
  background: transparent !important;
  border: none !important;
  color: #94A3B8 !important;
  font-size: 18px !important;
  cursor: pointer !important;
  position: absolute !important;
  left: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  outline: none !important;
}

.ui-dialog .ui-dialog-titlebar-close:hover {
  color: var(--poet-gold) !important;
}

/* 4. محتوى النافذة المنبثقة والنصوص بداخلها */
.ui-dialog .ui-dialog-content {
  padding: 22px !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
  font-family: 'Cairo', sans-serif !important;
}

[data-theme="dark"] .ui-dialog .ui-dialog-content,
[data-theme="dark"] .ui-dialog .ui-dialog-content p,
[data-theme="dark"] .ui-dialog .ui-dialog-content div,
[data-theme="dark"] .ui-dialog .ui-dialog-content span,
[data-theme="dark"] .ui-dialog .ui-dialog-content label,
[data-theme="dark"] .ui-dialog-content {
  color: #F8FAFC !important;
}

[data-theme="light"] .ui-dialog .ui-dialog-content,
[data-theme="light"] .ui-dialog .ui-dialog-content p,
[data-theme="light"] .ui-dialog .ui-dialog-content div,
[data-theme="light"] .ui-dialog .ui-dialog-content span,
[data-theme="light"] .ui-dialog .ui-dialog-content label,
[data-theme="light"] .ui-dialog-content {
  color: #0F172A !important;
}

/* 5. حقول الإدخال وصناديق النصوص داخل النوافذ المنبثقة (إلغاء الإطار الأزرق وتطبيق الخط والحدود الملكية) */
.ui-dialog textarea,
.ui-dialog input[type="text"],
.ui-dialog input[type="password"],
.ui-dialog select {
  width: 100% !important;
  box-sizing: border-box !important;
  border-radius: 12px !important;
  padding: 12px 14px !important;
  font-size: 14px !important;
  font-family: 'Cairo', sans-serif !important;
  line-height: 1.7 !important;
  outline: none !important;
  box-shadow: none !important;
  -webkit-focus-ring-color: transparent !important;
  transition: all 0.25s ease !important;
}

[data-theme="dark"] .ui-dialog textarea,
[data-theme="dark"] .ui-dialog input[type="text"],
[data-theme="dark"] .ui-dialog input[type="password"],
[data-theme="dark"] .ui-dialog select {
  background: #0B1329 !important;
  border: 1px solid rgba(176, 146, 107, 0.35) !important;
  color: #F8FAFC !important;
}

[data-theme="dark"] .ui-dialog textarea:focus,
[data-theme="dark"] .ui-dialog input:focus,
[data-theme="dark"] .ui-dialog select:focus {
  border-color: var(--poet-gold) !important;
  box-shadow: 0 0 14px rgba(176, 146, 107, 0.35) !important;
  outline: none !important;
}

[data-theme="light"] .ui-dialog textarea,
[data-theme="light"] .ui-dialog input[type="text"],
[data-theme="light"] .ui-dialog input[type="password"],
[data-theme="light"] .ui-dialog select {
  background: #F8FAFC !important;
  border: 1px solid #CBD5E1 !important;
  color: #0F172A !important;
}

[data-theme="light"] .ui-dialog textarea:focus,
[data-theme="light"] .ui-dialog input:focus,
[data-theme="light"] .ui-dialog select:focus {
  border-color: #8C6D47 !important;
  box-shadow: 0 0 14px rgba(140, 109, 71, 0.25) !important;
  outline: none !important;
}

/* 6. شريط الأزرار أسفل النافذة المنبثقة (نعم، لا، تم، إرسال تقرير، إلغاء) */
.ui-dialog .ui-dialog-buttonpane {
  padding: 14px 20px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  border: none !important;
  background: transparent !important;
}

[data-theme="dark"] .ui-dialog .ui-dialog-buttonpane {
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

[data-theme="light"] .ui-dialog .ui-dialog-buttonpane {
  border-top: 1px solid #E2E8F0 !important;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* أزرار الحوار العامة */
.ui-dialog .ui-dialog-buttonpane button {
  border-radius: 10px !important;
  padding: 8px 22px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  font-family: 'Cairo', sans-serif !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  outline: none !important;
  border: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* زر التأكيد الأساسي (نعم، تم، إرسال تقرير، الزر الأول) */
.ui-dialog .ui-dialog-buttonpane button:first-child,
.ui-dialog button.js-button-primary,
.ui-dialog .b-button--primary {
  background: linear-gradient(135deg, #B0926B, #8C6D47) !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 12px rgba(176, 146, 107, 0.35) !important;
}

.ui-dialog .ui-dialog-buttonpane button:first-child:hover,
.ui-dialog button.js-button-primary:hover,
.ui-dialog .b-button--primary:hover {
  background: linear-gradient(135deg, #C5A880, #B0926B) !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(176, 146, 107, 0.5) !important;
}

/* الزر الثانوي (لا، إلغاء) */
.ui-dialog .ui-dialog-buttonpane button:not(:first-child),
.ui-dialog button.js-button-secondary,
.ui-dialog .b-button--secondary {
  background: #0B1329 !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: #CBD5E1 !important;
}

.ui-dialog .ui-dialog-buttonpane button:not(:first-child):hover,
.ui-dialog button.js-button-secondary:hover {
  background: #192A50 !important;
  color: #FFFFFF !important;
  border-color: rgba(176, 146, 107, 0.4) !important;
}

[data-theme="light"] .ui-dialog .ui-dialog-buttonpane button:not(:first-child),
[data-theme="light"] .ui-dialog button.js-button-secondary,
[data-theme="light"] .ui-dialog .b-button--secondary {
  background: #F1F5F9 !important;
  border: 1px solid #CBD5E1 !important;
  color: #334155 !important;
}

[data-theme="light"] .ui-dialog .ui-dialog-buttonpane button:not(:first-child):hover,
[data-theme="light"] .ui-dialog button.js-button-secondary:hover {
  background: #E2E8F0 !important;
  color: #0F172A !important;
}

/* ==========================================================================
   Poet Platform - Tabs & Navigation Contrast Overhaul (Day & Night Modes)
   معالجة التباين الجمالي لأشرطة وتبويبات الموقع بالكامل (ليلي / نهاري)
   ========================================================================== */

/* الحاوية الكلية لويدجت التبويبات - ارتفاع تلقائي يستوعب كامل البطاقات والجداول */
.widget-tabs,
.view-mode .widget-tabs,
.widget-tabs.ui-tabs,
.widget-tabs .widget-content.widget-tabs-panel {
  height: auto !important;
  min-height: auto !important;
  overflow: visible !important;
  clear: both !important;
}

/* 1. الحاوية الخاصة بشريط ألسنة التبويبات (Tabs Bar Header) لكافة الشاشات والمواضيع */
.widget-tabs > .widget-header.widget-tabs-nav,
.view-mode .widget-tabs > .widget-header.widget-tabs-nav,
.view-mode .widget-tabs .widget-tabs-nav-background,
.view-mode .widget-tabs .widget-tabs-nav .module-title,
.widget-tabs .widget-tabs-nav .module-title,
.conversation-content-widget .widget-header,
.conversation-content-widget .widget-tabs-nav,
.view-mode .conversation-content-widget .widget-tabs-nav {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  height: 42px !important;
  min-height: 42px !important;
  line-height: normal !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: content-box !important;
}

/* خط القاعدة السفلي لشريط التبويبات - في الوضع الليلي */
:root:not([data-theme="light"]) .widget-tabs > .widget-header.widget-tabs-nav,
[data-theme="dark"] .widget-tabs > .widget-header.widget-tabs-nav,
:root:not([data-theme="light"]) .conversation-content-widget .widget-tabs-nav,
[data-theme="dark"] .conversation-content-widget .widget-tabs-nav {
  border: none !important;
  border-bottom: 2px solid rgba(176, 146, 107, 0.3) !important;
}

/* خط القاعدة السفلي لشريط التبويبات - في الوضع النهاري */
[data-theme="light"] .widget-tabs > .widget-header.widget-tabs-nav,
[data-theme="light"] .conversation-content-widget .widget-tabs-nav {
  border: none !important;
  border-bottom: 2px solid #E2E8F0 !important;
}

/* إلغاء أي حدود سفلية من القوائم الداخلية لمنع تكرار الخط أو قطعه للألسنة */
.widget-tabs .widget-tabs-nav ul.ui-tabs-nav,
.widget-tabs ul.ui-tabs-nav,
.ui-tabs ul.ui-tabs-nav,
.conversation-content-widget ul.ui-tabs-nav {
  border: none !important;
  border-bottom: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 42px !important;
  min-height: 42px !important;
  display: flex !important;
  align-items: flex-end !important;
  list-style: none !important;
  background: transparent !important;
}

/* 2. عناصر قائمة التبويبات (li) - حاويات متناسقة متطابقة الارتفاع والمحاذاة */
.widget-tabs .widget-tabs-nav li,
.widget-tabs .ui-tabs-nav li,
.ui-tabs .ui-tabs-nav li,
.conversation-content-widget .ui-tabs-nav li,
.conversation-content-widget .widget-tabs-nav li {
  margin: 0 3px !important;
  padding: 0 !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  line-height: 1 !important;
  border: none !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  float: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  vertical-align: middle !important;
  box-sizing: border-box !important;
}

/* إلغاء أي فراغ في أقصى اليمين */
.widget-tabs .widget-tabs-nav li:first-child,
.widget-tabs .ui-tabs-nav li:first-child,
.ui-tabs .ui-tabs-nav li:first-child,
.conversation-content-widget .ui-tabs-nav li:first-child {
  margin-right: 0 !important;
}

/* تأكيد أن الـ li النشط نفسه شفاف وبلا حدود سفلية زائدة */
.widget-tabs .widget-tabs-nav li.ui-tabs-active,
.widget-tabs .ui-tabs-nav li.ui-tabs-active,
.ui-tabs .ui-tabs-nav li.ui-tabs-active,
.ui-tabs .ui-tabs-nav li.ui-state-active,
.conversation-content-widget .ui-tabs-nav li.ui-tabs-active,
.conversation-content-widget .ui-tabs-nav li.ui-state-active {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  margin-bottom: 0 !important;
}

/* 3. روابط الألسنة (li a) - توسط رأسي ورفع دقيق للكلمات */
.widget-tabs .widget-tabs-nav li a,
.widget-tabs .ui-tabs-nav li a,
.ui-tabs .ui-tabs-nav li a,
.conversation-content-widget .ui-tabs-nav li a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  line-height: 1 !important;
  padding: 0 20px 3px 20px !important;
  font-family: 'Cairo', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  border-radius: 8px 8px 0 0 !important;
  border: none !important;
  outline: none !important;
  text-decoration: none !important;
  vertical-align: middle !important;
  transition: all 0.22s ease-in-out !important;
}

/* 4. اللسان النشط في الوضع الليلي */
[data-theme="dark"] .widget-tabs .widget-tabs-nav li.ui-tabs-active a,
[data-theme="dark"] .widget-tabs .ui-tabs-nav li.ui-tabs-active a,
[data-theme="dark"] .ui-tabs .ui-tabs-nav li.ui-tabs-active a,
[data-theme="dark"] .ui-tabs .ui-tabs-nav li.ui-state-active a,
[data-theme="dark"] .conversation-content-widget .ui-tabs-nav li.ui-tabs-active a,
[data-theme="dark"] .conversation-content-widget .ui-tabs-nav li.ui-state-active a,
:root:not([data-theme="light"]) .widget-tabs .widget-tabs-nav li.ui-tabs-active a,
:root:not([data-theme="light"]) .widget-tabs .ui-tabs-nav li.ui-tabs-active a,
:root:not([data-theme="light"]) .conversation-content-widget .ui-tabs-nav li.ui-tabs-active a {
  background: linear-gradient(135deg, #B0926B 0%, #8C6D47 100%) !important;
  color: #FFFFFF !important;
  font-weight: 800 !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-bottom: none !important;
  border-radius: 8px 8px 0 0 !important;
  box-shadow: 0 -2px 10px rgba(176, 146, 107, 0.35) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
  text-decoration: none !important;
  cursor: default !important;
}

/* 5. الألسنة غير النشطة في الوضع الليلي */
[data-theme="dark"] .widget-tabs .widget-tabs-nav li:not(.ui-tabs-active) a,
[data-theme="dark"] .widget-tabs .ui-tabs-nav li:not(.ui-tabs-active) a,
[data-theme="dark"] .ui-tabs .ui-tabs-nav li:not(.ui-tabs-active):not(.ui-state-active) a,
[data-theme="dark"] .conversation-content-widget .ui-tabs-nav li:not(.ui-tabs-active) a,
:root:not([data-theme="light"]) .widget-tabs .widget-tabs-nav li:not(.ui-tabs-active) a,
:root:not([data-theme="light"]) .widget-tabs .ui-tabs-nav li:not(.ui-tabs-active) a,
:root:not([data-theme="light"]) .conversation-content-widget .ui-tabs-nav li:not(.ui-tabs-active) a {
  background: transparent !important;
  background-color: transparent !important;
  color: #CBD5E1 !important;
  font-weight: 600 !important;
  border: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

/* مرور الماوس على الألسنة غير النشطة - الوضع الليلي */
[data-theme="dark"] .widget-tabs .widget-tabs-nav li:not(.ui-tabs-active) a:hover,
[data-theme="dark"] .widget-tabs .ui-tabs-nav li:not(.ui-tabs-active) a:hover,
[data-theme="dark"] .ui-tabs .ui-tabs-nav li:not(.ui-tabs-active):not(.ui-state-active) a:hover,
[data-theme="dark"] .conversation-content-widget .ui-tabs-nav li:not(.ui-tabs-active) a:hover,
:root:not([data-theme="light"]) .widget-tabs .widget-tabs-nav li:not(.ui-tabs-active) a:hover,
:root:not([data-theme="light"]) .conversation-content-widget .ui-tabs-nav li:not(.ui-tabs-active) a:hover {
  background: rgba(176, 146, 107, 0.18) !important;
  color: #FDE68A !important;
  border-radius: 8px 8px 0 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

/* 6. اللسان النشط في الوضع النهاري - مطابق للعلوي ومحاذي للخط بالضبط */
[data-theme="light"] .widget-tabs .widget-tabs-nav li.ui-tabs-active a,
[data-theme="light"] .widget-tabs .ui-tabs-nav li.ui-tabs-active a,
[data-theme="light"] .ui-tabs .ui-tabs-nav li.ui-tabs-active a,
[data-theme="light"] .ui-tabs .ui-tabs-nav li.ui-state-active a,
[data-theme="light"] .conversation-content-widget .ui-tabs-nav li.ui-tabs-active a,
[data-theme="light"] .conversation-content-widget .ui-tabs-nav li.ui-state-active a {
  background: linear-gradient(135deg, #B0926B 0%, #8C6D47 100%) !important;
  color: #FFFFFF !important;
  font-weight: 800 !important;
  border: 1px solid rgba(140, 109, 71, 0.4) !important;
  border-bottom: none !important;
  border-radius: 8px 8px 0 0 !important;
  box-shadow: 0 4px 14px rgba(140, 109, 71, 0.25) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35) !important;
  text-decoration: none !important;
  cursor: default !important;
}

/* 7. الألسنة غير النشطة في الوضع النهاري */
[data-theme="light"] .widget-tabs .widget-tabs-nav li:not(.ui-tabs-active) a,
[data-theme="light"] .widget-tabs .ui-tabs-nav li:not(.ui-tabs-active) a,
[data-theme="light"] .ui-tabs .ui-tabs-nav li:not(.ui-tabs-active):not(.ui-state-active) a,
[data-theme="light"] .conversation-content-widget .ui-tabs-nav li:not(.ui-tabs-active) a {
  background: transparent !important;
  background-color: transparent !important;
  color: #475569 !important;
  font-weight: 600 !important;
  border: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

/* مرور الماوس على الألسنة غير النشطة - الوضع النهاري */
[data-theme="light"] .widget-tabs .widget-tabs-nav li:not(.ui-tabs-active) a:hover,
[data-theme="light"] .widget-tabs .ui-tabs-nav li:not(.ui-tabs-active) a:hover,
[data-theme="light"] .ui-tabs .ui-tabs-nav li:not(.ui-tabs-active):not(.ui-state-active) a:hover,
[data-theme="light"] .conversation-content-widget .ui-tabs-nav li:not(.ui-tabs-active) a:hover {
  background: rgba(176, 146, 107, 0.14) !important;
  color: #8C6D47 !important;
  border-radius: 12px 12px 0 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

/* 7. الحظر الصارم للخط السفلي (Underline) والتعتيم الشاذ في vBulletin */
.widget-tabs .ui-tabs-nav li a,
.widget-tabs .ui-tabs-nav li a:hover,
.widget-tabs .ui-tabs-nav li a:focus,
.widget-tabs .ui-tabs-nav li.ui-tabs-active a,
.widget-tabs .ui-tabs-nav li.ui-tabs-active a:hover,
.activity-stream-widget .ui-tabs-nav li a,
.activity-stream-widget .ui-tabs-nav li a:hover,
.profileTabs .ui-tabs-nav li a,
.profileTabs .ui-tabs-nav li a:hover,
.conversation-content-widget .ui-tabs-nav li a,
.conversation-content-widget .ui-tabs-nav li a:hover {
  text-decoration: none !important;
}

/* 8. شريط الأدوات والتصفية (Conversation Toolbar & Filter Button) */
.conversation-toolbar-wrapper {
  margin: 0 !important;
  padding: 6px 12px !important;
  box-sizing: border-box !important;
}

.conversation-toolbar {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

:root:not([data-theme="light"]) .conversation-toolbar-wrapper,
[data-theme="dark"] .conversation-toolbar-wrapper {
  background: rgba(17, 30, 56, 0.6) !important;
  border-bottom: 1px solid var(--poet-border) !important;
  color: #F8FAFC !important;
}

[data-theme="light"] .conversation-toolbar-wrapper {
  background: #F8FAFC !important;
  border-bottom: 1px solid #E2E8F0 !important;
  color: #0F172A !important;
}

/* عناصر وأزرار وحقول شريط الأدوات - الوضع الليلي */
:root:not([data-theme="light"]) .conversation-toolbar .b-button,
[data-theme="dark"] .conversation-toolbar .b-button,
:root:not([data-theme="light"]) .conversation-toolbar .b-form-input__input,
[data-theme="dark"] .conversation-toolbar .b-form-input__input,
:root:not([data-theme="light"]) .conversation-toolbar .js-pagenum,
[data-theme="dark"] .conversation-toolbar .js-pagenum {
  background: rgba(255, 255, 255, 0.07) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: #F8FAFC !important;
}

:root:not([data-theme="light"]) .conversation-toolbar .b-button:hover,
[data-theme="dark"] .conversation-toolbar .b-button:hover {
  background: rgba(176, 146, 107, 0.25) !important;
  border-color: rgba(176, 146, 107, 0.45) !important;
  color: #FDE68A !important;
}

/* عناصر وأزرار وحقول شريط الأدوات - الوضع النهاري */
[data-theme="light"] .conversation-toolbar .b-button,
[data-theme="light"] .conversation-toolbar .b-form-input__input,
[data-theme="light"] .conversation-toolbar .js-pagenum {
  background: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
  color: #1E293B !important;
}

[data-theme="light"] .conversation-toolbar .b-button:hover {
  background: #F1F5F9 !important;
  border-color: #94A3B8 !important;
  color: #0F172A !important;
}

[data-theme="dark"] .conversation-toolbar-wrapper .toolbar-filter .filter-wrapper,
:root:not([data-theme="light"]) .conversation-toolbar-wrapper .toolbar-filter .filter-wrapper {
  color: #CBD5E1 !important;
}

[data-theme="dark"] .conversation-toolbar-wrapper .toolbar-filter .filter-wrapper:hover,
:root:not([data-theme="light"]) .conversation-toolbar-wrapper .toolbar-filter .filter-wrapper:hover {
  color: #F8FAFC !important;
  background: rgba(255, 255, 255, 0.06) !important;
}

[data-theme="light"] .conversation-toolbar-wrapper .toolbar-filter .filter-wrapper {
  color: #334155 !important;
}

[data-theme="light"] .conversation-toolbar-wrapper .toolbar-filter .filter-wrapper:hover {
  color: #0F172A !important;
  background: rgba(0, 0, 0, 0.05) !important;
}

/* 9. صندوق الموضوع والمشاركات (Conversation Content Widget Card) */
:root:not([data-theme="light"]) .conversation-content-widget,
[data-theme="dark"] .conversation-content-widget {
  background: var(--poet-bg-surface) !important;
  border: 1px solid var(--poet-border) !important;
  border-radius: 20px !important;
}

[data-theme="light"] .conversation-content-widget {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 20px !important;
}

/* 9. شريط عنوان الصفحة العلوية (Page Title Widget) */
.page-title-widget,
.page-title-widget .widget-header,
.page-title-widget .module-title {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* ==========================================================================
   Poet Platform - Main Navigation Bar & Hover Fix (#channel-tabbar)
   معالجة القائمة الرئيسية العلوية ولون التحويم (مرور الماوس)
   ========================================================================== */

/* الحاوية الرئيسية للقائمة العلوية */
#channel-tabbar {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  height: auto !important;
  min-height: 44px !important;
}

:root,
[data-theme="dark"] #channel-tabbar,
:root:not([data-theme="light"]) #channel-tabbar {
  border-bottom: 2px solid rgba(176, 146, 107, 0.3) !important;
}

[data-theme="light"] #channel-tabbar {
  border-bottom: 2px solid #E2E8F0 !important;
}

/* إخفاء القواطع الرأسية القديمة لتصميم أنيق وعصري */
#channel-tabbar .channel-tabbar-divider {
  display: none !important;
}

/* عناصر قائمة القنوات / الأقسام */
#channel-tabbar .channel-tabbar-list li {
  margin: 0 3px !important;
  padding: 0 !important;
}

#channel-tabbar .channel-tabbar-list li a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 42px !important;
  line-height: 42px !important;
  padding: 0 20px !important;
  font-family: 'Cairo', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  border-radius: 12px 12px 0 0 !important;
  border: none !important;
  text-decoration: none !important;
  transition: all 0.22s ease-in-out !important;
}

/* 1. التبويب النشط الحالي (Active Current Tab) */
#channel-tabbar .channel-tabbar-list li.current a,
#channel-tabbar .channel-tabbar-list li.current a:hover,
.edit-mode #channel-tabbar .channel-tabbar-list li.current a:hover {
  background: linear-gradient(135deg, #B0926B 0%, #8C6D47 100%) !important;
  color: #FFFFFF !important;
  font-weight: 800 !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-bottom: none !important;
  border-radius: 12px 12px 0 0 !important;
  box-shadow: 0 -2px 10px rgba(176, 146, 107, 0.35) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
  text-decoration: none !important;
  cursor: default !important;
}

/* 2. التبويبات العادية غير النشطة - الوضع الليلي */
:root,
[data-theme="dark"] #channel-tabbar .channel-tabbar-list li:not(.current) a,
:root:not([data-theme="light"]) #channel-tabbar .channel-tabbar-list li:not(.current) a {
  background: transparent !important;
  color: #CBD5E1 !important;
  text-decoration: none !important;
}

/* إصلاح لون مرور الماوس (Hover) - الوضع الليلي:
   توهج ذهبي شفاف ناعم مع لون نص ذهبي مضيء يمنع التلاصق مع التبويب النشط */
:root,
[data-theme="dark"] #channel-tabbar .channel-tabbar-list li:not(.current) a:hover,
[data-theme="dark"] #channel-tabbar .channel-tabbar-list li:not(.current):hover a,
:root:not([data-theme="light"]) #channel-tabbar .channel-tabbar-list li:not(.current) a:hover,
:root:not([data-theme="light"]) #channel-tabbar .channel-tabbar-list li:not(.current):hover a {
  background: rgba(176, 146, 107, 0.18) !important;
  color: #FDE68A !important;
  border-radius: 12px 12px 0 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

/* 3. التبويبات العادية غير النشطة - الوضع النهاري */
[data-theme="light"] #channel-tabbar .channel-tabbar-list li:not(.current) a {
  background: transparent !important;
  color: #475569 !important;
  text-decoration: none !important;
}

/* إصلاح لون مرور الماوس (Hover) - الوضع النهاري */
[data-theme="light"] #channel-tabbar .channel-tabbar-list li:not(.current) a:hover,
[data-theme="light"] #channel-tabbar .channel-tabbar-list li:not(.current):hover a {
  background: rgba(176, 146, 107, 0.14) !important;
  color: #8C6D47 !important;
  border-radius: 12px 12px 0 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

/* 4. شريط القوائم الفرعية (#channel-subtabbar) */
#channel-subtabbar {
  background: transparent !important;
  border: none !important;
  padding: 6px 0 !important;
}

#channel-subtabbar .channel-subtabbar-list li {
  margin: 0 4px !important;
}

#channel-subtabbar .channel-subtabbar-list li a {
  font-family: 'Cairo', sans-serif !important;
  font-weight: 600 !important;
  font-size: 13.5px !important;
  padding: 4px 12px !important;
  border-radius: 6px !important;
  transition: all 0.2s ease !important;
  text-decoration: none !important;
}

:root,
[data-theme="dark"] #channel-subtabbar .channel-subtabbar-list li a,
:root:not([data-theme="light"]) #channel-subtabbar .channel-subtabbar-list li a {
  color: #94A3B8 !important;
}

:root,
[data-theme="dark"] #channel-subtabbar .channel-subtabbar-list li a:hover,
:root:not([data-theme="light"]) #channel-subtabbar .channel-subtabbar-list li a:hover {
  color: #FDE68A !important;
  background: rgba(255, 255, 255, 0.06) !important;
}

[data-theme="light"] #channel-subtabbar .channel-subtabbar-list li a {
  color: #64748B !important;
}

[data-theme="light"] #channel-subtabbar .channel-subtabbar-list li a:hover {
  color: #0F172A !important;
  background: rgba(0, 0, 0, 0.05) !important;
}

/* 10. إزالة أي فواصل أو عناصر فارغة قد تُحدث خطاً سفلياً في نهاية الصفحة */
.unsubscribe-overlay-container,
#fb-root,
#sitebuilder-wrapper:empty {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* ==========================================================================
   Poet Platform - Royal Editor & Quick Reply Styling (محرر وصندوق الرد الملكي)
   تنسيق موحد وفاخر للمحرر والشريط العلوي والمرفقات وأزرار الرد (نهاري وليلي)
   ========================================================================== */

/* 1. الحاوية الرئيسية لصندوق الرد والمحرر */
.b-content-entry,
.conversation-reply,
form.js-content-entry-form {
  border-radius: 16px !important;
  overflow: hidden !important;
  transition: all 0.25s ease !important;
}

:root:not([data-theme="light"]) .b-content-entry,
:root:not([data-theme="light"]) .conversation-reply,
:root:not([data-theme="light"]) form.js-content-entry-form,
[data-theme="dark"] .b-content-entry,
[data-theme="dark"] .conversation-reply,
[data-theme="dark"] form.js-content-entry-form {
  background: var(--poet-bg-surface) !important;
  border: 1px solid var(--poet-border) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;
}

[data-theme="light"] .b-content-entry,
[data-theme="light"] .conversation-reply,
[data-theme="light"] form.js-content-entry-form {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
}

/* 2. شريط أدوات المحرر العلوي (.b-toolbar) */
.b-toolbar {
  height: 46px !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
  transition: all 0.25s ease !important;
}

:root:not([data-theme="light"]) .b-toolbar,
[data-theme="dark"] .b-toolbar {
  background: rgba(17, 30, 56, 0.95) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

[data-theme="light"] .b-toolbar {
  background: #F8FAFC !important;
  border-bottom: 1px solid #E2E8F0 !important;
}

/* الأيقونات الرئيسية في شريط الأدوات (كاميرا، رابط، فيديو...) */
.b-toolbar__item {
  width: 36px !important;
  height: 36px !important;
  border: none !important;
  border-radius: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 3px !important;
  transition: all 0.2s ease !important;
}

:root:not([data-theme="light"]) .b-toolbar__item .b-toolbar__icon,
[data-theme="dark"] .b-toolbar__item .b-toolbar__icon {
  color: #94A3B8 !important;
}

:root:not([data-theme="light"]) .b-toolbar__item:hover,
[data-theme="dark"] .b-toolbar__item:hover {
  background: rgba(176, 146, 107, 0.18) !important;
}

:root:not([data-theme="light"]) .b-toolbar__item:hover .b-toolbar__icon,
[data-theme="dark"] .b-toolbar__item:hover .b-toolbar__icon {
  color: #FDE68A !important;
}

[data-theme="light"] .b-toolbar__item .b-toolbar__icon {
  color: #64748B !important;
}

[data-theme="light"] .b-toolbar__item:hover {
  background: rgba(176, 146, 107, 0.12) !important;
}

[data-theme="light"] .b-toolbar__item:hover .b-toolbar__icon {
  color: #8C6D47 !important;
}

/* الأزرار الفرعية (المرفقات، الخط A، الابتسامات) - إزالة اللون الأحمر والمربعات الشاذة */
.b-toolbar__item--secondary {
  width: 34px !important;
  height: 34px !important;
  border-radius: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 4px !important;
  box-sizing: border-box !important;
  transition: all 0.2s ease !important;
}

:root:not([data-theme="light"]) .b-toolbar__item--secondary,
[data-theme="dark"] .b-toolbar__item--secondary {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

:root:not([data-theme="light"]) .b-toolbar__item--secondary .b-toolbar__icon,
[data-theme="dark"] .b-toolbar__item--secondary .b-toolbar__icon {
  color: #CBD5E1 !important;
}

:root:not([data-theme="light"]) .b-toolbar__item--secondary:hover,
:root:not([data-theme="light"]) .b-toolbar__item--secondary.b-toolbar__item--active,
[data-theme="dark"] .b-toolbar__item--secondary:hover,
[data-theme="dark"] .b-toolbar__item--secondary.b-toolbar__item--active {
  background: rgba(176, 146, 107, 0.25) !important;
  border-color: rgba(176, 146, 107, 0.5) !important;
}

:root:not([data-theme="light"]) .b-toolbar__item--secondary:hover .b-toolbar__icon,
:root:not([data-theme="light"]) .b-toolbar__item--secondary.b-toolbar__item--active .b-toolbar__icon,
[data-theme="dark"] .b-toolbar__item--secondary:hover .b-toolbar__icon,
[data-theme="dark"] .b-toolbar__item--secondary.b-toolbar__item--active .b-toolbar__icon {
  color: #FDE68A !important;
}

[data-theme="light"] .b-toolbar__item--secondary {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
}

[data-theme="light"] .b-toolbar__item--secondary .b-toolbar__icon {
  color: #475569 !important;
}

[data-theme="light"] .b-toolbar__item--secondary:hover,
[data-theme="light"] .b-toolbar__item--secondary.b-toolbar__item--active {
  background: rgba(176, 146, 107, 0.14) !important;
  border-color: #B0926B !important;
}

[data-theme="light"] .b-toolbar__item--secondary:hover .b-toolbar__icon,
[data-theme="light"] .b-toolbar__item--secondary.b-toolbar__item--active .b-toolbar__icon {
  color: #8C6D47 !important;
}

/* 3. شريط أدوات محرر النصوص CKEditor (.cke_top) وإلغاء اللون البيج القديم */
.b-editor {
  border: none !important;
  background: transparent !important;
}

.b-editor > .cke_chrome {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

.b-editor .cke_inner {
  background: transparent !important;
}

:root:not([data-theme="light"]) .b-editor .cke_top,
[data-theme="dark"] .b-editor .cke_top {
  background: #111E38 !important;
  background-color: #111E38 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
  padding: 8px 10px !important;
}

[data-theme="light"] .b-editor .cke_top {
  background: #F1F5F9 !important;
  background-color: #F1F5F9 !important;
  border-bottom: 1px solid #E2E8F0 !important;
  box-shadow: none !important;
  padding: 8px 10px !important;
}

/* مجموعات أدوات CKEditor */
:root:not([data-theme="light"]) .b-editor .cke_toolgroup,
[data-theme="dark"] .b-editor .cke_toolgroup {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 6px !important;
  margin: 2px 4px !important;
}

[data-theme="light"] .b-editor .cke_toolgroup {
  background: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
  border-radius: 6px !important;
  margin: 2px 4px !important;
}

/* أزرار المحرر وأيقوناتها */
.b-editor a.cke_button {
  border-radius: 4px !important;
  transition: all 0.15s ease !important;
}

:root:not([data-theme="light"]) .b-editor a.cke_button:hover,
:root:not([data-theme="light"]) .b-editor a.cke_button_on,
[data-theme="dark"] .b-editor a.cke_button:hover,
[data-theme="dark"] .b-editor a.cke_button_on {
  background: rgba(176, 146, 107, 0.28) !important;
  border: 1px solid rgba(176, 146, 107, 0.4) !important;
}

[data-theme="light"] .b-editor a.cke_button:hover,
[data-theme="light"] .b-editor a.cke_button_on {
  background: rgba(176, 146, 107, 0.15) !important;
  border: 1px solid rgba(176, 146, 107, 0.3) !important;
}

/* القوائم المنسدلة للخط وحجم الخط */
:root:not([data-theme="light"]) .b-editor .cke_combo,
[data-theme="dark"] .b-editor .cke_combo {
  margin: 2px 4px !important;
}

:root:not([data-theme="light"]) .b-editor a.cke_combo_button,
[data-theme="dark"] .b-editor a.cke_combo_button {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 6px !important;
}

:root:not([data-theme="light"]) .b-editor .cke_combo_text,
[data-theme="dark"] .b-editor .cke_combo_text {
  color: #F8FAFC !important;
  font-family: 'Cairo', sans-serif !important;
  font-size: 13px !important;
}

:root:not([data-theme="light"]) .b-editor .cke_combo_arrow,
[data-theme="dark"] .b-editor .cke_combo_arrow {
  border-top-color: #94A3B8 !important;
}

[data-theme="light"] .b-editor a.cke_combo_button {
  background: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
  border-radius: 6px !important;
}

[data-theme="light"] .b-editor .cke_combo_text {
  color: #1E293B !important;
  font-family: 'Cairo', sans-serif !important;
  font-size: 13px !important;
}

[data-theme="light"] .b-editor .cke_combo_arrow {
  border-top-color: #64748B !important;
}

/* زر إغلاق شريط الأدوات ولوحات الإدخال (X) */
.b-editor .b-button--close-btn,
.b-editor .b-button.b-button--close-btn,
.b-content-entry .b-button--close-btn,
.b-content-entry .b-button.b-button--close-btn,
.b-content-entry-panel .b-button--close-btn,
.js-contententry-panel-x {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #94A3B8 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.2s ease !important;
}

.b-editor .b-button--close-btn:hover,
.b-editor .b-button.b-button--close-btn:hover,
.b-content-entry .b-button--close-btn:hover,
.b-content-entry .b-button.b-button--close-btn:hover,
.b-content-entry-panel .b-button--close-btn:hover,
.js-contententry-panel-x:hover {
  background: rgba(239, 68, 68, 0.15) !important;
  color: #EF4444 !important;
  border-radius: 6px !important;
}

/* 4. مساحة الكتابة في المحرر (.cke_contents) وحل البياض المزعج في الوضع الليلي */
:root:not([data-theme="light"]) .b-editor .cke_inner .cke_contents,
:root:not([data-theme="light"]) .b-editor .cke_contents,
:root:not([data-theme="light"]) .b-editor textarea.b-form-textarea__textarea,
[data-theme="dark"] .b-editor .cke_inner .cke_contents,
[data-theme="dark"] .b-editor .cke_contents,
[data-theme="dark"] .b-editor textarea.b-form-textarea__textarea {
  background: #0B1329 !important;
  background-color: #0B1329 !important;
  color: #F8FAFC !important;
  min-height: 130px !important;
}

[data-theme="light"] .b-editor .cke_inner .cke_contents,
[data-theme="light"] .b-editor .cke_contents,
[data-theme="light"] .b-editor textarea.b-form-textarea__textarea {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  color: #0F172A !important;
  min-height: 130px !important;
}

/* نص التلميح (اكتب شيئا...) */
:root:not([data-theme="light"]) .b-editor__placeholder,
[data-theme="dark"] .b-editor__placeholder {
  color: #64748B !important;
  font-family: 'Cairo', sans-serif !important;
  font-size: 15px !important;
}

[data-theme="light"] .b-editor__placeholder {
  color: #94A3B8 !important;
  font-family: 'Cairo', sans-serif !important;
  font-size: 15px !important;
}

/* شريط تغيير الارتفاع (.cke_bottom) */
:root:not([data-theme="light"]) .b-editor .cke_bottom,
[data-theme="dark"] .b-editor .cke_bottom {
  background: #111E38 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

[data-theme="light"] .b-editor .cke_bottom {
  background: #F8FAFC !important;
  border-top: 1px solid #E2E8F0 !important;
}

/* 5. لوحة المرفقات وخيارات الرفع (.b-content-entry-panel) */
.b-content-entry-panel {
  border: none !important;
  transition: all 0.25s ease !important;
}

:root:not([data-theme="light"]) .b-content-entry-panel,
:root:not([data-theme="light"]) .b-content-entry-panel__content,
:root:not([data-theme="light"]) .b-content-entry-panel__section,
[data-theme="dark"] .b-content-entry-panel,
[data-theme="dark"] .b-content-entry-panel__content,
[data-theme="dark"] .b-content-entry-panel__section {
  background: #111E38 !important;
  background-color: #111E38 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #F8FAFC !important;
}

[data-theme="light"] .b-content-entry-panel,
[data-theme="light"] .b-content-entry-panel__content,
[data-theme="light"] .b-content-entry-panel__section {
  background: #F8FAFC !important;
  background-color: #F8FAFC !important;
  border-top: 1px solid #E2E8F0 !important;
  color: #0F172A !important;
}

/* أزرار رفع المرفقات ("رفع مرفقات"، "رفع من رابط") */
.b-file-chooser .b-button,
.b-button--upload,
.js-upload-from-url {
  background: linear-gradient(135deg, #B0926B 0%, #8C6D47 100%) !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 8px !important;
  padding: 8px 18px !important;
  font-family: 'Cairo', sans-serif !important;
  font-weight: 700 !important;
  font-size: 13.5px !important;
  box-shadow: 0 2px 8px rgba(140, 109, 71, 0.25) !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.b-file-chooser .b-button:hover,
.b-button--upload:hover,
.js-upload-from-url:hover {
  background: linear-gradient(135deg, #C5A880 0%, #9A7B4F 100%) !important;
  box-shadow: 0 4px 12px rgba(140, 109, 71, 0.35) !important;
  transform: translateY(-1px);
}

/* زر إغلاق لوحة المرفقات X */
.b-content-entry-panel .b-button--close-btn,
.js-contententry-panel-x {
  color: #94A3B8 !important;
}

.b-content-entry-panel .b-button--close-btn:hover,
.js-contententry-panel-x:hover {
  color: #EF4444 !important;
}

/* رابط خيارات متقدمة (+ خيارات متقدمة) */
.b-content-entry-panel__content--advancedoptions,
.js-advanced-options-toggle,
.b-button--action {
  font-family: 'Cairo', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

:root:not([data-theme="light"]) .b-content-entry-panel__content--advancedoptions,
:root:not([data-theme="light"]) .js-advanced-options-toggle,
[data-theme="dark"] .b-content-entry-panel__content--advancedoptions,
[data-theme="dark"] .js-advanced-options-toggle {
  color: #CBD5E1 !important;
}

:root:not([data-theme="light"]) .b-content-entry-panel__content--advancedoptions:hover,
:root:not([data-theme="light"]) .js-advanced-options-toggle:hover,
[data-theme="dark"] .b-content-entry-panel__content--advancedoptions:hover,
[data-theme="dark"] .js-advanced-options-toggle:hover {
  color: #FDE68A !important;
}

[data-theme="light"] .b-content-entry-panel__content--advancedoptions,
[data-theme="light"] .js-advanced-options-toggle {
  color: #475569 !important;
}

[data-theme="light"] .b-content-entry-panel__content--advancedoptions:hover,
[data-theme="light"] .js-advanced-options-toggle:hover {
  color: #8C6D47 !important;
}

/* 6. أزرار الإجراءات السفلية ("إضافة رد"، "معاينة"، "إلغاء") - محاذاة لجهة اليسار */
.js-contententry-buttons {
  padding: 14px 0 8px !important;
  display: flex !important;
  justify-content: flex-start !important;
  direction: ltr !important;
  clear: both !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.js-contententry-buttons .b-button-group,
.b-content-entry .b-button-group {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 !important;
  direction: ltr !important;
}

/* زر: إضافة رد (Submit Button) */
.b-button.b-button--primary.js-content-entry-submit,
.b-content-entry button[type="submit"].b-button--primary,
.js-content-entry-submit {
  background: linear-gradient(135deg, #B0926B 0%, #8C6D47 100%) !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 10px !important;
  padding: 9px 28px !important;
  font-family: 'Cairo', sans-serif !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  box-shadow: 0 4px 14px rgba(140, 109, 71, 0.35) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
  cursor: pointer !important;
  transition: all 0.22s ease-in-out !important;
}

.b-button.b-button--primary.js-content-entry-submit:hover,
.b-content-entry button[type="submit"].b-button--primary:hover,
.js-content-entry-submit:hover {
  background: linear-gradient(135deg, #C5A880 0%, #9A7B4F 100%) !important;
  box-shadow: 0 6px 18px rgba(140, 109, 71, 0.45) !important;
  transform: translateY(-1px);
}

/* زر: معاينة (Preview Button) */
.b-button.js-content-entry-preview {
  border-radius: 10px !important;
  padding: 9px 22px !important;
  font-family: 'Cairo', sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  cursor: pointer !important;
  transition: all 0.22s ease-in-out !important;
}

:root:not([data-theme="light"]) .b-button.js-content-entry-preview,
[data-theme="dark"] .b-button.js-content-entry-preview {
  background: rgba(255, 255, 255, 0.07) !important;
  border: 1px solid rgba(176, 146, 107, 0.4) !important;
  color: #F8FAFC !important;
  box-shadow: none !important;
}

:root:not([data-theme="light"]) .b-button.js-content-entry-preview:hover,
[data-theme="dark"] .b-button.js-content-entry-preview:hover {
  background: rgba(176, 146, 107, 0.2) !important;
  border-color: #B0926B !important;
  color: #FDE68A !important;
  box-shadow: 0 3px 10px rgba(176, 146, 107, 0.2) !important;
  transform: translateY(-1px);
}

[data-theme="light"] .b-button.js-content-entry-preview {
  background: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
  color: #334155 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="light"] .b-button.js-content-entry-preview:hover {
  background: rgba(176, 146, 107, 0.12) !important;
  border-color: #8C6D47 !important;
  color: #8C6D47 !important;
  box-shadow: 0 3px 10px rgba(140, 109, 71, 0.15) !important;
  transform: translateY(-1px);
}

/* زر: إلغاء (Cancel Button) */
.b-button.js-content-entry-cancel {
  border-radius: 10px !important;
  padding: 9px 20px !important;
  font-family: 'Cairo', sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  cursor: pointer !important;
  transition: all 0.22s ease-in-out !important;
}

:root:not([data-theme="light"]) .b-button.js-content-entry-cancel,
[data-theme="dark"] .b-button.js-content-entry-cancel {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: #94A3B8 !important;
  box-shadow: none !important;
}

:root:not([data-theme="light"]) .b-button.js-content-entry-cancel:hover,
[data-theme="dark"] .b-button.js-content-entry-cancel:hover {
  background: rgba(239, 68, 68, 0.12) !important;
  border-color: rgba(239, 68, 68, 0.5) !important;
  color: #F87171 !important;
}

[data-theme="light"] .b-button.js-content-entry-cancel {
  background: transparent !important;
  border: 1px solid #E2E8F0 !important;
  color: #64748B !important;
  box-shadow: none !important;
}

[data-theme="light"] .b-button.js-content-entry-cancel:hover {
  background: rgba(239, 68, 68, 0.08) !important;
  border-color: #EF4444 !important;
  color: #DC2626 !important;
}

/* ==========================================================================
   7. القوائم المنسدلة للخطوط والأحجام في المحرر (.cke_panel, .cke_combopanel)
   ========================================================================== */
.cke_panel,
.cke_combopanel {
  border-radius: 12px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  transition: all 0.2s ease !important;
}

:root:not([data-theme="light"]) .cke_panel,
:root:not([data-theme="light"]) .cke_combopanel,
[data-theme="dark"] .cke_panel,
[data-theme="dark"] .cke_combopanel {
  background-color: #111E38 !important;
  border: 1px solid rgba(176, 146, 107, 0.35) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6) !important;
}

[data-theme="light"] .cke_panel,
[data-theme="light"] .cke_combopanel {
  background-color: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12) !important;
}

.cke_panel_frame {
  background: transparent !important;
}

/* ==========================================================================
   8. تنسيق قائمة الفلترة والتصفية الملكية (.toolbar-filter-overlay)
   ========================================================================== */
.conversation-toolbar-wrapper .toolbar-filter-overlay,
.toolbar-wrapper .toolbar-filter-overlay,
form.toolbar-filter-overlay {
  border-radius: 12px !important;
  box-sizing: border-box !important;
  font-family: 'Cairo', sans-serif !important;
  transition: all 0.2s ease !important;
}

:root:not([data-theme="light"]) .conversation-toolbar-wrapper .toolbar-filter-overlay,
:root:not([data-theme="light"]) .toolbar-wrapper .toolbar-filter-overlay,
:root:not([data-theme="light"]) form.toolbar-filter-overlay,
[data-theme="dark"] .conversation-toolbar-wrapper .toolbar-filter-overlay,
[data-theme="dark"] .toolbar-wrapper .toolbar-filter-overlay,
[data-theme="dark"] form.toolbar-filter-overlay {
  background: #111E38 !important;
  border: 1px solid rgba(176, 146, 107, 0.4) !important;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.6) !important;
}

[data-theme="light"] .conversation-toolbar-wrapper .toolbar-filter-overlay,
[data-theme="light"] .toolbar-wrapper .toolbar-filter-overlay,
[data-theme="light"] form.toolbar-filter-overlay {
  background: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12) !important;
}

/* فواصل الأعمدة في قائمة الفلترة */
:root:not([data-theme="light"]) .toolbar-filter-overlay .filter-options-list > li,
[data-theme="dark"] .toolbar-filter-overlay .filter-options-list > li {
  border-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="light"] .toolbar-filter-overlay .filter-options-list > li {
  border-color: #E2E8F0 !important;
}

/* عناوين أقسام الفلترة (الوقت، عرض، إلخ) */
:root:not([data-theme="light"]) .toolbar-filter-overlay .filter-header,
[data-theme="dark"] .toolbar-filter-overlay .filter-header {
  color: var(--poet-gold) !important;
  font-family: 'Cairo', sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding-bottom: 5px !important;
  margin-bottom: 8px !important;
}

[data-theme="light"] .toolbar-filter-overlay .filter-header {
  color: #8C6D47 !important;
  font-family: 'Cairo', sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  border-bottom: 1px solid #E2E8F0 !important;
  padding-bottom: 5px !important;
  margin-bottom: 8px !important;
}

/* نصوص خيارات الفلترة وحالات الاختيار والتحويم */
:root:not([data-theme="light"]) .toolbar-filter-overlay .filter-options label > input + span,
[data-theme="dark"] .toolbar-filter-overlay .filter-options label > input + span {
  color: #CBD5E1 !important;
  font-family: 'Cairo', sans-serif !important;
  font-size: 13px !important;
  transition: color 0.18s ease !important;
}

:root:not([data-theme="light"]) .toolbar-filter-overlay .filter-options label:hover > input + span,
[data-theme="dark"] .toolbar-filter-overlay .filter-options label:hover > input + span {
  color: #FFFFFF !important;
}

:root:not([data-theme="light"]) .toolbar-filter-overlay .filter-options label > input:checked + span,
[data-theme="dark"] .toolbar-filter-overlay .filter-options label > input:checked + span {
  color: #E2B842 !important;
  font-weight: 700 !important;
}

[data-theme="light"] .toolbar-filter-overlay .filter-options label > input + span {
  color: #334155 !important;
  font-family: 'Cairo', sans-serif !important;
  font-size: 13px !important;
  transition: color 0.18s ease !important;
}

[data-theme="light"] .toolbar-filter-overlay .filter-options label:hover > input + span {
  color: #0F172A !important;
}

[data-theme="light"] .toolbar-filter-overlay .filter-options label > input:checked + span {
  color: #936C28 !important;
  font-weight: 700 !important;
}

/* أزرار الراديو الذهبية المتناسقة */
.toolbar-filter-overlay input[type="radio"] {
  accent-color: #B0926B !important;
  cursor: pointer !important;
}

/* سهم قائمة الفلترة (Triangle Arrow) */
:root:not([data-theme="light"]) .toolbar-menu-arrow::before,
[data-theme="dark"] .toolbar-menu-arrow::before {
  border-bottom-color: rgba(176, 146, 107, 0.5) !important;
}

:root:not([data-theme="light"]) .toolbar-menu-arrow::after,
[data-theme="dark"] .toolbar-menu-arrow::after {
  border-bottom-color: #111E38 !important;
}

[data-theme="light"] .toolbar-menu-arrow::before {
  border-bottom-color: #CBD5E1 !important;
}

[data-theme="light"] .toolbar-menu-arrow::after {
  border-bottom-color: #FFFFFF !important;
}

/* زر الفلترة في الشريط العلوي */
.toolbar-filter .filter-wrapper {
  border-radius: 8px !important;
  padding: 4px 12px !important;
  transition: all 0.2s ease !important;
}

:root:not([data-theme="light"]) .toolbar-filter .filter-wrapper,
[data-theme="dark"] .toolbar-filter .filter-wrapper {
  color: #CBD5E1 !important;
}

:root:not([data-theme="light"]) .toolbar-filter .filter-wrapper:hover,
:root:not([data-theme="light"]) .toolbar-filter .filter-wrapper.selected,
[data-theme="dark"] .toolbar-filter .filter-wrapper:hover,
[data-theme="dark"] .toolbar-filter .filter-wrapper.selected {
  color: var(--poet-gold) !important;
  background: rgba(176, 146, 107, 0.15) !important;
}

[data-theme="light"] .toolbar-filter .filter-wrapper {
  color: #334155 !important;
}

[data-theme="light"] .toolbar-filter .filter-wrapper:hover,
[data-theme="light"] .toolbar-filter .filter-wrapper.selected {
  color: #8C6D47 !important;
  background: #F1F5F9 !important;
}

/* ==========================================================================
   9. تنسيق رسائل الفراغ / القوائم الفارغة (.conversation-empty)
   ========================================================================== */
.conversation-empty {
  text-align: center !important;
  font-family: 'Cairo', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border-radius: 12px !important;
  padding: 28px 20px !important;
  margin: 12px 0 !important;
  transition: all 0.25s ease !important;
}

:root:not([data-theme="light"]) .conversation-empty,
[data-theme="dark"] .conversation-empty {
  background: rgba(17, 30, 56, 0.7) !important;
  color: #94A3B8 !important;
  border: 1px dashed rgba(176, 146, 107, 0.3) !important;
  box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.25) !important;
}

[data-theme="light"] .conversation-empty {
  background: #F8FAFC !important;
  color: #64748B !important;
  border: 1px dashed #CBD5E1 !important;
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.03) !important;
}

/* ==========================================================================
   10. شريط التذييل في القنوات (.list-footer) وزر (إجعل هذا المنتدى كمقروء)
   ========================================================================== */
.list-footer {
  text-align: center !important;
  padding: 16px 8px !important;
  border-radius: 0 0 12px 12px !important;
  transition: all 0.25s ease !important;
}

:root:not([data-theme="light"]) .list-footer,
[data-theme="dark"] .list-footer {
  background: rgba(11, 19, 41, 0.85) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
}

[data-theme="light"] .list-footer {
  background: #F8FAFC !important;
  border-top: 1px solid #E2E8F0 !important;
}

/* زر إجعل هذا المنتدى كمقروء الفاخر */
.list-footer .js-markread,
.list-footer .b-button {
  background: linear-gradient(135deg, #B0926B, #8C6D47) !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 8px !important;
  padding: 8px 22px !important;
  font-family: 'Cairo', sans-serif !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  box-shadow: 0 2px 8px rgba(176, 146, 107, 0.3) !important;
  text-decoration: none !important;
  display: inline-block !important;
  transition: all 0.22s ease !important;
}

.list-footer .js-markread:hover,
.list-footer .b-button:hover {
  background: linear-gradient(135deg, #C5A880, #B0926B) !important;
  box-shadow: 0 4px 14px rgba(176, 146, 107, 0.5) !important;
  transform: translateY(-1px) !important;
  color: #FFFFFF !important;
  text-decoration: none !important;
}

/* ==========================================================================
   11. أزرار شريط المحادثات والقنوات (+ مقال جديد / موضوع جديد / اشتراك) والترقيم
   ========================================================================== */
/* زر إنشاء محتوى رئيسي (+ مقال جديد / موضوع جديد) */
.conversation-toolbar .b-button--primary,
.conversation-toolbar a.b-button--primary,
.b-button.new-topic-btn,
.b-button.add-article-btn {
  background: linear-gradient(135deg, #B0926B, #8C6D47) !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 6px 16px !important;
  font-family: 'Cairo', sans-serif !important;
  font-weight: 700 !important;
  box-shadow: 0 2px 8px rgba(176, 146, 107, 0.3) !important;
  transition: all 0.2s ease !important;
  text-decoration: none !important;
}

.conversation-toolbar .b-button--primary:hover,
.conversation-toolbar a.b-button--primary:hover,
.b-button.new-topic-btn:hover,
.b-button.add-article-btn:hover {
  background: linear-gradient(135deg, #C5A880, #B0926B) !important;
  box-shadow: 0 4px 12px rgba(176, 146, 107, 0.45) !important;
  transform: translateY(-1px) !important;
  color: #FFFFFF !important;
}

/* زر الاشتراك في القناة */
:root:not([data-theme="light"]) .channel-sub-btn,
:root:not([data-theme="light"]) .js-channel-subscribe-btn,
:root:not([data-theme="light"]) .conversation-toolbar .b-button--secondary,
[data-theme="dark"] .channel-sub-btn,
[data-theme="dark"] .js-channel-subscribe-btn,
[data-theme="dark"] .conversation-toolbar .b-button--secondary {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(176, 146, 107, 0.35) !important;
  color: #F8FAFC !important;
  border-radius: 8px !important;
  padding: 6px 16px !important;
  font-family: 'Cairo', sans-serif !important;
  font-weight: 700 !important;
  transition: all 0.2s ease !important;
}

:root:not([data-theme="light"]) .channel-sub-btn:hover,
:root:not([data-theme="light"]) .js-channel-subscribe-btn:hover,
:root:not([data-theme="light"]) .conversation-toolbar .b-button--secondary:hover,
[data-theme="dark"] .channel-sub-btn:hover,
[data-theme="dark"] .js-channel-subscribe-btn:hover,
[data-theme="dark"] .conversation-toolbar .b-button--secondary:hover {
  background: rgba(176, 146, 107, 0.18) !important;
  border-color: var(--poet-gold) !important;
  color: var(--poet-gold) !important;
}

[data-theme="light"] .channel-sub-btn,
[data-theme="light"] .js-channel-subscribe-btn,
[data-theme="light"] .conversation-toolbar .b-button--secondary {
  background: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
  color: #1E293B !important;
  border-radius: 8px !important;
  padding: 6px 16px !important;
  font-family: 'Cairo', sans-serif !important;
  font-weight: 700 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
  transition: all 0.2s ease !important;
}

[data-theme="light"] .channel-sub-btn:hover,
[data-theme="light"] .js-channel-subscribe-btn:hover,
[data-theme="light"] .conversation-toolbar .b-button--secondary:hover {
  background: #F8FAFC !important;
  border-color: var(--poet-gold) !important;
  color: var(--poet-gold) !important;
}

/* ترقيم الصفحات في الشريط (Pagination) */
.pagenav-form {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

:root:not([data-theme="light"]) .pagenav-form,
:root:not([data-theme="light"]) .pagenav-form span:not(.b-icon-fa):not([class*="fa"]),
:root:not([data-theme="light"]) .pagenav-form label,
:root:not([data-theme="light"]) .pagenav-form .pagetotal,
[data-theme="dark"] .pagenav-form,
[data-theme="dark"] .pagenav-form span:not(.b-icon-fa):not([class*="fa"]),
[data-theme="dark"] .pagenav-form label,
[data-theme="dark"] .pagenav-form .pagetotal {
  color: #CBD5E1 !important;
  font-family: 'Cairo', sans-serif !important;
  font-size: 13px !important;
}

[data-theme="light"] .pagenav-form,
[data-theme="light"] .pagenav-form span:not(.b-icon-fa):not([class*="fa"]),
[data-theme="light"] .pagenav-form label,
[data-theme="light"] .pagenav-form .pagetotal {
  color: #334155 !important;
  font-family: 'Cairo', sans-serif !important;
  font-size: 13px !important;
}

/* ضمان ظهور أيقونات الأسهم في الترقيم بدون أي مربعات */
.pagenav-form .b-icon-fa,
.pagenav-form [class*="fa-"],
.pagenav-form .horizontal-arrows span {
  font-family: "Font Awesome 6 Free", "FontAwesome" !important;
  font-weight: 900 !important;
  display: inline-block !important;
}

:root:not([data-theme="light"]) .pagenav-form input.js-pagenum,
[data-theme="dark"] .pagenav-form input.js-pagenum {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(176, 146, 107, 0.35) !important;
  color: #FFFFFF !important;
  border-radius: 6px !important;
  text-align: center !important;
}

[data-theme="light"] .pagenav-form input.js-pagenum {
  background: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
  color: #0F172A !important;
  border-radius: 6px !important;
  text-align: center !important;
}

/* أزرار الأسهم في الترقيم (.horizontal-arrows) */
.pagenav-form .horizontal-arrows {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}

.pagenav-form .horizontal-arrows a.arrow,
.pagenav-form .b-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 6px !important;
  padding: 4px 8px !important;
  min-width: 24px !important;
  height: 24px !important;
  line-height: 1 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

:root:not([data-theme="light"]) .pagenav-form .horizontal-arrows a.arrow,
:root:not([data-theme="light"]) .pagenav-form .b-button,
[data-theme="dark"] .pagenav-form .horizontal-arrows a.arrow,
[data-theme="dark"] .pagenav-form .b-button {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(176, 146, 107, 0.3) !important;
  color: #CBD5E1 !important;
}

:root:not([data-theme="light"]) .pagenav-form .horizontal-arrows a.arrow:hover:not(.h-disabled),
[data-theme="dark"] .pagenav-form .horizontal-arrows a.arrow:hover:not(.h-disabled) {
  background: rgba(176, 146, 107, 0.22) !important;
  border-color: var(--poet-gold) !important;
  color: var(--poet-gold) !important;
}

[data-theme="light"] .pagenav-form .horizontal-arrows a.arrow,
[data-theme="light"] .pagenav-form .b-button {
  background: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
  color: #334155 !important;
}

[data-theme="light"] .pagenav-form .horizontal-arrows a.arrow:hover:not(.h-disabled) {
  background: #F1F5F9 !important;
  border-color: var(--poet-gold) !important;
  color: #8C6D47 !important;
}

.pagenav-form .horizontal-arrows a.arrow.h-disabled {
  opacity: 0.35 !important;
  cursor: default !important;
  pointer-events: none !important;
}

/* ==========================================================================
   12. عناوين الصفحات والقنوات والوصف (.page-title-widget, .channel-desc)
   ========================================================================== */
.page-title-widget .b-module__title,
.page-title-widget h1,
.page-title-widget .widget-header {
  font-family: 'Cairo', sans-serif !important;
  font-weight: 800 !important;
}

:root:not([data-theme="light"]) .page-title-widget .b-module__title,
:root:not([data-theme="light"]) .page-title-widget h1,
[data-theme="dark"] .page-title-widget .b-module__title,
[data-theme="dark"] .page-title-widget h1 {
  color: var(--poet-gold) !important;
}

[data-theme="light"] .page-title-widget .b-module__title,
[data-theme="light"] .page-title-widget h1 {
  color: #8C6D47 !important;
}

.channel-desc {
  font-family: 'Cairo', sans-serif !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  margin-top: 4px !important;
  margin-bottom: 16px !important;
}

:root:not([data-theme="light"]) .channel-desc,
[data-theme="dark"] .channel-desc {
  color: #94A3B8 !important;
}

[data-theme="light"] .channel-desc {
  color: #64748B !important;
}

/* بطاقة التنبيه للمستخدم الزائر في أعلى المنتدى */
:root:not([data-theme="light"]) .b-notice,
:root:not([data-theme="light"]) .b-notice--wrapper,
:root:not([data-theme="light"]) .notice-bar,
[data-theme="dark"] .b-notice,
[data-theme="dark"] .b-notice--wrapper,
[data-theme="dark"] .notice-bar {
  background: rgba(17, 30, 56, 0.85) !important;
  border: 1px solid rgba(176, 146, 107, 0.35) !important;
  border-radius: 12px !important;
  color: #CBD5E1 !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !important;
}

[data-theme="light"] .b-notice,
[data-theme="light"] .b-notice--wrapper,
[data-theme="light"] .notice-bar {
  background: #FEF9C3 !important;
  border: 1px solid #FDE047 !important;
  border-radius: 12px !important;
  color: #854D0E !important;
}

/* ==========================================================================
   13. توحيد ورفع نصوص ألسنة التبويبات (Tabs Vertical Centering & Styling Across All Pages)
   ========================================================================== */
/* توحيد حاوية التبويبات في جميع الصفحات (أقسام، مدونات، مواضيع، رئيسية) */
.ui-tabs-nav,
.widget-tabs-nav,
.b-tab,
.b-tabs,
.blockhead.widget-tabs-nav,
.widget-tabs .ui-tabs-nav {
  background: transparent !important;
  border: none !important;
  border-bottom: 2px solid var(--poet-gold) !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: flex-end !important;
  padding: 0 !important;
  margin: 0 !important;
  height: 38px !important;
  min-height: 38px !important;
}

/* رفع ومحاذاة نصوص التبويبات لمنتصف اللسان بالضبط لكافة الصفحات */
.ui-tabs-nav li,
.widget-tabs-nav li,
.b-tab li,
.b-tabs li,
.widget-tabs .widget-tabs-nav li,
.widget-tabs .ui-tabs-nav li,
.channel-conversation-list-wrapper .ui-tabs-nav li {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  padding: 0 !important;
  margin: 0 4px 0 0 !important;
  vertical-align: middle !important;
  box-sizing: border-box !important;
}

/* التبويب النشط (Active Tab) - متطابق الارتفاع ومحاذي للخط السفلي بدون أي بروز زائد */
.ui-tabs-nav li.ui-tabs-active,
.widget-tabs-nav li.ui-tabs-active,
.b-tabs li.ui-tabs-active,
.widget-tabs .widget-tabs-nav li.ui-tabs-active,
.widget-tabs .ui-tabs-nav li.ui-tabs-active,
.channel-conversation-list-wrapper .ui-tabs-nav li.ui-tabs-active {
  background: linear-gradient(135deg, #B0926B 0%, #8C6D47 100%) !important;
  border: none !important;
  border-radius: 8px 8px 0 0 !important;
  box-shadow: 0 -2px 8px rgba(176, 146, 107, 0.3) !important;
  margin-bottom: 0 !important;
  height: 38px !important;
}

.ui-tabs-nav li a,
.widget-tabs-nav li a,
.b-tab li a,
.b-tabs li a,
.widget-tabs .widget-tabs-nav li a,
.widget-tabs .ui-tabs-nav li a,
.channel-conversation-list-wrapper .ui-tabs-nav li a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  padding: 0 20px 3px 20px !important; /* رفع الكلمات 3px لمنتصف اللسان البصري لخط القاهرة */
  margin: 0 !important;
  line-height: 1 !important;
  vertical-align: middle !important;
  text-decoration: none !important;
  font-family: 'Cairo', sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  box-sizing: border-box !important;
  border-radius: 8px 8px 0 0 !important;
}

.ui-tabs-nav li.ui-tabs-active a,
.widget-tabs-nav li.ui-tabs-active a,
.widget-tabs .widget-tabs-nav li.ui-tabs-active a,
.widget-tabs .ui-tabs-nav li.ui-tabs-active a,
.channel-conversation-list-wrapper .ui-tabs-nav li.ui-tabs-active a {
  color: #FFFFFF !important;
  font-weight: 800 !important;
  padding: 0 22px 3px 22px !important;
}

/* التبويبات غير النشطة (Inactive Tabs) في الوضع النهاري - ألسنة واضحة محددة */
[data-theme="light"] .ui-tabs-nav li:not(.ui-tabs-active),
[data-theme="light"] .widget-tabs-nav li:not(.ui-tabs-active),
[data-theme="light"] .widget-tabs .widget-tabs-nav li:not(.ui-tabs-active),
[data-theme="light"] .widget-tabs .ui-tabs-nav li:not(.ui-tabs-active),
[data-theme="light"] .channel-conversation-list-wrapper .ui-tabs-nav li:not(.ui-tabs-active) {
  background: #F1F5F9 !important;
  border: 1px solid #E2E8F0 !important;
  border-bottom: none !important;
  border-radius: 8px 8px 0 0 !important;
  margin-left: 2px !important;
  transition: all 0.2s ease !important;
}

[data-theme="light"] .ui-tabs-nav li:not(.ui-tabs-active) a,
[data-theme="light"] .widget-tabs-nav li:not(.ui-tabs-active) a,
[data-theme="light"] .widget-tabs .widget-tabs-nav li:not(.ui-tabs-active) a,
[data-theme="light"] .widget-tabs .ui-tabs-nav li:not(.ui-tabs-active) a,
[data-theme="light"] .channel-conversation-list-wrapper .ui-tabs-nav li:not(.ui-tabs-active) a {
  color: #475569 !important;
}

[data-theme="light"] .ui-tabs-nav li:not(.ui-tabs-active):hover a,
[data-theme="light"] .widget-tabs-nav li:not(.ui-tabs-active):hover a,
[data-theme="light"] .widget-tabs .widget-tabs-nav li:not(.ui-tabs-active):hover a,
[data-theme="light"] .channel-conversation-list-wrapper .ui-tabs-nav li:not(.ui-tabs-active):hover a {
  color: #8C6D47 !important;
  background: #F1F5F9 !important;
  border-radius: 8px 8px 0 0 !important;
}

/* التبويبات غير النشطة في الوضع الليلي */
:root:not([data-theme="light"]) .ui-tabs-nav li:not(.ui-tabs-active),
:root:not([data-theme="light"]) .widget-tabs-nav li:not(.ui-tabs-active),
[data-theme="dark"] .ui-tabs-nav li:not(.ui-tabs-active),
[data-theme="dark"] .widget-tabs-nav li:not(.ui-tabs-active) {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-bottom: none !important;
  border-radius: 8px 8px 0 0 !important;
  margin-left: 2px !important;
}

:root:not([data-theme="light"]) .ui-tabs-nav li:not(.ui-tabs-active) a,
:root:not([data-theme="light"]) .widget-tabs-nav li:not(.ui-tabs-active) a,
[data-theme="dark"] .ui-tabs-nav li:not(.ui-tabs-active) a,
[data-theme="dark"] .widget-tabs-nav li:not(.ui-tabs-active) a {
  color: #CBD5E1 !important;
}

:root:not([data-theme="light"]) .ui-tabs-nav li:not(.ui-tabs-active):hover a,
[data-theme="dark"] .ui-tabs-nav li:not(.ui-tabs-active):hover a {
  color: var(--poet-gold) !important;
  background: rgba(176, 146, 107, 0.12) !important;
  border-radius: 8px 8px 0 0 !important;
}

/* ==========================================================================
   14. تغيير خلية القسم والمواضيع (Section Cell Styling - Dark & Light)
   ========================================================================== */

/* --- الوضع الليلي (Dark Mode) --- */
:root:not([data-theme="light"]) .topic-list-container,
:root:not([data-theme="light"]) .topic-list-container .topic-list,
:root:not([data-theme="light"]) tbody.topic-list,
:root:not([data-theme="light"]) tr.topic-item,
:root:not([data-theme="light"]) tr.topic-item td,
:root:not([data-theme="light"]) tr.topic-item.unread td,
:root:not([data-theme="light"]) .topic-list tr.topic-item td,
:root:not([data-theme="light"]) .forum-list-container,
:root:not([data-theme="light"]) .forum-list-container tr.forum-item td,
:root:not([data-theme="light"]) tr.forum-item,
:root:not([data-theme="light"]) tr.forum-item td,
[data-theme="dark"] .topic-list-container,
[data-theme="dark"] .topic-list-container .topic-list,
[data-theme="dark"] tbody.topic-list,
[data-theme="dark"] tr.topic-item,
[data-theme="dark"] tr.topic-item td,
[data-theme="dark"] tr.topic-item.unread td,
[data-theme="dark"] .topic-list tr.topic-item td,
[data-theme="dark"] .forum-list-container,
[data-theme="dark"] .forum-list-container tr.forum-item td,
[data-theme="dark"] tr.forum-item,
[data-theme="dark"] tr.forum-item td {
  background: #111E38 !important;
  color: #CBD5E1 !important;
  border-bottom: 1px solid #1E293B !important;
}

/* شريط الأدوات والتصفية في الوضع الليلي */
:root:not([data-theme="light"]) .conversation-toolbar-wrapper,
:root:not([data-theme="light"]) .conversation-toolbar,
:root:not([data-theme="light"]) .conversation-toolbar .filter-wrapper,
:root:not([data-theme="light"]) .conversation-toolbar .toolbar-filter button,
:root:not([data-theme="light"]) .conversation-toolbar .b-button-group button,
:root:not([data-theme="light"]) .conversation-toolbar .page-nav,
[data-theme="dark"] .conversation-toolbar-wrapper,
[data-theme="dark"] .conversation-toolbar,
[data-theme="dark"] .conversation-toolbar .filter-wrapper,
[data-theme="dark"] .conversation-toolbar .toolbar-filter button,
[data-theme="dark"] .conversation-toolbar .b-button-group button,
[data-theme="dark"] .conversation-toolbar .page-nav {
  background: #0F1A30 !important;
  color: #CBD5E1 !important;
  border-color: #1E293B !important;
}

:root:not([data-theme="light"]) tr.topic-item:hover td,
:root:not([data-theme="light"]) tr.forum-item:hover td,
[data-theme="dark"] tr.topic-item:hover td,
[data-theme="dark"] tr.forum-item:hover td {
  background: #162646 !important;
}

:root:not([data-theme="light"]) .topic-item a.topic-title,
:root:not([data-theme="light"]) .forum-item a.forum-title,
:root:not([data-theme="light"]) .forum-item .forum-title,
[data-theme="dark"] .topic-item a.topic-title,
[data-theme="dark"] .forum-item a.forum-title,
[data-theme="dark"] .forum-item .forum-title {
  color: #F8FAFC !important;
  font-family: 'Cairo', sans-serif !important;
  font-weight: 700 !important;
}

:root:not([data-theme="light"]) .topic-item a.topic-title:hover,
:root:not([data-theme="light"]) .forum-item a.forum-title:hover,
[data-theme="dark"] .topic-item a.topic-title:hover,
[data-theme="dark"] .forum-item a.forum-title:hover {
  color: #C5A880 !important;
}

:root:not([data-theme="light"]) .topic-item .topic-by,
:root:not([data-theme="light"]) .topic-item .topic-by a,
:root:not([data-theme="light"]) .topic-item .topic-info,
:root:not([data-theme="light"]) .topic-item .topic-info a,
:root:not([data-theme="light"]) .topic-item .posts-count,
:root:not([data-theme="light"]) .topic-item .views-count,
:root:not([data-theme="light"]) .topic-item .cell-lastpost,
:root:not([data-theme="light"]) .topic-item .lastpost-info,
:root:not([data-theme="light"]) .forum-item .forum-desc,
[data-theme="dark"] .topic-item .topic-by,
[data-theme="dark"] .topic-item .topic-by a,
[data-theme="dark"] .topic-item .topic-info,
[data-theme="dark"] .topic-item .topic-info a,
[data-theme="dark"] .topic-item .posts-count,
[data-theme="dark"] .topic-item .views-count,
[data-theme="dark"] .topic-item .cell-lastpost,
[data-theme="dark"] .topic-item .lastpost-info,
[data-theme="dark"] .forum-item .forum-desc {
  color: #94A3B8 !important;
}

/* --- الوضع النهاري (Light Mode) --- */
[data-theme="light"] tr.topic-item,
[data-theme="light"] tr.topic-item td,
[data-theme="light"] tr.topic-item.unread td,
[data-theme="light"] .topic-list tr.topic-item td,
[data-theme="light"] .forum-list-container tr.forum-item td,
[data-theme="light"] tr.forum-item,
[data-theme="light"] tr.forum-item td {
  background: #FFFFFF !important;
  color: #334155 !important;
  border-bottom: 1px solid #E2E8F0 !important;
}

[data-theme="light"] tr.topic-item:hover td,
[data-theme="light"] tr.forum-item:hover td {
  background: #F8FAFC !important;
}

[data-theme="light"] .topic-item a.topic-title,
[data-theme="light"] .forum-item a.forum-title,
[data-theme="light"] .forum-item .forum-title {
  color: #0F172A !important;
  font-family: 'Cairo', sans-serif !important;
  font-weight: 700 !important;
}

[data-theme="light"] .topic-item a.topic-title:hover,
[data-theme="light"] .forum-item a.forum-title:hover {
  color: #8C6D47 !important;
}

[data-theme="light"] .topic-item .topic-by,
[data-theme="light"] .topic-item .topic-by a,
[data-theme="light"] .topic-item .topic-info,
[data-theme="light"] .topic-item .topic-info a,
[data-theme="light"] .topic-item .posts-count,
[data-theme="light"] .topic-item .views-count,
[data-theme="light"] .topic-item .cell-lastpost,
[data-theme="light"] .topic-item .lastpost-info,
[data-theme="light"] .forum-item .forum-desc {
  color: #64748B !important;
}