html[dir="rtl"] body {
  text-align: right;
}

html[dir="rtl"] body,
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] button,
html[dir="rtl"] select {
  font-family: "Tajawal", "DM Sans", system-ui, sans-serif;
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6,
html[dir="rtl"] p,
html[dir="rtl"] span,
html[dir="rtl"] a,
html[dir="rtl"] li,
html[dir="rtl"] label,
html[dir="rtl"] strong,
html[dir="rtl"] em,
html[dir="rtl"] small,
html[dir="rtl"] div,
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select {
  font-family: "Tajawal", "DM Sans", system-ui, sans-serif !important;
}

html[dir="rtl"] .pub-site-header__row--with-nav,
html[dir="rtl"] .pub-header-brand-row,
html[dir="rtl"] .pub-site-header__actions,
html[dir="rtl"] .pub-site-nav {
  direction: rtl;
}

html[dir="rtl"] .pub-site-nav a {
  direction: rtl;
  flex-direction: row;
  justify-content: flex-end !important;
  text-align: right;
}

html[dir="rtl"] .pub-site-nav a .lucide {
  order: -1;
  margin-inline-start: 0.35rem;
  margin-inline-end: 0 !important;
}

html[dir="rtl"] #site-nav-links.is-open > a {
  justify-content: flex-end !important;
}

html[dir="rtl"] .pub-lang-toggle {
  direction: ltr;
}

html[dir="rtl"] .reg-breadcrumb,
html[dir="rtl"] .reg-cta__row,
html[dir="rtl"] .cta-row-inline,
html[dir="rtl"] .action-card__perks li {
  direction: rtl;
}

html[dir="rtl"] .reg-breadcrumb a .lucide,
html[dir="rtl"] .cta .lucide,
html[dir="rtl"] .action-card__perks .lucide {
  margin-inline-start: 0.35rem;
  margin-inline-end: 0;
}

html[dir="rtl"] .event-state-strip__head {
  flex-direction: row-reverse;
}

html[dir="rtl"] .event-state-strip__kicker {
  margin: 0 clamp(0.2rem, 1.2vw, 0.55rem) 0 0;
  text-align: right;
}

html[dir="rtl"] .event-state-strip__now {
  margin: 0 0 0 clamp(0.2rem, 1.2vw, 0.55rem);
  text-align: left;
}

html[dir="rtl"] .event-state-strip__steps {
  direction: rtl;
  flex-direction: row;
}

html[dir="rtl"] .event-state-strip__step:not(:last-child)::after {
  left: calc(-50% + 0.7rem);
  right: calc(50% + 0.7rem);
}

html[dir="rtl"] .event-state-strip__bar {
  display: flex;
  justify-content: flex-end;
}

html[dir="rtl"] .event-state-strip__bar-fill {
  margin-left: auto;
}

/* Inscription page: full RTL layout and form flow */
html[dir="rtl"] .inscription-split {
  direction: rtl;
}

html[dir="rtl"] .inscription-col--price {
  padding-right: clamp(0.5rem, 1.5vw, 0.85rem);
  padding-left: clamp(0.5rem, 1.5vw, 1rem);
}

html[dir="rtl"] .inscription-col--form {
  direction: rtl;
}

@media (min-width: 721px) {
  html[dir="rtl"] .inscription-col--form {
    padding-right: clamp(0.85rem, 2.2vw, 1.35rem);
    padding-left: 0;
    border-right: 1px solid rgba(255, 107, 44, 0.14);
    border-left: none;
    margin-right: 0.15rem;
    margin-left: 0;
  }

  html[dir="rtl"] .inscription-col--price {
    margin-left: 0.15rem;
    margin-right: 0;
  }
}

html[dir="rtl"] .inscription-hero,
html[dir="rtl"] .page-title,
html[dir="rtl"] .intro,
html[dir="rtl"] .venue,
html[dir="rtl"] .price-banner,
html[dir="rtl"] .price-banner-main,
html[dir="rtl"] .price-banner-prizes,
html[dir="rtl"] .form-card,
html[dir="rtl"] .form-card__head,
html[dir="rtl"] .field,
html[dir="rtl"] .field label,
html[dir="rtl"] .hint-field,
html[dir="rtl"] .submit-row,
html[dir="rtl"] .success-panel,
html[dir="rtl"] .ins-pay-modal__panel,
html[dir="rtl"] .ins-pay-modal__text,
html[dir="rtl"] .ins-pay-modal__hint,
html[dir="rtl"] .ins-pay-modal__actions {
  text-align: right;
}

html[dir="rtl"] .venue {
  direction: rtl;
  justify-content: flex-end;
}

html[dir="rtl"] .venue .lucide {
  order: -1;
  margin-inline-start: 0.35rem;
  margin-inline-end: 0;
}

html[dir="rtl"] .venue,
html[dir="rtl"] .form-card__head,
html[dir="rtl"] .price-banner-main,
html[dir="rtl"] .btn-submit,
html[dir="rtl"] .btn-pay {
  flex-direction: row-reverse;
}

html[dir="rtl"] .field input,
html[dir="rtl"] .field textarea,
html[dir="rtl"] .field select {
  text-align: right;
  direction: rtl;
}

/* Home share modal */
html[dir="rtl"] .share-fab__panel {
  justify-content: flex-end;
}

html[dir="rtl"] .share-fab__sheet,
html[dir="rtl"] .share-fab__title,
html[dir="rtl"] .share-fab__challenge,
html[dir="rtl"] .share-fab__hint,
html[dir="rtl"] .share-fab__copy-feedback {
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] .share-fab__trigger,
html[dir="rtl"] .share-fab__grid a,
html[dir="rtl"] .share-fab__grid button {
  flex-direction: row-reverse;
}

/* TV page RTL */
html[dir="rtl"] .tv-stage,
html[dir="rtl"] .tv-hero,
html[dir="rtl"] .tv-event-state-strip,
html[dir="rtl"] .tv-champion-details,
html[dir="rtl"] .tv-inscriptions,
html[dir="rtl"] .tv-cashprizes,
html[dir="rtl"] .tv-page-footer {
  text-align: right;
}

html[dir="rtl"] .tv-badges,
html[dir="rtl"] .tv-page-footer {
  direction: rtl;
}

html[dir="rtl"] .tv-event-state-head {
  flex-direction: row-reverse;
}

html[dir="rtl"] .tv-event-state-phases {
  direction: rtl;
  flex-direction: row;
}

html[dir="rtl"] .tv-event-phase:not(:last-child)::after {
  left: calc(-50% + 0.7rem);
  right: calc(50% + 0.7rem);
}

html[dir="rtl"] .tv-detail-item,
html[dir="rtl"] .tv-cashprizes__fee,
html[dir="rtl"] .tv-cashprizes__rank {
  direction: rtl;
}

/* Flyer grid lists: move square marker to right */
html[dir="rtl"] .sheet__inner .panel li {
  padding-right: 3.5mm;
  padding-left: 0;
  text-align: right;
}

html[dir="rtl"] .sheet__inner .panel li::before {
  right: 0;
  left: auto;
}