/* -----------------------------------------------------------------------------------
    Canvas Theme RTL Styles
    ----------------------------------------------------------------------------------- */

body.rtl {
    direction: rtl;
    text-align: right;
}

/* Base flipping */
body.rtl .ms-1 {
    margin-right: 0.25rem !important;
    margin-left: 0 !important;
}

body.rtl .ms-2 {
    margin-right: 0.5rem !important;
    margin-left: 0 !important;
}

body.rtl .ms-3 {
    margin-right: 1rem !important;
    margin-left: 0 !important;
}

body.rtl .ms-4 {
    margin-right: 1.5rem !important;
    margin-left: 0 !important;
}

body.rtl .ms-5 {
    margin-right: 3rem !important;
    margin-left: 0 !important;
}

body.rtl .me-1 {
    margin-left: 0.25rem !important;
    margin-right: 0 !important;
}

body.rtl .me-2 {
    margin-left: 0.5rem !important;
    margin-right: 0 !important;
}

body.rtl .me-3 {
    margin-left: 1rem !important;
    margin-right: 0 !important;
}

body.rtl .me-4 {
    margin-left: 1.5rem !important;
    margin-right: 0 !important;
}

body.rtl .me-5 {
    margin-left: 3rem !important;
    margin-right: 0 !important;
}

body.rtl .ps-1 {
    padding-right: 0.25rem !important;
    padding-left: 0 !important;
}

body.rtl .ps-2 {
    padding-right: 0.5rem !important;
    padding-left: 0 !important;
}

body.rtl .ps-3 {
    padding-right: 1rem !important;
    padding-left: 0 !important;
}

body.rtl .ps-4 {
    padding-right: 1.5rem !important;
    padding-left: 0 !important;
}

body.rtl .ps-5 {
    padding-right: 3rem !important;
    padding-left: 0 !important;
}

body.rtl .pe-1 {
    padding-left: 0.25rem !important;
    padding-right: 0 !important;
}

body.rtl .pe-2 {
    padding-left: 0.5rem !important;
    padding-right: 0 !important;
}

body.rtl .pe-3 {
    padding-left: 1rem !important;
    padding-right: 0 !important;
}

body.rtl .pe-4 {
    padding-left: 1.5rem !important;
    padding-right: 0 !important;
}

body.rtl .pe-5 {
    padding-left: 3rem !important;
    padding-right: 0 !important;
}

body.rtl .text-start {
    text-align: right !important;
}

body.rtl .text-end {
    text-align: left !important;
}

/* Grid flipping */
body.rtl .row {
    flex-direction: row-reverse;
}

/* Header & Navigation flipping */
body.rtl #header-wrap .container {
    flex-direction: row-reverse;
}

body.rtl .header-row {
    flex-direction: row-reverse;
}

body.rtl #logo {
    margin-right: 0;
    margin-left: auto;
}

body.rtl .primary-menu .menu-container {
    flex-direction: row-reverse;
}

body.rtl .primary-menu .menu-link {
    text-align: right;
}

body.rtl .dropdown-menu {
    text-align: right;
    right: auto !important;
    left: 0 !important;
}

/* Top search & other misc items */
body.rtl .header-misc {
    margin-right: auto;
    margin-left: 0;
    flex-direction: row-reverse;
}

/* Footer flipping */
body.rtl #copyrights .container {
    flex-direction: row-reverse;
}

body.rtl .copyright-links {
    margin-right: auto;
    margin-left: 0;
}

/* Icons & Lists */
body.rtl i[class^="icon-"],
body.rtl i[class*=" icon-"],
body.rtl .fa,
body.rtl .fab,
body.rtl .fas {
    margin-left: 8px;
    margin-right: 0;
}

body.rtl .list-unstyled,
body.rtl .list-inline {
    padding-right: 0;
    padding-left: 0;
}

body.rtl .list-inline-item:not(:last-child) {
    margin-left: 0.5rem;
    margin-right: 0;
}

/* Swiper Fixes */
body.rtl .swiper-container {
    direction: ltr;
    /* Sliders usually need LTR wrapper if not initialized for RTL */
}

body.rtl .swiper-container .swiper-slide {
    direction: rtl;
}

/* Canvas Specifics */
body.rtl .top-cart {
    margin-right: 15px;
    margin-left: 0;
}

body.rtl #top-search {
    margin-right: 15px;
    margin-left: 0;
}

/* -----------------------------------------------------------------------------------
    Flexslider / fslider RTL Fixes
    ----------------------------------------------------------------------------------- */

/* RTL modunda flexslider düzgün çalışması için */
body.rtl .fslider,
body.rtl .flexslider {
    direction: ltr;
    /* Slider mekanizması LTR olmalı */
}

body.rtl .fslider .slide,
body.rtl .flexslider .slide {
    direction: rtl;
    /* İçerik RTL */
    text-align: right;
}

/* Slider-wrap ve slides düzeltmesi */
body.rtl .slider-wrap {
    direction: ltr;
}

/* Flex-direction sorunu düzeltmesi - slides yan yana düzgün görünmeli */
body.rtl .flexslider .slides {
    direction: ltr;
}

body.rtl .flexslider .slides>li {
    direction: rtl;
    float: left !important;
    /* RTL'de float:right slider'ı bozuyor */
}

/* Flex-control-thumbs düzeltmesi */
body.rtl .flex-control-thumbs {
    direction: ltr;
}

body.rtl .flex-control-thumbs li {
    float: left !important;
}

/* Product image slider özel düzeltme */
body.rtl .product-image .fslider,
body.rtl .product-image .flexslider {
    direction: ltr;
}

body.rtl .product-image .slide {
    direction: rtl;
}

/* Slider navigasyon okları */
body.rtl .flex-direction-nav .flex-prev {
    left: 10px;
    right: auto;
}

body.rtl .flex-direction-nav .flex-next {
    right: 10px;
    left: auto;
}

/* Row flex-direction override for sliders */
body.rtl .product-image .row {
    flex-direction: row;
    /* Slider alanında row-reverse iptal */
}