/**  =====================================================================
     arabic.css — SocialPlus Arabic-language overrides (Arabic pages only)
     =========================================================================
     Loaded in the Arabic layouts AFTER style.css + app.css + layouts/rtl.css:
       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 SocialPlus Arabic design decisions.

     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;
}

/* ---- 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;
}