html[dir="rtl"],
html[dir="rtl"] body {
    direction: rtl;
    text-align: right;
    font-family: 'Cairo', 'Roboto', Arial, sans-serif;
}

html[dir="rtl"] .navigation-top ul,
html[dir="rtl"] .navigation-main ul,
html[dir="rtl"] .footer-social ul {
    padding-right: 0;
}

html[dir="rtl"] .navigation-main .floating-menu > ul > li,
html[dir="rtl"] .navigation-top > ul > li,
html[dir="rtl"] .footer-social li {
    float: right;
}

html[dir="rtl"] .navigation-top .nav-settings-list > li {
    float: none;
    text-align: right;
}

html[dir="rtl"] .navigation-top .language-switcher {
    direction: ltr;
}

html[dir="rtl"] .navigation-main .logo {
    float: right;
}

html[dir="rtl"] .navigation-main .open-menu {
    left: 15px;
    right: auto;
}

html[dir="rtl"] .navbar-dropdown,
html[dir="rtl"] .search-wrapper,
html[dir="rtl"] .login-wrapper,
html[dir="rtl"] .cart-wrapper {
    text-align: right;
}

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

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

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

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

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

html[dir="rtl"] .cart-block > div,
html[dir="rtl"] .info-box > span {
    text-align: right;
}

html[dir="rtl"] .product .info-box span:first-child {
    padding-left: 15px;
    padding-right: 0;
}

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

/* ---------------------------------------------------------------
   Owl Carousel v1 RTL fix
   v1 has no native RTL: its slide-positioning math assumes LTR and
   the clipping wrapper inherits dir=rtl, which anchors the viewport
   on the right and pushes the first slide out of view. Keep the
   carousel mechanics LTR and restore RTL only for the slide content.
   --------------------------------------------------------------- */
html[dir="rtl"] .owl-carousel,
html[dir="rtl"] .owl-carousel .owl-wrapper-outer,
html[dir="rtl"] .owl-carousel .owl-wrapper,
html[dir="rtl"] .owl-carousel .owl-item {
    direction: ltr;
}

html[dir="rtl"] .owl-carousel .owl-item > * {
    direction: rtl;
}