/**
 * MPL Theme – RTL Overrides
 * Loaded on Arabic pages (page-ar.php template).
 */

/* ===== BASE RTL ===== */
body {
  font-family: 'Tajawal', 'Segoe UI', Arial, sans-serif;
  direction: rtl;
}

/* ===== OFFER BANNER — reversed marquee for RTL ===== */
.offer-banner {
  direction: rtl;
}
.offer-banner__inner {
  padding-right: 100%;
  padding-left: 0;
  animation: bannerMarqueeRTL 28s linear infinite;
}
@keyframes bannerMarqueeRTL {
  0%   { transform: translateX(0); }
  100% { transform: translateX(50%); }
}
.offer-banner__item::before {
  margin-right: 40px;
  margin-left: 0;
}
.offer-banner__close {
  margin-left: 8px;
  margin-right: 0;
}

/* ===== HERO ===== */
.hero__bg {
  background-position: center left;
}
.hero::before {
  background: linear-gradient(270deg, rgba(10,10,10,0.95) 45%, rgba(10,10,10,0.4) 100%);
}
.hero__payments-label {
  margin-left: 0;
  margin-right: .35rem;
}

/* ===== STATS BAR — border flip ===== */
.stats-bar__item {
  border-left: 1px solid var(--border);
  border-right: none;
}
.stats-bar__item:last-child {
  border-left: none;
}

/* ===== PROGRAM CARD — badge position ===== */
.program-card__badge {
  right: 1.5rem;
  left: auto;
}

/* ===== PROGRAM CARD — price RTL ===== */
.program-card__price {
  direction: rtl;
  text-align: right;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: baseline;
  gap: 4px;
}
.program-card {
  text-align: right;
}

/* ===== COACHES — link arrow for RTL ===== */
.coaches__link a {
  direction: rtl;
}

/* ===== RESULT CARD — RTL layout (right-to-left card order & content) ===== */
.results__track {
  direction: rtl;
}
.result-card {
  direction: rtl;
  text-align: right;
}
.result-card__visuals {
  flex-direction: row-reverse;
}
.result-card__arrow svg {
  transform: scaleX(-1);
}
.result-card__stat {
  display: flex;
  flex-direction: row;
  direction: rtl;
  gap: 2px;
  align-items: baseline;
}

/* ===== VIDEO LABELS — text-align for RTL ===== */
.video-item__label {
  text-align: right;
}

/* ===== VISIT LAB — row gap alignment ===== */
.visit-lab__row .icon {
  margin-top: .05rem;
}

/* ===== WHATSAPP FAB — position for RTL ===== */
.whatsapp-fab {
  right: auto;
  left: 1.75rem;
}

/* ===== FOOTER — contact icon alignment ===== */
.site-footer__contact-item {
  gap: .6rem;
}

/* ===== METHOD ICON BOXES — center in RTL ===== */
.method__icon {
  margin: 0 auto 1rem;
}

/* ===== ASSESSMENT FORM — text alignment ===== */
.assessment-form input,
.assessment-form select {
  text-align: right;
}
.assessment-form input::placeholder {
  text-align: right;
}

/* ===== RESPONSIVE RTL ===== */
@media (max-width: 768px) {
  .stats-bar__item:nth-child(2) {
    border-left: none;
  }
}
@media (max-width: 480px) {
  /* 2×2 grid RTL: flip borders to left side */
  .stats-bar__item:nth-child(odd)  { border-left: 1px solid var(--border); border-right: none; }
  .stats-bar__item:nth-child(even) { border-left: none; }
}