/* ============================================================
   CATEGORY PAGE — RTL overrides (inherits LTR base)
   ============================================================ */
@import url('/css/pages/categories.css');

/* ── RTL-specific directional flips ── */

/* Banner glass pill separator */
.banner-glass-pill .opacity-40 { margin-inline: .5rem; }

/* Breadcrumb arrow direction handled by Bootstrap RTL */

/* Active chips bar */
.active-filters-bar { direction: rtl; }

/* Filter panel */
.filter-panel { direction: rtl; }

.filter-group-toggle { text-align: right; }

.filter-option { flex-direction: row-reverse; justify-content: flex-end; }
.filter-option-label { text-align: right; }

.filter-stars { flex-direction: row-reverse; }

.price-tag { margin-right: auto; margin-left: 0; }

/* Badge and wishlist positions are handled by CSS logical properties in the base file.
   No overrides needed here. */

/* Card title right-align */
.cc-title { text-align: right; }

/* Meta items */
.cc-meta { direction: rtl; }
.cc-meta-item { flex-direction: row-reverse; }

/* Actions */
.cc-actions { direction: rtl; }

/* List view image on right side in RTL */
#coursesList.list-view-active .course-card { flex-direction: row-reverse; }

/* Mobile filter trigger */
.mobile-filter-trigger { direction: rtl; }

/* Font weight boost for Arabic headings */
.banner-title,
.filter-panel-title,
.cc-title,
.courses-header h4 {
  font-weight: 900;
  letter-spacing: 0;
}

/* Slightly wider line-height for Arabic readability */
.cc-title { line-height: 1.55; }
.banner-desc { line-height: 1.9; }