/* ================================================== */
/* RTL Overrides for style.css
/* Arapça dil seçeneği aktif olduğunda kullanılır.
/* ================================================== */

/* ------------------------------
 * Genel Yön ve Hizalama
 * ------------------------------ */
body.rtl {
  direction: rtl;
  text-align: right;
}

/* ------------------------------
 * Header, Topbar ve Navigasyon
 * ------------------------------ */

/* Ana menü elemanlarını tersine çevirir */
.rtl #mainmenu li {
  float: right;
}
.rtl #mainmenu > li {
  margin-right: 0;
  margin-left: 30px;
}
.rtl #mainmenu > li:last-child {
  margin-left: 0;
}

/* Alt menülerin açılma yönünü değiştirir */
.rtl #mainmenu li ul {
  left: auto;
  right: 0px;
}
.rtl #mainmenu li ul ul:not(.ul-list) {
  margin-left: auto;
  margin-right: 188px; /* Orijinal margin-left değeri */
}

/* Menüdeki ok ikonunun pozisyonu */
.rtl #mainmenu li.has-child:after {
  padding-left: 0;
  padding-right: 5px;
}

/* Menüdeki alt elemanların hizalanması */
.rtl #mainmenu li li a {
  text-align: right;
}

/* Topbar elemanlarının yönü */
.rtl .topbar-left {
  float: right;
}
.rtl .topbar-right {
  float: left;
}

/* Telefon ikonunun boşluğu */
.rtl .h-phone {
  margin-right: 0;
  margin-left: 20px;
}

/* Mobil menü butonu */
.rtl #menu-btn {
  float: left;
  margin-left: 0;
  margin-right: 20px;
}

/* Extra buton (üç çizgi) */
.rtl #btn-extra {
  margin-left: 0;
  margin-right: 20px;
}

/* Extra açılan pencere */
#extra-wrap {
    /* Orijinalde right: -500px; olduğu için biz left kullanacağız */
    right: auto;
    left: -500px;
}
#extra-wrap.open {
    right: auto;
    left: 0;
}
.rtl #btn-close {
    right: auto;
    left: 50px;
}

/* Dil seçimi yanındaki bayrağın boşluğu */
.rtl .topbar-widget img {
  margin-right: 0;
  margin-left: 10px;
}

/* ------------------------------
 * Subheader ve Breadcrumb
 * ------------------------------ */
.rtl #subheader.s2 {
  text-align: right;
}
.rtl #subheader.s2 .crumb {
  float: left;
}

/* Breadcrumb ayırıcı ok yönü */
.rtl .crumb li:after {  
  content: "\f053"; /* FontAwesome sol ok ikonu */
  margin: 0 10px;
}
.rtl .crumb li:last-child:after {
  display: none;
}


/* ------------------------------
 * Genel Bileşenler ve Hizalamalar
 * ------------------------------ */
.rtl .float-left {
  float: right !important;
}
.rtl .float-right {
  float: left !important;
}

/* Metin hizalamaları */
.rtl .text-left { text-align: right !important; }
.rtl .text-right { text-align: left !important; }

/* Küçük border'lar */
.rtl .small-border.sm-left {
  margin-left: auto;
  margin-right: 0;
}

/* Liste stilleri */
.rtl .ul-check li {
  padding-left: 0;
  padding-right: 30px;
}
.rtl .ul-check li:before {
  left: auto;
  right: 0;
}
.rtl ol.ol-style-1 {
  margin-left: 0;
  margin-right: 50px;
}
.rtl ol.ol-style-1 li::before {
  display: none; /* :before'u gizle */
}
/* RTL için :after oluştur */
.rtl ol.ol-style-1 li::after{
  background: rgba(var(--primary-color-rgb),1);
  border-radius: 50%;
  color: #ffffff;
  content: counter(ordered);
  display: inline-block;
  font-weight: 400;
  margin-left: 0;
  margin-right: -50px;
  margin-top: -5px;
  padding: 5px 5px;
  position: absolute;
  top:10px;
  right: 0;
  width: 40px;
  height: 40px;
  text-align: center;
}

/* ------------------------------
 * Blog ve Yazı Detayları
 * ------------------------------ */
.rtl .blog-list .post-text {
  padding-left: 0;
  padding-right: 80px;
}


div#logo img{
    justify-content: flex-start; /* sola yasla */

}



.rtl .de-bloglist-type-1 .d-content {
  padding-left: 0;
  padding-right: 100px;
}
.rtl .de-bloglist-type-1 .d-date {
  padding-left: 0;
  padding-right: 18px;
}
.rtl .de-bloglist-type-1 .d-date:before {
  display: none;
}
.rtl .de-bloglist-type-1 .d-date:after {
  font-family: "FontAwesome";
  font-weight: 300;
  color: var(--primary-color);
  content: "\f073"; /* Takvim ikonu */
  right: 0;
  position: absolute;
}

/* Yorumlar */
.rtl #blog-comment ul,
.rtl #blog-comment li {
  margin-left: 0;
  margin-right: -40px;
}
.rtl #blog-comment .comment {
  margin-left: 0;
  margin-right: 85px;
}

/* ------------------------------
 * Formlar ve Inputlar
 * ------------------------------ */

/* Abone ol formu */
.rtl #form_subscribe input[type=text] {
  float: right;
  border-radius: 0 30px 30px 0;
  border-right: 1px solid rgba(255,255,255,.3); /* Orijinalde olmayan sağ border'ı ekle */
  border-left: none; /* Orijinal sol border'ı kaldır */
}
.rtl #form_subscribe #btn-subscribe i {
  float: right;
  border-radius: 30px 0 0 30px;
}

/* Ok ikonlu dropdown */
.rtl .dropdown > a:after {
  float: left;
  margin-left: 0;
  margin-right: 10px;
}

.rtl .form-border select {
  background-position: left 5px center !important;
  padding-right: 20px; /* Ok için yer aç */
  padding-left: 8px; /* Orijinal padding */
}

/* ------------------------------
 * Çeşitli Bileşenler
 * ------------------------------ */

/* Blockquote */
.rtl blockquote {
  border-left: none;
  border-right: solid 3px #333333;
  padding-left: 0;
  padding-right: 30px;
}
.dark-scheme .rtl blockquote {
  border-right-color: #ffffff;
}

/* Accordion */
.rtl .accordion-section-title:before {
  float: left;
}

/* Testimonial (Müşteri Yorumları) */
.rtl .de_testi_pic {
  float: right;
  padding-right: 0;
  padding-left: 15px;
}

/* Butonlar */
.rtl a.btn-fx:after {
  margin-left: 0;
  margin-right: 15px;
  right: auto;
  left: -20px;
}
.rtl a.btn-fx:hover {
  padding-left: 40px;
  padding-right: 20px;
}
.rtl a.btn-fx:hover:after {
  right: auto;
  left: 15px;
}

/* Timeline */
.rtl .de-timeline .d-item,
.rtl .de-timeline-s2 .d-item {
    border-left: none;
    border-right: solid 1px #555;
    margin-left: 0;
    margin-right: 20px;
}
.rtl .de-timeline .d-item .d-icon,
.rtl .de-timeline-s2 .d-item .d-icon {
    left: auto;
    right: -15px;
}
.rtl .de-timeline .d-item .d-text,
.rtl .de-timeline-s2 .d-item .d-text {
    padding-left: 0;
    padding-right: 40px;
}

/* Carousel (Slider) okları */
.rtl .owl-prev, .rtl .d-nav-left {
  left: auto;
  right: -12px;
}
.rtl .owl-next, .rtl .d-nav-right {
  right: auto;
  left: -12px;
}

/* Owl Carousel'ın kendisi LTR kalmalı, ama içindeki item'lar RTL olmalı */
.rtl .owl-carousel {
  direction: ltr;
}
.rtl .owl-carousel .owl-item {
  direction: rtl;
}