/* 
 * RTL Support CSS - Arapça dil desteği için gerekli düzeltmeler
 * Bu dosya Arapça dil seçildiğinde otomatik olarak yüklenir
 */

/* Temel RTL düzenlemeler */
html[lang="ar"] {
    direction: rtl;
}

html[lang="ar"] body {
    direction: rtl;
    text-align: right;
}

/* Header RTL düzenlemeleri */
html[lang="ar"] header.type-1 nav ul li {
    float: right;
}

html[lang="ar"] header.type-1 nav ul li .sub {
    left: auto;
    right: 0;
}

/* CRITICAL: Section Title ve Right Area düzenlemeleri - Ana sorun */
html[lang="ar"] .section-title .right-area {
    right: auto;
    left: 0;
    text-align: left;
}

html[lang="ar"] .section-title .right-area .bordered-outer {
    right: auto;
    left: 0;
}

html[lang="ar"] .section-title .right-area .link-outer {
    right: auto;
    left: 0;
}

/* CRITICAL: Bordered-outer genel düzeltmesi */
html[lang="ar"] .bordered-outer {
    right: auto;
    left: 0;
}

/* Services Section RTL Düzenlemeleri */
html[lang="ar"] .services-container {
    direction: rtl;
}

html[lang="ar"] .services-column {
    direction: rtl;
}

html[lang="ar"] .slider-nav {
    justify-content: flex-start;
    direction: rtl;
}

html[lang="ar"] .slider-nav button:first-child {
    margin-right: 0;
    margin-left: 10px;
}

/* CRITICAL FIX: Services slider okları - İçerik değiştirme yaklaşımı */
html[lang="ar"] .slider-nav .prev-service i {
    transform: none !important;
}

html[lang="ar"] .slider-nav .next-service i {
    transform: none !important;
}

/* Remixicon için doğru content kodları */
html[lang="ar"] .slider-nav .prev-service i:before {
    content: "\ec4e" !important; /* ri-arrow-right-s-line */
}

html[lang="ar"] .slider-nav .next-service i:before {
    content: "\ec4d" !important; /* ri-arrow-left-s-line */
}

/* Services Slider wrapper RTL düzenlemesi */
html[lang="ar"] .services-slider {
    direction: rtl;
}

html[lang="ar"] .services-slider .swiper-wrapper {
    direction: rtl;
    transform-origin: right center !important;
}

html[lang="ar"] .service-card {
    text-align: right;
}

html[lang="ar"] .service-info {
    text-align: right;
}

/* CRITICAL: News Section RTL Düzenlemeleri - "View all news" button fix */
html[lang="ar"] .news .section-title .right-area {
    right: auto;
    left: 0;
    text-align: left;
}

html[lang="ar"] .news .section-title .right-area .bordered-outer {
    right: auto;
    left: 0;
}

html[lang="ar"] .news-item-2 {
    text-align: right;
    direction: rtl;
}

html[lang="ar"] .news-item-2 .date {
    text-align: right;
}

html[lang="ar"] .news-item-2 .title {
    text-align: right;
}

/* CRITICAL: Members Section RTL Düzenlemeleri - "View all members" button fix */
html[lang="ar"] .members-3 .section-title .right-area {
    right: auto;
    left: 0;
    text-align: left;
}

html[lang="ar"] .members-3 .section-title .right-area .bordered-outer {
    right: auto;
    left: 0;
}

/* Members slider RTL düzenlemesi */
html[lang="ar"] .member-slider {
    direction: rtl;
}

html[lang="ar"] .member-slider .swiper-wrapper {
    direction: rtl;
}

html[lang="ar"] .team-mate {
    text-align: right;
}

html[lang="ar"] .team-info {
    text-align: right;
}

html[lang="ar"] .team-info .name {
    text-align: right;
}

html[lang="ar"] .team-info .job {
    text-align: right;
}

/* CRITICAL: Swiper navigasyon düzenlemeleri - Button pozisyonlarını değiştir */
html[lang="ar"] .member-slider .swiper-button-next {
    left: 10px;
    right: auto;
}

html[lang="ar"] .member-slider .swiper-button-prev {
    right: 10px;
    left: auto;
}

/* CRITICAL: Swiper arrow content'ini düzelt */
html[lang="ar"] .swiper-button-next:after {
    content: '←' !important;
}

html[lang="ar"] .swiper-button-prev:after {
    content: '→' !important;
}

/* Upcoming Gigs RTL düzenlemeleri */
html[lang="ar"] .upcoming-gigs-1 .section-title .right-area .bordered-outer {
    right: auto;
    left: 0;
}

/* Genel link düzenlemeleri */
html[lang="ar"] .link-with-arrow {
    padding-left: 25px;
    padding-right: 0;
}

html[lang="ar"] .link-with-arrow:after {
    left: 0;
    right: auto;
}

/* Form düzenlemeleri */
html[lang="ar"] .contact-form .inp,
html[lang="ar"] .contact-form .inp-text {
    text-align: right;
    direction: rtl;
}

/* Subscribe form RTL düzenlemesi */
html[lang="ar"] .subscribe-form .subscribe-input {
    text-align: right;
    direction: rtl;
}

/* Footer RTL düzenlemesi */
html[lang="ar"] footer {
    direction: rtl;
}

html[lang="ar"] footer .social {
    direction: rtl;
}

html[lang="ar"] footer .social a {
    margin-left: 10px;
    margin-right: 0;
}

/* News grid RTL düzenlemesi */
html[lang="ar"] .news .row {
    direction: rtl;
}

html[lang="ar"] .news-item-2 {
    direction: rtl;
    text-align: right;
}

html[lang="ar"] .news-item-2 .date {
    text-align: right;
}

html[lang="ar"] .news-item-2 .title {
    text-align: right;
}

/* Team page RTL düzenlemesi */
html[lang="ar"] .page-caption-2 {
    direction: rtl;
}

html[lang="ar"] .page-caption-2 .caption-content {
    text-align: right;
}

/* Overlay menu RTL düzenlemesi */
html[lang="ar"] .overlay-menu nav ul {
    text-align: right;
}

html[lang="ar"] .overlay-menu nav ul li a {
    text-align: right;
}

/* Grid RTL düzenlemesi */
html[lang="ar"] .row {
    direction: rtl;
}

html[lang="ar"] .col-xl-4,
html[lang="ar"] .col-xl-6,
html[lang="ar"] .col-xl-8,
html[lang="ar"] .col-xl-12,
html[lang="ar"] .col-md-4,
html[lang="ar"] .col-md-6,
html[lang="ar"] .col-md-8,
html[lang="ar"] .col-md-12 {
    direction: rtl;
}

/* Services container genel RTL düzenlemesi */
html[lang="ar"] .services-container {
    direction: rtl;
}

/* Video player RTL düzenlemesi */
html[lang="ar"] .video-player-one {
    direction: rtl;
}

/* Hero sections RTL düzenlemesi */
html[lang="ar"] .hero-1,
html[lang="ar"] .hero-2,
html[lang="ar"] .hero-3,
html[lang="ar"] .hero-4,
html[lang="ar"] .hero-5,
html[lang="ar"] .hero-6,
html[lang="ar"] .hero-7,
html[lang="ar"] .hero-8 {
    direction: rtl;
}

/* CRITICAL: Right area genel düzeltmesi */
html[lang="ar"] .right-area {
    right: auto;
    left: 0;
    text-align: left;
}

/* CRITICAL: Bordered outer genel düzeltmesi */
html[lang="ar"] .bordered-outer {
    right: auto;
    left: 0;
}

/* Services ve members slider wrapper düzeltmesi */
html[lang="ar"] .services-slider,
html[lang="ar"] .member-slider {
    direction: rtl;
}

html[lang="ar"] .services-slider .swiper-wrapper,
html[lang="ar"] .member-slider .swiper-wrapper {
    direction: rtl;
}

/* Members slider navigation düzeltmesi */
html[lang="ar"] .slider-nav {
    direction: rtl;
    justify-content: flex-start;
}

/* Members arrows düzeltmesi */
html[lang="ar"] .members-3 .arrows {
    direction: rtl;
}

html[lang="ar"] .members-3 .arrows i {
    transform: scaleX(-1);
}

html[lang="ar"] .members-3 .arrows i:first-child {
    margin-left: 15px;
    margin-right: 0;
}

/* Responsive RTL düzenlemeleri */
@media only screen and (max-width: 767px) {
    html[lang="ar"] .section-title .right-area .bordered-outer {
        position: static;
        text-align: left;
        margin-top: 15px;
    }

    html[lang="ar"] .slider-nav {
        justify-content: center;
    }

    html[lang="ar"] .services-container {
        direction: rtl;
    }
}

@media only screen and (max-width: 580px) {
    html[lang="ar"] .section-title .right-area {
        text-align: left;
        margin-top: 10px;
    }

    html[lang="ar"] .bordered-outer {
        left: 0;
        right: auto;
    }

    html[lang="ar"] .news .section-title .right-area,
    html[lang="ar"] .members-3 .section-title .right-area {
        left: 0;
        right: auto;
        text-align: left;
    }
}

/* Debug - geçici olarak sorunları görmek için */
/*
html[lang="ar"] .services-slider {
    border: 2px solid red;
}

html[lang="ar"] .swiper-wrapper {
    border: 2px solid blue;
}

html[lang="ar"] .swiper-slide {
    border: 1px solid green;
}
*/