/*
 * HalalBali — RTL Stylesheet (Arabic / ar)
 * Loaded only when pll_current_language() === 'ar'
 */

/* ── GLOBAL ── */
body.rtl {
  direction: rtl;
  text-align: right;
}

/* ── HEADER & NAV ── */
.rtl .hb-nav {
  flex-direction: row-reverse;
}
.rtl .hb-nav__links {
  margin-right: 0;
  margin-left: auto;
}
.rtl .hb-logo {
  margin-right: 0;
  margin-left: auto;
  flex-direction: row-reverse;
}
.rtl .hb-nav__toggle {
  margin-left: 0;
  margin-right: auto;
}
.rtl .hb-nav__mobile a {
  flex-direction: row-reverse;
}
.rtl .hb-lang-switcher {
  margin-left: 0;
  margin-right: auto;
}
.rtl .hb-lang-dropdown {
  right: auto;
  left: 0;
}

/* ── BUTTONS ── */
.rtl .hb-btn {
  flex-direction: row-reverse;
}

/* ── HERO ── */
.rtl .hb-hero__content {
  text-align: right;
}
.rtl .hb-hero__actions {
  justify-content: flex-end;
}

/* ── CARDS ── */
.rtl .hb-card__body {
  text-align: right;
}
.rtl .hb-card__meta,
.rtl .hb-card__footer {
  flex-direction: row-reverse;
}
.rtl .hb-card__badges {
  right: auto;
  left: 12px;
}

/* ── LISTING SINGLE ── */
.rtl .hb-listing-layout {
  direction: rtl;
}
.rtl .hb-listing-hero__badges {
  justify-content: flex-end;
}
.rtl .hb-listing-hero__title,
.rtl .hb-listing-hero__meta {
  text-align: right;
}
.rtl .hb-listing-hero__meta {
  flex-direction: row-reverse;
}
.rtl .hb-listing-section h2 {
  flex-direction: row-reverse;
}
.rtl .hb-info-grid {
  direction: rtl;
}
.rtl .hb-info-label,
.rtl .hb-info-val {
  text-align: right;
}

/* ── SIDEBAR ── */
.rtl .hb-listing-sidebar {
  direction: rtl;
}
.rtl .hb-sidebar-card__label {
  flex-direction: row-reverse;
  text-align: right;
}

/* ── BOOKING FORM ── */
.rtl .hb-booking-card__title {
  flex-direction: row-reverse;
}
.rtl .hb-booking-form .hb-form-label {
  text-align: right;
}
.rtl .hb-booking-form .hb-form-input {
  text-align: right;
  direction: rtl;
}
.rtl input[type="date"] {
  text-align: right;
}

/* ── TOUR: includes/excludes ── */
.rtl .hb-inc-exc-grid {
  direction: rtl;
}
.rtl .hb-inc-exc-title {
  flex-direction: row-reverse;
}
.rtl .hb-check-list li {
  text-align: right;
}
.rtl .hb-inc-exc-col--inc .hb-check-list li::before,
.rtl .hb-inc-exc-col--exc .hb-check-list li::before {
  float: right;
  margin-left: 6px;
  margin-right: 0;
}

/* ── MOSQUE GUIDELINE ── */
.rtl .hb-guideline-item {
  flex-direction: row-reverse;
  text-align: right;
}

/* ── MEMBER SYSTEM ── */
.rtl .hb-form-card {
  text-align: right;
}
.rtl .hb-form label {
  text-align: right;
}
.rtl .hb-form-check {
  flex-direction: row-reverse;
}
.rtl .hb-member-layout {
  direction: rtl;
}
.rtl .hb-sidebar-user {
  flex-direction: row-reverse;
}
.rtl .hb-sidebar-nav a {
  flex-direction: row-reverse;
}
.rtl .hb-dash-header {
  flex-direction: row-reverse;
}
.rtl .hb-listing-table__head,
.rtl .hb-listing-row {
  direction: rtl;
}

/* ── ALERTS ── */
.rtl .hb-alert {
  text-align: right;
}

/* ── FOOTER ── */
.rtl .hb-footer-grid {
  direction: rtl;
}
.rtl .hb-footer-col {
  text-align: right;
}

/* ── SECTION HEADERS ── */
.rtl .hb-section__head {
  text-align: right;
}

/* ── BADGE ── */
.rtl .hb-badge {
  flex-direction: row-reverse;
}

/* ── STAT BOX ── */
.rtl .hb-stat-box {
  text-align: right;
}

/* ── BIZ CTA ── */
.rtl .hb-biz-cta__inner {
  flex-direction: row-reverse;
}
.rtl .hb-biz-cta__text {
  text-align: right;
}

/* ── LANG SWITCHER dalam RTL context ── */
.rtl .hb-lang-btn {
  flex-direction: row-reverse;
}
.rtl .hb-lang-option {
  direction: rtl;
}
.rtl .hb-lang-option__check {
  margin-left: 0;
  margin-right: auto;
}
.rtl .hb-lang-dropdown {
  right: auto;
  left: 0;
}
.rtl .hb-lang-mobile {
  flex-direction: row-reverse;
}

/* ── Custom Login RTL ── */
body.rtl.login #login {
  left: auto !important;
  right: 0 !important;
}
body.rtl.login::before {
  left: auto;
  right: 0;
}
body.rtl.login::after {
  left: auto;
  right: 420px;
  background: linear-gradient(to left, #0f2920, transparent);
}
body.rtl.login #login h1,
body.rtl.login .hb-login-sub {
  text-align: right !important;
}
body.rtl.login #login #nav,
body.rtl.login #login #backtoblog {
  text-align: right !important;
}
body.rtl.login .hb-login-brand {
  right: auto;
  left: 36px;
  text-align: left;
}

/* ── TYPOGRAPHY Arabic ── */
.lang-ar body,
.lang-ar .hb-section__head h2,
.lang-ar .hb-listing-hero__title {
  font-family: 'Noto Sans Arabic', 'Segoe UI', Tahoma, Arial, sans-serif;
}
