/* =====================================================
   LTR OVERRIDES (FINAL - SYNCED WITH RTL)
===================================================== */

html[dir="ltr"],
body{
  direction:ltr;
  font-family:Poppins,'Open Sans',Arial,sans-serif;
}

/* ===============================
   TEXT ALIGN – GENERAL
================================ */

/* متن‌های عمومی */
p{
  text-align:left;
}

/* کارت‌های محصول وسط (مثل RTL) */
.product-card,
.product-card p,
.product-card h4{
  text-align:center;
}

/* ===============================
   HEADER / NAVIGATION
================================ */

.nav-desktop a{
  text-align:left;
}

/* ===============================
   TABLE (STICKY COLUMN - LTR)
================================ */

.table-responsive td:first-child,
.table-responsive th:first-child{
  left:0;
  right:auto;
}

/* ===============================
   QUICK CONTACT
================================ */

.quick-contact{
  right:18px;
  left:auto;
}

/* ===============================
   FOOTER
================================ */

.site-footer,
.site-footer p{
  text-align:center;
}

/* ===============================
   SECTION TITLES CENTER FIX
================================ */

.section h3{
  display:block !important;
  text-align:center !important;
  margin-left:auto;
  margin-right:auto;
}

/* ===============================
   CATEGORY HEADERS
================================ */

.category-header h4{
  text-align:left;
}

/* ===============================
   BENEFITS SECTION
================================ */

.section p{
  text-align:left;
}

.benefit-item p{
  text-align:center;
}

/* ===============================
   MOBILE CENTER FIX (MATCH RTL)
================================ */

@media (max-width:768px){

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .category-header,
  .category-header h4,
  .section h3,
  .product-card h4{
    text-align:center !important;
  }

}

/* ===============================
   MOBILE NAV
================================ */

@media (max-width:992px){
  .nav-desktop{
    text-align:left;
  }
}
