/* RTL overrides — loaded only when dir="rtl" */

/* Same Arabic font as home.php/mihakk.css uses for [dir="rtl"], so
   Arabic reads identically across the marketing pages and the app. */
.rtl {
    --font-heading: "IBM Plex Sans Arabic", Tahoma, sans-serif;
    --font-body: "IBM Plex Sans Arabic", Tahoma, sans-serif;
}
body.rtl {
    font-family: var(--font-body), Tahoma, 'Segoe UI', Arial, sans-serif;
}
.rtl h1, .rtl h2, .rtl h3, .rtl h4 { letter-spacing: 0; }

.rtl .site-header nav a {
    margin-left: 0;
    margin-right: 20px;
}
.rtl .site-header nav a:first-child {
    margin-right: 0;
}

.rtl .lang-toggle {
    margin-right: 20px;
    border-right: 1px solid var(--color-border);
    padding-right: 20px;
}

.rtl .form label {
    text-align: right;
}

.rtl .breadcrumb {
    text-align: right;
}

.rtl .dashboard-header,
.rtl .result-header {
    flex-direction: row-reverse;
}

.rtl .score-block {
    text-align: left;
}

.rtl .product-table th,
.rtl .product-table td {
    text-align: right;
}

.rtl .factor-label {
    flex-direction: row-reverse;
}

.rtl .action-list {
    padding-right: 20px;
    padding-left: 0;
}

.rtl .btn-secondary {
    margin-left: 0 !important;
    margin-right: 10px !important;
}

.rtl .tool-note {
    border-left: none;
    border-right: 3px solid var(--color-primary);
}

.rtl .alert-error {
    text-align: right;
}

.rtl .help-page ul,
.rtl .help-page ol {
    padding-right: 20px;
    padding-left: 0;
}
.rtl .help-table th,
.rtl .help-table td {
    text-align: right;
}

@media (max-width: 600px) {
    .rtl .score-block { text-align: right; }
}

.rtl .decision-card-reasons {
    padding-right: 20px;
    padding-left: 0;
}
.rtl .decision-card-facts li span {
    text-align: right;
}