/**
 * Chute Website RTL Overrides for Arabic
 * Loaded dynamically by i18n.js when lang is 'ar'
 */

/* ---- base overrides ---- */
[dir="rtl"] body {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .row [class*="col-"],
[dir="rtl"] .bgrid {
    float: right;
}

[dir="rtl"] [class*="col-"] + [class*="col-"]:last-child {
    float: left;
}

/* ---- block grid clear ---- */
[dir="rtl"] .block-1-6 .bgrid:nth-child(6n+1),
[dir="rtl"] .block-1-4 .bgrid:nth-child(4n+1),
[dir="rtl"] .block-1-3 .bgrid:nth-child(3n+1),
[dir="rtl"] .block-1-2 .bgrid:nth-child(2n+1) {
    clear: both;
}

/* ---- header / navigation ---- */
[dir="rtl"] header .logo {
    left: auto;
    right: calc(35px + env(safe-area-inset-right));
}

[dir="rtl"] #main-nav-wrap {
    right: auto;
    left: calc(30px + env(safe-area-inset-left));
}

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

[dir="rtl"] .main-navigation li a {
    text-align: right;
}

[dir="rtl"] .main-navigation li.with-sep a {
    padding-left: 7px;
    padding-right: 22px;
    margin-left: 0;
    margin-right: 8px;
}

[dir="rtl"] .main-navigation li.with-sep a::before {
    left: auto;
    right: 0;
}

[dir="rtl"] .main-navigation li.current a::after {
    left: auto;
    right: 50%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
}

/* ---- language dropdown ---- */
[dir="rtl"] .lang-dropdown {
    right: auto;
    left: 0;
}

[dir="rtl"] .lang-dropdown li a {
    text-align: right;
}

/* ---- menu toggle ---- */
[dir="rtl"] a.menu-toggle {
    right: auto;
    left: calc(30px + env(safe-area-inset-left));
}

/* ---- section-intro ---- */
[dir="rtl"] .section-intro {
    text-align: center;
}

/* ---- iOS section ---- */
[dir="rtl"] #ios .ios-content .right-side {
    right: auto;
    left: 0;
}

[dir="rtl"] #ios .ios-content .left-side {
    left: auto;
    right: 0;
}

/* ---- macOS section ---- */
[dir="rtl"] #macos .macos-content {
    flex-direction: row-reverse;
}

/* ---- features ---- */
[dir="rtl"] .features-list {
    text-align: center;
}

/* ---- pricing ---- */
[dir="rtl"] .pricing-content .price-block .features {
    text-align: right;
}

[dir="rtl"] .pricing-content .price-block .features li strong {
    margin-right: 0;
    margin-left: 5px;
}

/* ---- forms ---- */
[dir="rtl"] .info-content input {
    padding-left: 0;
    padding-right: 40px;
}

[dir="rtl"] .info-content table {
    text-align: right;
}

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

[dir="rtl"] .info-select {
    margin-left: 0;
    margin-right: 20px;
}

[dir="rtl"] .forget {
    margin-left: 0;
    margin-right: 20px;
}

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

[dir="rtl"] .login-wrapper form .form-row span[style*="position: absolute"] {
    left: auto;
    right: 0;
    margin-left: 0;
    margin-right: 12px;
}

[dir="rtl"] input[type="email"],
[dir="rtl"] input[type="text"],
[dir="rtl"] input[type="password"] {
    text-align: right;
}

/* ---- download section ---- */
[dir="rtl"] .download-content {
    text-align: center;
}

[dir="rtl"] .download-content .stores li .button i {
    margin-right: 0;
    margin-left: 8px;
}

[dir="rtl"] .download-content .stores li .button {
    margin-right: 0;
    margin-left: 12px;
}

[dir="rtl"] .download-content .stores li:last-child .button {
    margin-left: 0;
}

/* ---- footer ---- */
[dir="rtl"] .footer-main .footer-logo {
    margin-left: 0;
    margin-right: -.3rem;
}

[dir="rtl"] .footer-main ul {
    margin-right: 0;
}

[dir="rtl"] .footer-main ul li {
    text-align: right;
}

[dir="rtl"] .footer-bottom {
    text-align: center;
}

/* ---- go-to-top ---- */
[dir="rtl"] #go-top {
    right: auto;
    left: 0;
}

/* ---- lists ---- */
[dir="rtl"] ul, [dir="rtl"] ol {
    margin-left: 0;
    margin-right: 1.7rem;
}

[dir="rtl"] ul li {
    padding-left: 0;
    padding-right: .4rem;
}

[dir="rtl"] ul.disc li::before {
    left: auto;
    right: -17px;
}

/* ---- blockquote ---- */
[dir="rtl"] blockquote {
    padding-left: 0;
    padding-right: 4rem;
}

[dir="rtl"] blockquote:before {
    left: auto;
    right: 0;
}

/* ---- tables ---- */
[dir="rtl"] th:first-child, [dir="rtl"] td:first-child {
    padding-left: 3rem;
    padding-right: 0;
}

[dir="rtl"] th:last-child, [dir="rtl"] td:last-child {
    padding-right: 3rem;
    padding-left: 0;
}

/* ---- mobile responsive ---- */
@media only screen and (max-width: 768px) {
    [dir="rtl"] a.menu-toggle {
        right: auto;
        left: calc(30px + env(safe-area-inset-left));
    }

    [dir="rtl"] .main-navigation li.with-sep a {
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }

    [dir="rtl"] .main-navigation li.with-sep a::before {
        display: none;
    }

    [dir="rtl"] .main-navigation > li {
        text-align: right;
    }

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

    [dir="rtl"] .lang-dropdown li a {
        padding: 14px 14px 14px 0;
        text-align: right;
    }

    [dir="rtl"] #ios .ios-content .right-side,
    [dir="rtl"] #ios .ios-content .left-side {
        text-align: center;
    }

    [dir="rtl"] #macos .macos-content {
        flex-direction: column;
    }

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