/* ─── Cairo Arabic Font ──────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800;900&display=swap');

/* ─── Arabic font application ────────────────────────────── */
[lang="ar"] body,
[dir="rtl"] body,
body.rtl {
  font-family: 'Cairo', sans-serif !important;
}

[lang="ar"] *,
[dir="rtl"] * {
  letter-spacing: 0 !important; /* Arabic doesn't use letter-spacing */
}

/* ─── Base RTL document direction ────────────────────────── */
[dir="rtl"] {
  direction: rtl;
  text-align: right;
}

/* ─── Navigation ─────────────────────────────────────────── */
[dir="rtl"] .pp-nav {
  flex-direction: row-reverse;
}
[dir="rtl"] .pp-nav-links {
  flex-direction: row-reverse;
}
[dir="rtl"] .pp-nav > * {
  direction: rtl;
}
/* Profile dropdown: flip to left side in RTL */
[dir="rtl"] .pp-profile-dropdown {
  right: auto !important;
  left: 0 !important;
}
[dir="rtl"] .pp-pm-controls {
  flex-direction: row-reverse;
}

/* ─── Search ─────────────────────────────────────────────── */
[dir="rtl"] .pp-search-input {
  text-align: right;
  direction: rtl;
}
[dir="rtl"] .pp-search-box {
  flex-direction: row-reverse;
}

/* ─── Section headers ────────────────────────────────────── */
[dir="rtl"] .pp-sec-title,
[dir="rtl"] .pp-section-header {
  text-align: right;
}
[dir="rtl"] .pp-section-header {
  flex-direction: row-reverse;
}

/* ─── Scores / match cards ───────────────────────────────── */
[dir="rtl"] .match-card,
[dir="rtl"] .score-card,
[dir="rtl"] .pp-score-card {
  direction: rtl;
  text-align: right;
}
[dir="rtl"] .score-date-group {
  direction: rtl;
  text-align: right;
}
[dir="rtl"] .pp-score-row {
  flex-direction: row-reverse;
}
[dir="rtl"] .pp-match-teams {
  flex-direction: row-reverse;
}
/* Keep score in center — don't flip score separator */
[dir="rtl"] .pp-score-time {
  direction: ltr;
}

/* ─── Standings table ────────────────────────────────────── */
[dir="rtl"] .standings-table,
[dir="rtl"] .pp-standings-table,
[dir="rtl"] table {
  direction: rtl;
  text-align: right;
}
[dir="rtl"] th,
[dir="rtl"] td {
  text-align: right;
}

/* ─── Slide rails / carousels ────────────────────────────── */
[dir="rtl"] .slide-rail,
[dir="rtl"] .pp-slide-rail {
  direction: rtl;
}
[dir="rtl"] .pp-slides-wrap {
  direction: rtl;
}

/* ─── Video / highlights cards ───────────────────────────── */
[dir="rtl"] .pp-vid-card,
[dir="rtl"] .pp-highlight-card {
  direction: rtl;
}
[dir="rtl"] .pp-vid-info {
  text-align: right;
}

/* ─── League page ────────────────────────────────────────── */
[dir="rtl"] .pp-lg-sec-hdr {
  flex-direction: row-reverse;
}
[dir="rtl"] .pp-lg-sec-title {
  text-align: right;
}

/* ─── BW Challenge / Play Hub ────────────────────────────── */
[dir="rtl"] .pp-bw-outer {
  flex-direction: row-reverse;
}
[dir="rtl"] .pp-bw-left {
  text-align: right;
}
[dir="rtl"] .pp-bw-tags {
  flex-direction: row-reverse;
}
[dir="rtl"] .pp-bw-pills {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
[dir="rtl"] .bw-game-tile {
  direction: rtl;
  text-align: right;
}
[dir="rtl"] .bw-match-row {
  direction: rtl;
}
[dir="rtl"] .bw-teams {
  flex-direction: row-reverse;
}
[dir="rtl"] .bw-leaderboard-row {
  flex-direction: row-reverse;
}

/* ─── Forms / inputs ─────────────────────────────────────── */
[dir="rtl"] input,
[dir="rtl"] textarea,
[dir="rtl"] select {
  text-align: right;
  direction: rtl;
}
[dir="rtl"] .pp-form-group {
  text-align: right;
}
[dir="rtl"] label {
  display: block;
  text-align: right;
}

/* ─── Footer ─────────────────────────────────────────────── */
[dir="rtl"] #pp-footer,
[dir="rtl"] .pp-footer-inner {
  direction: rtl;
  text-align: right;
}
[dir="rtl"] #pp-fg {
  flex-direction: row-reverse;
}
[dir="rtl"] .pp-footer-col {
  text-align: right;
}
[dir="rtl"] .pp-app-btns {
  flex-direction: row-reverse;
}

/* ─── MyPRO dashboard ────────────────────────────────────── */
[dir="rtl"] .pp-mypro-header {
  flex-direction: row-reverse;
  text-align: right;
}
[dir="rtl"] .pp-entity-block {
  text-align: right;
}
[dir="rtl"] .pp-fav-row {
  flex-direction: row-reverse;
}

/* ─── Match page ─────────────────────────────────────────── */
[dir="rtl"] .pp-match-header {
  direction: rtl;
}
[dir="rtl"] .pp-match-lineup {
  direction: rtl;
}
[dir="rtl"] .pp-stat-row {
  flex-direction: row-reverse;
}
[dir="rtl"] .pp-tab-bar {
  flex-direction: row-reverse;
}

/* ─── Mobile menu ────────────────────────────────────────── */
[dir="rtl"] #pp-mob-menu {
  text-align: right;
}
[dir="rtl"] #pp-mob-menu a {
  text-align: right;
}

/* ─── Margin/padding logical fixes ───────────────────────── */
[dir="rtl"] .pp-bw-tag-red,
[dir="rtl"] .pp-bw-tag-outline {
  margin-right: 0;
  margin-left: 6px;
}
[dir="rtl"] .pp-nav-mypro svg {
  margin-right: 0;
  margin-left: 5px;
}

/* ─── Flip chevrons / arrows ─────────────────────────────── */
[dir="rtl"] .pp-arrow-right,
[dir="rtl"] .pp-chevron-right {
  transform: scaleX(-1);
}

/* ─── Watch page ─────────────────────────────────────────── */
[dir="rtl"] .pp-watch-filters {
  flex-direction: row-reverse;
}
[dir="rtl"] .pp-channel-card {
  text-align: right;
}

/* ─── Team page ──────────────────────────────────────────── */
[dir="rtl"] .tm-hero-inner {
  text-align: right;
  direction: rtl;
}
[dir="rtl"] .tm-tab-bar {
  flex-direction: row-reverse;
}
[dir="rtl"] .tm-fixture-row {
  flex-direction: row-reverse;
}
[dir="rtl"] .tm-squad-row {
  flex-direction: row-reverse;
}
[dir="rtl"] .tm-empty {
  text-align: center;
}
[dir="rtl"] #tm-follow-btn {
  font-family: 'Cairo', sans-serif;
}

/* ─── Match page ─────────────────────────────────────────── */
[dir="rtl"] .pp-match-scoreboard {
  direction: rtl;
}
[dir="rtl"] .pp-match-teams-row {
  flex-direction: row-reverse;
}
[dir="rtl"] .pp-incident-row {
  flex-direction: row-reverse;
}
[dir="rtl"] .pp-incident-home {
  text-align: right;
  flex-direction: row-reverse;
}
[dir="rtl"] .pp-incident-away {
  text-align: left;
  flex-direction: row;
}
[dir="rtl"] .pp-lineup-col {
  direction: rtl;
}
[dir="rtl"] .pp-player-row {
  flex-direction: row-reverse;
}
[dir="rtl"] .pp-stat-bar-wrap {
  direction: rtl;
}

/* ─── League page ────────────────────────────────────────── */
[dir="rtl"] .pp-lg-tab-bar {
  flex-direction: row-reverse;
}
[dir="rtl"] .pp-lg-fixture-row {
  flex-direction: row-reverse;
}
[dir="rtl"] .pp-lg-scorer-row {
  flex-direction: row-reverse;
}
[dir="rtl"] .pp-lg-fixture-teams {
  flex-direction: row-reverse;
}
[dir="rtl"] .pp-top-scorer-item {
  flex-direction: row-reverse;
  text-align: right;
}

/* ─── Watch page ─────────────────────────────────────────── */
[dir="rtl"] .pp-stream-card {
  text-align: right;
}
[dir="rtl"] .pp-watch-info {
  text-align: right;
}
[dir="rtl"] .pp-wf-filters {
  flex-direction: row-reverse;
}

/* ─── MyPRO page ─────────────────────────────────────────── */
[dir="rtl"] .mp-fav-block {
  direction: rtl;
}
[dir="rtl"] .mp-section-hdr {
  flex-direction: row-reverse;
  text-align: right;
}
[dir="rtl"] .mp-rail-wrap {
  direction: rtl;
}
[dir="rtl"] .wiz-step {
  direction: rtl;
  text-align: right;
}
[dir="rtl"] .wiz-grid {
  direction: rtl;
}
[dir="rtl"] .wiz-card {
  text-align: right;
}
[dir="rtl"] .wiz-actions {
  flex-direction: row-reverse;
}
[dir="rtl"] .mp-standings-table td,
[dir="rtl"] .mp-standings-table th {
  text-align: right;
}
[dir="rtl"] .mp-match-card {
  direction: rtl;
}

/* ─── Profile dropdown (all pages) ──────────────────────── */
[dir="rtl"] .pp-pm-item {
  flex-direction: row-reverse;
  text-align: right;
}
[dir="rtl"] .pp-pm-item svg {
  margin-right: 0;
  margin-left: 8px;
}

/* ─── Scores page — inline match detail panel ─────────────── */
[dir="rtl"] .pp-ls-evt { flex-direction: row-reverse; }
[dir="rtl"] .pp-ls-evtr { flex-direction: row; }
[dir="rtl"] .pp-ls-evtnm { text-align: right; }
[dir="rtl"] .pp-ls-evtr .pp-ls-evtnm { text-align: left; }
[dir="rtl"] .pp-md-hero { flex-direction: row-reverse; }
[dir="rtl"] .pp-md-irow { flex-direction: row-reverse; }
[dir="rtl"] .pp-md-slbl { text-align: right; }
[dir="rtl"] .pp-md-sv { text-align: left; }
[dir="rtl"] .pp-md-tabs { flex-direction: row-reverse; }
[dir="rtl"] .pp-ls-dlevts { direction: rtl; }
[dir="rtl"] .pp-ls-dlvenue { direction: rtl; }

/* ─── Hero slider RTL ─────────────────────────────────────── */
[dir="rtl"] .pp-slide-content { text-align: right; }
[dir="rtl"] .pp-slide-overlay {
  background: linear-gradient(270deg, rgba(0,0,0,.8) 0%, rgba(0,0,0,.3) 50%, transparent 100%);
}
[dir="rtl"] .pp-slider-arrow.prev { left: auto; right: 1.5rem; }
[dir="rtl"] .pp-slider-arrow.next { right: auto; left: 1.5rem; }
[dir="rtl"] .pp-slider-dots { right: auto; left: 5%; }

/* ─── Profile dropdown RTL id fix ─────────────────────────── */
[dir="rtl"] #pp-profile-menu {
  right: auto;
  left: 0;
}

/* ─── League header RTL ───────────────────────────────────── */
[dir="rtl"] .pp-lg-hero-info { flex-direction: row-reverse; }
[dir="rtl"] .pp-lg-hero-text { text-align: right; }

/* ─── Scores date nav RTL ─────────────────────────────────── */
[dir="rtl"] .pp-ls-datenav { flex-direction: row-reverse; }

/* ─── Games Hub panel RTL ─────────────────────────────────── */
[dir="rtl"] .gh-panel { direction: rtl; }
[dir="rtl"] .gh-panel-hdr { flex-direction: row-reverse; }
[dir="rtl"] .gh-board-row { direction: rtl; }
[dir="rtl"] .gh-pts-badge { right: auto; left: 1rem; }
[dir="rtl"] .gh-section-hdr { flex-direction: row-reverse; text-align: right; }
[dir="rtl"] .gh-panel-title { text-align: right; }
[dir="rtl"] .gh-panel-meta { text-align: right; }
[dir="rtl"] .gh-panel-body { direction: rtl; }
[dir="rtl"] .gh-match-list { direction: rtl; }
[dir="rtl"] .gh-pick-row { flex-direction: row-reverse; }
[dir="rtl"] .gh-match-row { flex-direction: row-reverse; }
[dir="rtl"] .gh-submit-row { direction: rtl; }
[dir="rtl"] .gh-quiz-opts { direction: rtl; }
[dir="rtl"] .gh-quiz-tier { direction: rtl; }
[dir="rtl"] .gh-formation-pick { direction: rtl; }
[dir="rtl"] .gh-xi-pitch { direction: rtl; }
[dir="rtl"] .gh-surv-grid { direction: rtl; }
[dir="rtl"] .gh-lb-row { flex-direction: row-reverse; }
[dir="rtl"] .gh-player-modal-hdr { flex-direction: row-reverse; }
[dir="rtl"] .gh-player-list { direction: rtl; }
[dir="rtl"] .gh-player-item { direction: rtl; text-align: right; }