/**
 * RTL layout for Arabic (ar). Loaded only when html[dir="rtl"].
 * Uses Tajawal / Noto Sans Arabic from Google Fonts (see base.html).
 * Western digits 0–9: prefer lining/tabular numerals; avoid Eastern Arabic numerals in UI fonts.
 */

html[lang="ar"] {
    font-variant-numeric: lining-nums proportional-nums;
}

body.rtl-layout,
[dir="rtl"] body {
    font-family: "Tajawal", "Noto Sans Arabic", Arial, Helvetica, sans-serif;
    text-align: start;
}

/* -------- Layout: header / nav (oddsgpt.css .main-nav 等) -------- */
[dir="rtl"] .main-nav,
[dir="rtl"] .nav-left,
[dir="rtl"] .nav-links,
[dir="rtl"] .nav-right {
    flex-direction: row-reverse;
}

[dir="rtl"] .nav-links {
    justify-content: flex-end;
}

[dir="rtl"] .footer-content {
    direction: rtl;
}

/* Bootstrap 4 文本对齐 */
[dir="rtl"] .text-left {
    text-align: right !important;
}
[dir="rtl"] .text-right {
    text-align: left !important;
}

[dir="rtl"] .text-md-left {
    text-align: right !important;
}
[dir="rtl"] .text-md-right {
    text-align: left !important;
}

/* margin 工具类镜像（常见） */
[dir="rtl"] .ml-1, [dir="rtl"] .ml-2, [dir="rtl"] .ml-3, [dir="rtl"] .ml-auto {
    margin-left: 0 !important;
}
[dir="rtl"] .ml-1 { margin-right: 0.25rem !important; }
[dir="rtl"] .ml-2 { margin-right: 0.5rem !important; }
[dir="rtl"] .ml-3 { margin-right: 1rem !important; }
[dir="rtl"] .ml-auto { margin-right: auto !important; }

[dir="rtl"] .mr-1, [dir="rtl"] .mr-2, [dir="rtl"] .mr-3, [dir="rtl"] .mr-auto {
    margin-right: 0 !important;
}
[dir="rtl"] .mr-1 { margin-left: 0.25rem !important; }
[dir="rtl"] .mr-2 { margin-left: 0.5rem !important; }
[dir="rtl"] .mr-3 { margin-left: 1rem !important; }
[dir="rtl"] .mr-auto { margin-left: auto !important; }

[dir="rtl"] .pl-2, [dir="rtl"] .pl-3, [dir="rtl"] .pl-4 {
    padding-left: 0 !important;
}
[dir="rtl"] .pl-2 { padding-right: 0.5rem !important; }
[dir="rtl"] .pl-3 { padding-right: 1rem !important; }
[dir="rtl"] .pl-4 { padding-right: 1.5rem !important; }

[dir="rtl"] .pr-2, [dir="rtl"] .pr-3, [dir="rtl"] .pr-4 {
    padding-right: 0 !important;
}
[dir="rtl"] .pr-2 { padding-left: 0.5rem !important; }
[dir="rtl"] .pr-3 { padding-left: 1rem !important; }
[dir="rtl"] .pr-4 { padding-left: 1.5rem !important; }

/* 下拉与语言选择 */
[dir="rtl"] .dropdown-menu {
    right: 0;
    left: auto;
    text-align: right;
}

[dir="rtl"] .lang-dropdown-selected .lang-arrow {
    margin-left: 0;
    margin-right: auto;
}

[dir="rtl"] .lang-flag {
    margin-right: 0;
    margin-left: 8px;
}

[dir="rtl"] .tab-icon {
    margin-right: 0;
    margin-left: 5px;
}

/* 模态框关闭钮 */
[dir="rtl"] .modal-header {
    flex-direction: row-reverse;
}

[dir="rtl"] .modal-header .close {
    margin: -1rem auto -1rem -1rem;
    padding: 1rem;
}

/* input-group */
[dir="rtl"] .input-group > .form-control:not(:last-child) {
    border-radius: 0 0.25rem 0.25rem 0;
}
[dir="rtl"] .input-group-append {
    margin-right: -1px;
    margin-left: 0;
}
[dir="rtl"] .input-group-append .btn {
    border-radius: 0.25rem 0 0 0.25rem;
}

[dir="rtl"] .input-group-prepend {
    margin-left: -1px;
    margin-right: 0;
}
[dir="rtl"] .input-group-prepend .btn {
    border-radius: 0 0.25rem 0.25rem 0;
}

/* Breadcrumb */
[dir="rtl"] .breadcrumb {
    flex-direction: row-reverse;
    flex-wrap: wrap;
    justify-content: flex-end;
}

[dir="rtl"] .breadcrumb-item + .breadcrumb-item {
    padding-left: 0;
    padding-right: 0.5rem;
}

[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
    float: right;
    padding-left: 0.5rem;
    padding-right: 0;
    content: "/";
}

/* 分页 */
[dir="rtl"] .pagination {
    flex-direction: row-reverse;
    padding-right: 0;
}

/* Carousel 控制方向 */
[dir="rtl"] .carousel-control-prev {
    right: 0;
    left: auto;
    justify-content: flex-end;
}

[dir="rtl"] .carousel-control-next {
    left: 0;
    right: auto;
    justify-content: flex-start;
}

/* Font Awesome：左右箭头视觉镜像（保留 glyph，用 scale 翻转） */
[dir="rtl"] .fa-chevron-left,
[dir="rtl"] .fa-angle-left,
[dir="rtl"] .fa-arrow-left,
[dir="rtl"] .fa-long-arrow-alt-left {
    transform: scaleX(-1);
    display: inline-block;
}

[dir="rtl"] .fa-chevron-right,
[dir="rtl"] .fa-angle-right,
[dir="rtl"] .fa-arrow-right,
[dir="rtl"] .fa-long-arrow-alt-right {
    transform: scaleX(-1);
    display: inline-block;
}

/* 比赛卡片头部 */
[dir="rtl"] .match-header,
[dir="rtl"] .football-header .d-flex,
[dir="rtl"] .predictions-toolbar,
[dir="rtl"] .page-toolbar {
    flex-direction: row-reverse;
}

/* 赔率/比分：西式数字左到右嵌入（队名仍可按阿语排版） */
[dir="rtl"] .odds-value,
[dir="rtl"] .arbitrage-odds,
[dir="rtl"] .match-score,
[dir="rtl"] .western-numerals {
    direction: ltr;
    unicode-bidi: embed;
    font-variant-numeric: lining-nums tabular-nums;
    display: inline-block;
}

[dir="rtl"] .odds-table td,
[dir="rtl"] .odds-table th {
    text-align: center;
}

[dir="rtl"] .odds-table .odds-value {
    text-align: center;
}