/* ============================================================
   mrkbe.com — Custom CSS Overrides
   Journal3 Theme — OpenCart
   ============================================================ */

/* ----------------------------------------------------------
   1. RTL — إصلاحات إضافية للعربية
   ---------------------------------------------------------- */

/* Header RTL */
html[dir=rtl] .navbar-header {
  float: right;
}

html[dir=rtl] .dropdown-menu {
  right: 0;
  left: auto;
  text-align: right;
}

html[dir=rtl] .breadcrumb > li + li::before {
  content: "\f104"; /* arrow left for RTL */
  font-family: FontAwesome;
  padding: 0 5px 0 5px;
}

/* Product cards RTL */
html[dir=rtl] .product-thumb .button-group {
  text-align: right;
}

html[dir=rtl] .product-thumb .price {
  text-align: right;
}

html[dir=rtl] .product-thumb .name {
  text-align: right;
}

/* Labels RTL */
html[dir=rtl] .product-label {
  left: auto;
  right: 10px;
}

/* Search RTL */
html[dir=rtl] #search input {
  text-align: right;
  padding-right: 12px;
  padding-left: 40px;
}

html[dir=rtl] #search .btn {
  left: 0;
  right: auto;
}

/* Pagination RTL */
html[dir=rtl] .pagination > li > a {
  float: right;
}

/* Forms RTL */
html[dir=rtl] input[type="text"],
html[dir=rtl] input[type="email"],
html[dir=rtl] input[type="password"],
html[dir=rtl] input[type="tel"],
html[dir=rtl] select,
html[dir=rtl] textarea {
  text-align: right;
  direction: rtl;
}

/* Cart RTL */
html[dir=rtl] .cart-total {
  text-align: right;
}

html[dir=rtl] table th,
html[dir=rtl] table td {
  text-align: right;
}

/* Checkout RTL */
html[dir=rtl] .col-sm-2.col-md-offset-1 {
  float: right;
}

html[dir=rtl] .radio label,
html[dir=rtl] .checkbox label {
  padding-right: 20px;
  padding-left: 0;
}

html[dir=rtl] .radio input[type="radio"],
html[dir=rtl] .checkbox input[type="checkbox"] {
  margin-right: -20px;
  margin-left: 0;
}

/* ----------------------------------------------------------
   2. إصلاح z-index الخرافي للـ notifications
   ---------------------------------------------------------- */

.notification-wrapper {
  z-index: 99999 !important; /* بدلاً من 100000000000000020 */
}

.popup-wrapper {
  z-index: 99998 !important;
}

.modal {
  z-index: 99997 !important;
}

.lg-outer {
  z-index: 99996 !important;
}

.lg-backdrop {
  z-index: 99995 !important;
}

/* ----------------------------------------------------------
   3. تحسينات الموبايل للعربية
   ---------------------------------------------------------- */

@media (max-width: 767px) {
  html[dir=rtl] .mobile-container {
    left: auto;
    right: 0;
    transform: translate3d(100%, 0, 0);
  }

  html[dir=rtl] .mobile-header-active .mobile-container {
    transform: translate3d(0, 0, 0);
  }

  html[dir=rtl] .mobile-nav > li > a {
    text-align: right;
    padding-right: 15px;
    padding-left: 10px;
  }

  html[dir=rtl] .product-thumb .name {
    font-size: 13px;
  }
}

/* ----------------------------------------------------------
   4. تحسين الخطوط العربية
   ---------------------------------------------------------- */

body,
.site-wrapper {
  font-family: 'Tajawal', 'Cairo', 'Almarai', 
               Arial, sans-serif;
}

html[dir=rtl] * {
  letter-spacing: 0 !important; /* letter-spacing يكسر الخط العربي */
}

/* ----------------------------------------------------------
   5. إخفاء console warnings غير الضرورية (CSS layer)
   ---------------------------------------------------------- */

/* Placeholder لاستخدامه لاحقاً */