/* =========================================================
   VELORA RTL / LTR SUPPORT
   Extracted from the original style.css
========================================================= */

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

html[dir="rtl"] .nav-dropdown-menu {
    left: auto;
    right: 50%;
    transform: translate(50%, 10px);
}

html[dir="rtl"] .nav-dropdown:hover .nav-dropdown-menu,
html[dir="rtl"] .nav-dropdown.is-open .nav-dropdown-menu {
    transform: translate(50%, 0);
}
/* =========================================================
   LOGIN PAGE - RTL FIX
========================================================= */

html[dir="rtl"] body.login-page {
    direction: rtl !important;
}

html[dir="rtl"] body.login-page .login-controls {
    right: auto !important;
    left: 25px !important;
}

html[dir="rtl"] body.login-page .input-icon i {
    left: auto !important;
    right: 16px !important;
}

html[dir="rtl"] body.login-page .input-icon input {
    padding-left: 15px !important;
    padding-right: 46px !important;
}

html[dir="rtl"] body.login-page .auth-switch a {
    margin-left: 0 !important;
    margin-right: 5px !important;
}

/* =========================================================
   VELORA REGISTER PAGE - RTL FIX
========================================================= */

html[dir="rtl"] body.register-page {
    direction: rtl !important;
}

html[dir="rtl"] body.register-page .nav-actions {
    right: auto !important;
    left: 25px !important;
}

html[dir="rtl"] body.register-page .input-wrapper {
    direction: rtl !important;
}

html[dir="rtl"] body.register-page .input-wrapper i {
    left: auto !important;
    right: 16px !important;
}

html[dir="rtl"] body.register-page .input-wrapper input {
    padding-left: 15px !important;
    padding-right: 46px !important;
    text-align: right !important;
}

html[dir="rtl"] body.register-page .auth-checkbox label {
    flex-direction: row-reverse !important;
    justify-content: flex-end !important;
}

@media (max-width: 767px) {
    html[dir="rtl"] body.register-page .nav-actions {
        right: auto !important;
        left: 15px !important;
    }
}