/*
 * RTL diller (ar, fa, he) için yön düzeltmeleri.
 * <html dir="rtl"> flex sıralarını ve metin hizalamayı zaten çevirir;
 * burada sadece style.css / media-query.css'teki sabit left/right değerleri aynalanır.
 * header.php'de sadece RTL dillerde, media-query.css'ten sonra yüklenir.
 */

body {
    text-align: right;
}

/************************ Header / Menü ***************************/
.submenu {
    left: auto;
    right: 0;
    transform: translateX(20px);
}

.submenu li:hover>a {
    transform: translateX(-6px);
}

.submenu-right {
    left: auto;
    right: 100%;
    transform: translateX(-20px);
}

.submenu-arrow {
    transform: scaleX(-1);
}

/************************ Liste ikonları ***************************/
.about-list li,
.solar-benefits-list li {
    padding-left: 0;
    padding-right: 34px;
}

.about-list li::before,
.solar-benefits-list li::before {
    left: auto;
    right: 0;
}

.need-help-now-btn-container {
    padding-left: 0;
    padding-right: 6px;
}

/************************ Sayaç ***************************/
.counter-box:not(:first-child) {
    padding-left: 0;
    padding-right: 54px;
}

.counter-box:not(:first-child):before {
    left: auto;
    right: 0;
    transform: translate(50%, -50%);
}

/************************ Slider okları ***************************/
.index-products-prev,
.index-products-next,
.index-blog-prev,
.index-blog-next,
.index-references-prev,
.index-references-next,
.testimonial-prev-arrow,
.testimonial-next-arrow,
.product-related-prev,
.product-related-next,
.hero4-arrow img,
.green-circle-arrow img,
.previous-text img,
.next-text img {
    transform: scaleX(-1);
}

.product-gallery-main .slick-prev {
    left: auto;
    right: 20px;
}

.product-gallery-main .slick-next {
    right: auto;
    left: 20px;
}

.product-related-arrow {
    margin-left: 0;
    margin-right: auto;
}

/************************ Kartlar / Bölümler ***************************/
.our-expert-share-icon-container {
    right: auto;
    left: 17px;
}

.our-expert-social-icons {
    right: auto;
    left: 40px;
}

.free-installation-right-container {
    margin-left: 0;
    margin-right: -190px;
}

.latest-news-grid-card .latest-news-grid-card-h3 {
    padding-left: 0;
    padding-right: 50px;
}

.quick-links-name:hover a {
    transform: translateX(-5px);
}

.about-page-left-img {
    left: auto;
    right: 0;
}

.about-page-right-img {
    right: auto;
    left: 40px;
}

.careers-grid-box:hover {
    transform: translateX(-15px);
}

.green-circle-arrow {
    right: auto;
    left: 30px;
}

.project-card-img {
    left: auto;
    right: 20px;
}

.project-card-content p,
.project-card-content h3 {
    left: auto;
    right: 10px;
}

.solution-2 .list .bd {
    right: auto;
    left: 5%;
}

.solution-2 .list li:nth-child(even) .bd {
    left: auto;
    right: 5%;
}

/************************ Blog detay ***************************/
.previous-text:hover {
    transform: translateX(-5px);
}

.next-text:hover {
    transform: translateX(5px);
}

.single-blog-next-container .next-para {
    text-align: left;
}

/************************ Ürün detay ***************************/
.product-detail-lead {
    padding-left: 0;
    padding-right: 18px;
    border-left: none;
    border-right: 4px solid rgba(0, 208, 97, 1);
}

.product-detail-definition ul,
.product-spec-text ul {
    padding-left: 0;
    padding-right: 20px;
}

.product-spec-text th,
.product-spec-text td {
    text-align: right;
}

/************************ Form ***************************/
select.contact-input-field {
    padding-right: 20px;
    padding-left: 50px;
    background-position: left 20px center;
}

/************************ Popup / Toast / Sabit butonlar ***************************/
.video-popup-close {
    right: auto;
    left: -15px;
}

.close-popup {
    right: auto;
    left: -24px;
}

.scroll-to-top-button {
    right: auto;
    left: 30px;
}

.swal2-popup.swal2-toast {
    border-left: none;
    border-right: 5px solid rgba(0, 208, 97, 1);
}

.swal2-popup.swal2-toast.swal2-icon-error {
    border-right-color: #F27474;
}

.swal2-popup.swal2-toast .swal2-icon {
    margin: 0 0 0 14px !important;
}

.swal2-popup.swal2-toast .swal2-title {
    text-align: right;
}

/************************ Responsive ***************************/
@media screen and (max-width: 1199px) {
    .mobile-nav {
        left: auto;
        right: -350px;
    }

    .mobile-nav.active {
        left: auto;
        right: 0;
    }

    .submenu,
    .submenu-right {
        transform: none;
    }

    .free-installation-right-container {
        margin-left: -240px;
        margin-right: -71px;
    }

    .green-circle-arrow {
        left: 20px;
    }

    .counter-box:not(:first-child) {
        padding-right: 30px;
    }
}

@media screen and (max-width: 991px) {
    .project-card-img {
        right: 15px;
    }

    .prev-btn {
        left: auto;
        right: 15px;
    }

    .next-btn {
        right: auto;
        left: 15px;
    }

    .counter-box:not(:first-child) {
        padding-right: 15px;
    }
}

@media screen and (max-width: 767px) {
    .our-expert-share-icon-container {
        left: 8px;
    }

    .our-expert-social-icons {
        left: 22px;
    }

    .solution-2 .list .bd,
    .solution-2 .list li:nth-child(even) .bd {
        left: 15px;
        right: 15px;
    }
}

@media screen and (max-width: 540px) {
    .scroll-to-top-button {
        left: 20px;
    }

    .green-circle-arrow {
        left: 15px;
    }

    .single-blog-next-container .next-para {
        text-align: right;
    }

    .close-popup {
        left: -20px;
    }
}