/* ==========================================================================
   Strider RTL overrides
   Scope everything under [dir="rtl"] so LTR remains untouched.
   ========================================================================== */

[dir="rtl"] {
    direction: rtl;
    unicode-bidi: plaintext;
}

    /* ------------ Helpers & utilities ------------ */
    [dir="rtl"] .floated-left {
        float: right;
    }

    [dir="rtl"] .floated-right {
        float: left;
    }

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

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

    /* small utility offset that was margin-left */
    [dir="rtl"] .offset {
        margin-left: 0;
        margin-right: 10px;
    }

    /* ------------ Header / Navbar ------------ */
    /* Bootstrap’s ml-auto pushes right in LTR; mirror it for RTL */
    [dir="rtl"] .navbar-nav.ml-auto {
        margin-left: 0 !important;
        margin-right: auto !important;
    }

    /* ------------ Hero ------------ */
    /* Strider already right-aligns .hero-caption; no flip needed. */

    /* ------------ About ------------ */
    [dir="rtl"] #support-image {
        margin: 0 20% 0 0;
    }
    /* was margin-left */

    /* ------------ Short HR accents ------------ */
    [dir="rtl"] .short-hr-left::after {
        /* keep width but anchor to the right edge */
        margin: 13px 0 0 auto; /* replaces 13px 0 0 0 */
    }

    /* ------------ Game tags & image overlays ------------ */
    [dir="rtl"] .game-tags {
        border-left: 0;
        border-right: 2px solid #7a5a63;
    }

        [dir="rtl"] .game-tags li {
            margin: 0 15px 0 0;
        }
    /* move spacing to the right side */

    [dir="rtl"] .overlay {
        left: auto;
        right: 0;
        border-left: 0;
        border-right: 2px solid #7a5a63;
    }
    /* center icon remains centered; no change needed for .overlay i */

    /* ------------ Game card content ------------ */
    [dir="rtl"] .game-card-right {
        padding: 20px 40px;
    }
    /* symmetric already, keep as-is */

    /* ------------ Store / CTA buttons with internal floats ------------ */
    [dir="rtl"] .steam-btn i {
        float: right;
    }

    [dir="rtl"] .steam-btn p {
        float: left;
    }

    [dir="rtl"] .button-store > i {
        float: right;
    }

    [dir="rtl"] .button-store p {
        float: left;
        padding: 0 10px 0 0;
    }
    /* was padding-left */

    /* Ratings / reviews blocks swap float side */
    [dir="rtl"] .reviews {
        float: left;
    }

    [dir="rtl"] .rating {
        float: left;
    }

    /* ------------ Team grid & captions ------------ */
    [dir="rtl"] #team figure img {
        border-bottom: 2px solid #7a5a63;
    }
    /* visual stays same */
    [dir="rtl"] .team-caption {
        left: auto;
        right: 0;
    }
    /* anchor overlay to right edge */

    /* Team carousel controls from your site.css */
    [dir="rtl"] #teamCarousel .carousel-control-prev {
        left: auto;
        right: 14px;
    }

    [dir="rtl"] #teamCarousel .carousel-control-next {
        right: auto;
        left: 14px;
    }

    /* ------------ Careers / modal lists ------------ */
    [dir="rtl"] .job-card {
        border-left: 0;
        border-right: 2px solid #7a5a63;
    }

    [dir="rtl"] .modal-body ul {
        margin: 10px 25px 0 0;
    }
        /* move outer indent to right */
        [dir="rtl"] .modal-body ul li:before {
            /* mirror the bullet “chevron” indent */
            margin-left: 0;
            margin-right: -10px;
        }

    /* ------------ Contact ------------ */
    [dir="rtl"] #contact ul li i { /* icon blocks stay fine */
    }

    [dir="rtl"] #contact ul li p {
        margin-left: 0;
        margin-right: 5px;
    }

    /* ------------ Footer ------------ */
    [dir="rtl"] .social-links {
        float: left;
    }

    [dir="rtl"] #copyright {
        float: right;
    }

    /* Keep footer overflow fixes from site.css; nothing to invert. */

    /* ------------ Global guards ------------ */
    /* Kill phantom horizontal scroll (already present in your site.css; repeat-scoped here) */
    [dir="rtl"] html,
    [dir="rtl"] body {
        overflow-x: hidden;
    }

/* ------------ Mobile tweaks (mirror selected pieces) ------------ */
@media (max-width: 991px) {
    /* navbar background rules already responsive; ml-auto mirroring above covers most cases */
}

@media (max-width: 767px) {
    /* newsletter inputs/buttons already switch to block; no flip needed */
}

@media (max-width: 480px) {
    /* game-card-left min-height rule stays the same */
}