/**  =====================================================================
     arabic.css — DMS_ERP Arabic-language overrides (ar-EG only)
     =========================================================================
     Loaded in _Layout.cshtml ONLY when culture is ar-EG, in this order:
       style.css  ->  app.css  ->  layouts/rtl.css  ->  arabic.css

     layouts/rtl.css (vendor, never edit) does the mechanical LTR->RTL
     mirroring. This file holds the DMS Arabic design decisions and the few
     positional values rtl.css does not cover.

     This file replaces the old styleAr.css fork — do NOT fork whole
     stylesheets per language again; add overrides here instead.
==========================================================================  **/

/* ---- Typography ---------------------------------------------------- */
body {
  font-family: 'tajawal' !important;
  font-size: 16px;
}

.custom-select,
.form-control {
  padding: 10px 2px;
  font-size: 16px;
  text-align: center;
}

/* Undo the LTR table-header sizing; Tajawal headers read best bold at base size */
.table thead th {
  font-size: inherit;
  font-weight: 700;
}

/* ---- Sidebar (rtl.css has no .pcoded-mtext rules) ------------------ */
.pcoded-navbar .pcoded-inner-navbar li > a > .pcoded-micon + .pcoded-mtext {
  left: auto;
  right: 80px;
}

/* layout-8 sidebar tuning */
body.layout-8 .pcoded-navbar.menu-light .pcoded-inner-navbar > li > a {
  margin-right: 15px;
}
body.layout-8 .pcoded-navbar.navbar-collapsed .pcoded-inner-navbar > li > a {
  margin-left: 0;
  margin-right: 8px;
}
body.layout-8 .pcoded-navbar.menu-light .pcoded-inner-navbar > li > a:after {
  top: 12px;
  right: auto; /* horizontal anchor comes from rtl.css (left: 20px) */
}
body.layout-8 .pcoded-navbar.menu-light.navbar-collapsed .pcoded-inner-navbar > li > a > .pcoded-micon + .pcoded-mtext {
  right: 75px;
}

/* ---- Header dropdowns ----------------------------------------------
   Cancel the LTR right-edge pinning from style.css; in RTL the dropdowns
   position via rtl.css / Popper. */
.pcoded-header .dropdown .notification,
.pcoded-header .dropdown .profile-notification {
  right: auto !important;
}

/* ---- Misc ----------------------------------------------------------- */
/* Breadcrumb divider on the correct side for RTL */
.breadcrumb-item + .breadcrumb-item::before {
  float: right;
}

/* SweetAlert dialog text: keep centered under direction:rtl */
.swal-text {
  text-align: center !important;
}