/* assets/pages/rhythms/rhythms-ar.css */

html[dir="rtl"] .rhythms-hero,
body[dir="rtl"] .rhythms-hero,
html[lang="ar"] .rhythms-hero {
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] .rhythms-content,
body[dir="rtl"] .rhythms-content,
html[lang="ar"] .rhythms-content {
  direction: rtl;
}

html[dir="rtl"] .filter-field label,
body[dir="rtl"] .filter-field label,
html[lang="ar"] .filter-field label {
  text-align: right;
}

html[dir="rtl"] .rhythms-search-bar,
body[dir="rtl"] .rhythms-search-bar,
html[lang="ar"] .rhythms-search-bar,
html[dir="rtl"] .filter-select,
body[dir="rtl"] .filter-select,
html[lang="ar"] .filter-select {
  flex-direction: row-reverse;
}

html[dir="rtl"] .filter-select select,
body[dir="rtl"] .filter-select select,
html[lang="ar"] .filter-select select {
  text-align: right;
}

html[dir="rtl"] .rhythm-card,
body[dir="rtl"] .rhythm-card,
html[lang="ar"] .rhythm-card {
  text-align: right;
}

html[dir="rtl"] .rhythm-card-title-wrap,
body[dir="rtl"] .rhythm-card-title-wrap,
html[lang="ar"] .rhythm-card-title-wrap {
  width: 100%;
  text-align: right;
  direction: rtl;
}

html[dir="rtl"] .rhythm-card h3,
body[dir="rtl"] .rhythm-card h3,
html[lang="ar"] .rhythm-card h3 {
  width: 100%;
  direction: rtl;
  text-align: right;
  unicode-bidi: isolate;
}

html[dir="rtl"] .rhythm-bpm-row,
body[dir="rtl"] .rhythm-bpm-row,
html[lang="ar"] .rhythm-bpm-row {
  direction: rtl;
}

html[dir="rtl"] .rhythm-bpm-label,
body[dir="rtl"] .rhythm-bpm-label,
html[lang="ar"] .rhythm-bpm-label {
  text-align: right;
}

html[dir="rtl"] .rhythm-bpm-value,
body[dir="rtl"] .rhythm-bpm-value,
html[lang="ar"] .rhythm-bpm-value {
  text-align: left;
  direction: ltr;
}

html[dir="rtl"] .empty-state,
body[dir="rtl"] .empty-state,
html[lang="ar"] .empty-state {
  text-align: center;
}