/*
 * MODERN DIAMOND RTL SYSTEM V2 2027
 *
 * Loaded only when the active language is RTL.
 * Supports Arabic across navigation, homepage sections,
 * analyzer reports, directories, tools and account pages.
 */

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

html[dir="rtl"] body,
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea {
    font-family:
        "Noto Sans Arabic",
        Tahoma,
        Arial,
        sans-serif;
}

/* Preserve icon fonts. */

html[dir="rtl"] .fa,
html[dir="rtl"] .fas,
html[dir="rtl"] .far,
html[dir="rtl"] .fab,
html[dir="rtl"] [class^="fa-"],
html[dir="rtl"] [class*=" fa-"],
html[dir="rtl"] .glyphicon {
    font-family:
        FontAwesome,
        "Glyphicons Halflings" !important;
}

/* General alignment. */

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"] li,
html[dir="rtl"] label,
html[dir="rtl"] .lead,
html[dir="rtl"] .description {
    text-align: right;
}

html[dir="rtl"] ul,
html[dir="rtl"] ol {
    padding-inline-start: 0;
    padding-inline-end: 1.4em;
}

/* Header and desktop navigation. */

html[dir="rtl"] .main-header,
html[dir="rtl"] .navbar,
html[dir="rtl"] .navbar-collapse,
html[dir="rtl"] .navbar-nav {
    direction: rtl;
}

html[dir="rtl"] .navbar-header {
    float: right;
}

html[dir="rtl"] .navbar-nav {
    float: right;
    padding-inline-start: 0;
}

html[dir="rtl"] .navbar-nav > li {
    float: right;
}

html[dir="rtl"] .navbar-right {
    float: left !important;
    margin-inline-start: 0;
    margin-inline-end: auto;
}

html[dir="rtl"] .navbar-brand {
    float: right;
}

html[dir="rtl"] .navbar-toggle {
    float: left;
    margin-inline-start: 15px;
    margin-inline-end: 0;
}

html[dir="rtl"] .dropdown-menu {
    right: 0;
    left: auto;
    text-align: right;
}

html[dir="rtl"] .dropdown-menu.pull-right {
    right: auto;
    left: 0;
}

html[dir="rtl"] .ssa-nav-link,
html[dir="rtl"] .ssa-nav-action,
html[dir="rtl"] .ssa-mobile-nav-link {
    direction: rtl;
}

html[dir="rtl"] .ssa-nav-link i,
html[dir="rtl"] .ssa-nav-link .fa,
html[dir="rtl"] .ssa-mobile-nav-link i {
    margin-inline-start: 0;
    margin-inline-end: 0;
}

/* Heroes and headings. */

html[dir="rtl"] .modern-page-header,
html[dir="rtl"] .ssa-utility-page-header,
html[dir="rtl"] .ssa-youtube-page-header,
html[dir="rtl"] .ssa-home-hero,
html[dir="rtl"] .ssa-ai-hero {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .modern-page-header .container,
html[dir="rtl"] .modern-page-header h1,
html[dir="rtl"] .modern-page-header p,
html[dir="rtl"] .ssa-utility-page-kicker {
    text-align: right !important;
}

html[dir="rtl"] .ssa-home-eyebrow,
html[dir="rtl"] .ssa-youtube-section-kicker,
html[dir="rtl"] .ssa-ai-section-kicker,
html[dir="rtl"] .ssa-utility-page-kicker {
    justify-content: flex-start;
}

/* Modern grids and cards. */

html[dir="rtl"] .ssa-home-answer-grid,
html[dir="rtl"] .ssa-home-audit-grid,
html[dir="rtl"] .ssa-home-intelligence,
html[dir="rtl"] .ssa-recent-grid,
html[dir="rtl"] .ssa-tools-grid,
html[dir="rtl"] .ssa-tool-category,
html[dir="rtl"] .ssa-tools-knowledge,
html[dir="rtl"] .ssa-youtube-tools-section,
html[dir="rtl"] .ssa-yt-seo-card,
html[dir="rtl"] .ssa-ai-seo-card,
html[dir="rtl"] .ssa-ai-recent-grid {
    direction: rtl;
}

html[dir="rtl"] .ssa-home-answer-card,
html[dir="rtl"] .ssa-home-audit-card,
html[dir="rtl"] .ssa-recent-card,
html[dir="rtl"] .ssa-tool-card,
html[dir="rtl"] .ssa-tools-knowledge article,
html[dir="rtl"] .ssa-yt-seo-card,
html[dir="rtl"] .ssa-ai-seo-card,
html[dir="rtl"] .ssa-ai-recent-card {
    text-align: right !important;
}

html[dir="rtl"] .ssa-tool-card-content,
html[dir="rtl"] .ssa-tool-card-body,
html[dir="rtl"] .ssa-tool-card-footer,
html[dir="rtl"] .ssa-home-section-header,
html[dir="rtl"] .ssa-yt-seo-head,
html[dir="rtl"] .ssa-ai-seo-card > * {
    text-align: right;
}

/* Forms and controls. */

html[dir="rtl"] .form-group,
html[dir="rtl"] .input-wrap,
html[dir="rtl"] .textarea-wrap,
html[dir="rtl"] .input-group,
html[dir="rtl"] .ssa-form-group,
html[dir="rtl"] .ssa-ai-form {
    direction: rtl;
    text-align: right;
}

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

html[dir="rtl"] .input-wrap i,
html[dir="rtl"] .textarea-wrap i {
    right: 11px;
    left: auto;
}

html[dir="rtl"] .input-wrap .form-control,
html[dir="rtl"] .textarea-wrap .form-control {
    padding-inline-start: 30px;
    padding-inline-end: 30px;
}

/*
 * Technical values are easier to read in their native
 * left-to-right direction.
 */

html[dir="rtl"] input[type="url"],
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[name="url"],
html[dir="rtl"] input[name="domain"],
html[dir="rtl"] input[name="website"],
html[dir="rtl"] code,
html[dir="rtl"] pre,
html[dir="rtl"] .url,
html[dir="rtl"] .domain-name,
html[dir="rtl"] .ip-address {
    direction: ltr;
    text-align: left;
    unicode-bidi: embed;
}

html[dir="rtl"] input[type="url"]::placeholder,
html[dir="rtl"] input[type="email"]::placeholder {
    direction: rtl;
    text-align: right;
}

/* Buttons and directional actions. */

html[dir="rtl"] .btn,
html[dir="rtl"] button,
html[dir="rtl"] .ssa-button,
html[dir="rtl"] .ssa-tool-card-action {
    direction: rtl;
}

html[dir="rtl"] .btn .fa,
html[dir="rtl"] button .fa,
html[dir="rtl"] .ssa-button .fa {
    margin-inline-start: 0;
    margin-inline-end: 0;
}

html[dir="rtl"] .fa-arrow-right,
html[dir="rtl"] .fa-chevron-right,
html[dir="rtl"] .fa-angle-right,
html[dir="rtl"] .glyphicon-chevron-right {
    transform: scaleX(-1);
}

/* Analyzer summaries, phases and evidence. */

html[dir="rtl"] .ssa-v2-summary,
html[dir="rtl"] .ssa-v2-check,
html[dir="rtl"] .ssa-v2-phase-panel,
html[dir="rtl"] .ssa-v2-issue,
html[dir="rtl"] .ssa-v2-evidence,
html[dir="rtl"] .ssa-analysis-summary,
html[dir="rtl"] .ssa-analysis-progress {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .ssa-v2-badge,
html[dir="rtl"] .ssa-score,
html[dir="rtl"] .score,
html[dir="rtl"] .percentage,
html[dir="rtl"] .duration,
html[dir="rtl"] time,
html[dir="rtl"] [data-score],
html[dir="rtl"] [data-progress] {
    direction: ltr;
    unicode-bidi: isolate;
}

/* Tables: Arabic labels, stable numbers and URLs. */

html[dir="rtl"] table {
    direction: rtl;
}

html[dir="rtl"] th,
html[dir="rtl"] td {
    text-align: right;
}

html[dir="rtl"] td.numeric,
html[dir="rtl"] td.number,
html[dir="rtl"] td.url,
html[dir="rtl"] td code {
    direction: ltr;
    text-align: left;
    unicode-bidi: isolate;
}

/* Bootstrap legacy compatibility. */

html[dir="rtl"] .col-md-1,
html[dir="rtl"] .col-md-2,
html[dir="rtl"] .col-md-3,
html[dir="rtl"] .col-md-4,
html[dir="rtl"] .col-md-5,
html[dir="rtl"] .col-md-6,
html[dir="rtl"] .col-md-7,
html[dir="rtl"] .col-md-8,
html[dir="rtl"] .col-md-9,
html[dir="rtl"] .col-md-10,
html[dir="rtl"] .col-md-11,
html[dir="rtl"] .col-md-12 {
    float: right;
}

html[dir="rtl"] .pull-left {
    float: right !important;
}

html[dir="rtl"] .pull-right,
html[dir="rtl"] .close {
    float: left !important;
}

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

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

/* Footer. */

html[dir="rtl"] footer,
html[dir="rtl"] footer .container,
html[dir="rtl"] footer .row {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] footer .right-border {
    border-inline-start:
        1px solid rgba(255, 255, 255, .1);
    border-inline-end: 0 !important;
}

html[dir="rtl"] footer .left-border {
    border-inline-end:
        1px solid rgba(255, 255, 255, .1);
    border-inline-start: 0 !important;
}

/* Mobile navigation and layouts. */

@media (max-width: 991px) {
    html[dir="rtl"] .navbar-header,
    html[dir="rtl"] .navbar-nav,
    html[dir="rtl"] .navbar-nav > li {
        float: none !important;
    }

    html[dir="rtl"] .navbar-nav {
        width: 100%;
        margin: 0;
    }

    html[dir="rtl"] .navbar-nav > li > a,
    html[dir="rtl"] .ssa-mobile-nav-link {
        text-align: right !important;
    }

    html[dir="rtl"] .dropdown-menu {
        position: static;
        width: 100%;
        text-align: right;
    }
}

@media (max-width: 767px) {
    html[dir="rtl"] .modern-page-header,
    html[dir="rtl"] .ssa-home-section,
    html[dir="rtl"] .ssa-tools-knowledge,
    html[dir="rtl"] .ssa-yt-seo-card,
    html[dir="rtl"] .ssa-ai-seo-card {
        text-align: right !important;
    }

    html[dir="rtl"] .btn,
    html[dir="rtl"] button {
        justify-content: center;
    }

    html[dir="rtl"] .col-xs-1,
    html[dir="rtl"] .col-xs-2,
    html[dir="rtl"] .col-xs-3,
    html[dir="rtl"] .col-xs-4,
    html[dir="rtl"] .col-xs-5,
    html[dir="rtl"] .col-xs-6,
    html[dir="rtl"] .col-xs-7,
    html[dir="rtl"] .col-xs-8,
    html[dir="rtl"] .col-xs-9,
    html[dir="rtl"] .col-xs-10,
    html[dir="rtl"] .col-xs-11,
    html[dir="rtl"] .col-xs-12 {
        float: right;
    }
}

/* End MODERN DIAMOND RTL SYSTEM V2 2027 */