/* Text alignment for RTL */
.header-title,
.header-subtitle,
.section-header,
.section-title,
.section-description,
.cta-title,
.cta-description,
.no-results,
.empty-state,
.empty-state h3,
.empty-state p {
  text-align: right !important;
}

/* Input and form alignment for RTL */
.search-input,
#category-search-bar,
.form-control,
.status-select {
  text-align: right !important;
}

/* Swap paddings/margins for RTL */
.search-input,
.search-container i,
#category-search-bar,
.category-item img,
.category-item span,
.category-item .arrow,
#back-to-categories span,
#back-to-categories {
  /* padding-right: 3rem !important; */
  /* padding-left: 1rem !important; */
  margin-left: 0 !important;
  margin-right: 16px !important;
}

/* Icon and filter alignment for RTL */
.search-container i,
.status-filter i {
  right: auto !important;
  left: 1rem !important;
}

/* Category badge margin for RTL */
.category-badge {
  margin-right: 0.5rem !important;
  margin-left: 0 !important;
}

/* Back to categories span margin for RTL */
#back-to-categories span {
  margin-left: 8px !important;
  margin-right: 0 !important;
}

/* Arrow alignment for RTL */
.category-item .arrow {
  text-align: left !important;
}

/* Flex direction for RTL */
.listing-meta,
.listing-header,
.listing-actions {
  flex-direction: row-reverse !important;
}

/* Responsive adjustments for RTL */
@media (max-width: 768px) {
  .header-title,
  .section-title,
  .cta-title {
    text-align: right !important;
  }
  .hero-actions,
  .cta-actions,
  .nav-actions,
  .page-header,
  .category-tabs,
  .filter-controls {
    flex-direction: column-reverse !important;
    align-items: flex-end !important;
  }
  .listing-item {
    flex-direction: column-reverse !important;
    align-items: flex-end !important;
    text-align: right !important;
  }
  .listing-header {
    flex-direction: row-reverse !important;
    width: 100% !important;
  }
  .listing-meta {
    flex-wrap: wrap-reverse !important;
  }
  .listing-actions {
    align-self: flex-start !important;
    margin-right: 1rem !important;
    margin-left: 0 !important;
  }
}

@media (max-width: 576px) {
  .page-title {
    font-size: 2rem !important;
    text-align: right !important;
  }
}