/* ==========================================================================
   روون — تخصيصات لوحة التحكم فوق قالب Metronic
   القالب الأصلي متبني بالكامل LTR (قيم left/right ثابتة + خط Poppins بدون
   دعم عربي)، فالملف ده مسؤول عن: (1) فرض اتجاه RTL صحيح على هيكل الصفحة،
   (2) الخط العربي، (3) ألوان الهوية البصرية (الأخضر الغامق + الليمون) بدل
   الأزرق الافتراضي. بيتحمّل آخر حاجة بعد كل ملفات Metronic عشان يغلبها.
   ========================================================================== */

:root{
  --brand-forest:#0b2420;
  --brand-forest-2:#123830;
  --brand-lime:#d7fa63;
}

/* ---------- 1) الخط: Tajawal بدل Poppins في كل مكان ---------- */
html, body, *{
  font-family:'Tajawal','Segoe UI',Helvetica,Arial,sans-serif !important;
}

/* ---------- 2) اتجاه الصفحة: الشريط الجانبي على اليمين ---------- */
@media (min-width: 992px){
  .aside-fixed .aside{
    left:auto !important;
    right:0 !important;
  }
  .aside-fixed .wrapper{
    padding-left:0 !important;
    padding-right:265px !important;
  }
  .aside-fixed.aside-minimize:not(.aside-minimize-hover) .wrapper,
  .aside-fixed.aside-minimize.aside-minimize-hover .wrapper{
    padding-right:70px !important;
    padding-left:0 !important;
  }
  .aside-enabled .header.header-fixed{
    left:0 !important;
    right:265px !important;
  }
  .header-fixed.aside-minimize .header,
  .aside-fixed.header-fixed.aside-minimize.aside-minimize-hover .header{
    left:0 !important;
    right:70px !important;
  }

  /* Subheader (the bar under the header showing the page title) is also
     pinned via a fixed left offset to clear the sidebar — same mirror. */
  .aside-enabled.subheader-fixed .subheader{
    left:0 !important;
    right:265px !important;
  }
  .subheader-fixed.aside-minimize .subheader{
    left:0 !important;
    right:70px !important;
  }
}
.aside{ direction:rtl; }

/* ---------- 3) القوائم: سهم يتجه لليسار + لون الهوية للعنصر النشط ---------- */
.menu-arrow{ transform:rotate(180deg); }

.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link,
.aside-menu .menu-nav > .menu-item.menu-item-here > .menu-link{
  background-color:rgba(215,250,99,.12) !important;
  border-left:3px solid var(--brand-lime);
}
.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-icon,
.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-icon i,
.aside-menu .menu-nav > .menu-item.menu-here > .menu-link .menu-icon,
.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-text{
  color:var(--brand-lime) !important;
}
.aside-menu .menu-nav > .menu-item > .menu-link:hover .menu-icon,
.aside-menu .menu-nav > .menu-item > .menu-link:hover .menu-icon i,
.aside-menu .menu-nav > .menu-item > .menu-link:hover .menu-text{
  color:var(--brand-lime) !important;
}

/* ---------- 4) مربعات الاختيار (Bootstrap 4) — مثبتة لليسار افتراضيًا ---------- */
.form-check{
  padding-left:0;
  padding-right:1.25rem;
}
.form-check-input{
  margin-left:0;
  margin-right:-1.25rem;
}
.login-card .form-check{ display:flex; align-items:center; }

/* ---------- 5) عناصر الهوية البصرية بدل الأزرق الافتراضي ---------- */
.btn.btn-dark{ background-color:var(--brand-forest) !important; border-color:var(--brand-forest) !important; }
.btn.btn-dark:hover{ background-color:var(--brand-forest-2) !important; border-color:var(--brand-forest-2) !important; }

.btn.btn-light-primary{
  color:var(--brand-forest) !important;
  background-color:rgba(11,36,32,.08) !important;
  border-color:rgba(11,36,32,.08) !important;
}
.btn.btn-light-primary:hover{
  color:var(--brand-forest) !important;
  background-color:var(--brand-lime) !important;
  border-color:var(--brand-lime) !important;
}

.symbol-label{ background:var(--brand-forest); color:var(--brand-lime); }
.brand-logo img{ max-height:34px; }
.badge-dot{ width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px; }

.form-control:focus{
  border-color:var(--brand-lime) !important;
  box-shadow:0 0 0 3px rgba(215,250,99,.3) !important;
}

/* ---------- 6) تفاصيل صغيرة ---------- */
.card.card-custom{ box-shadow:0 2px 12px rgba(11,36,32,.06); border:1px solid rgba(11,36,32,.06); }
.table thead th{ color:#5c665f; font-weight:700; border-top:0; }