/**
 * DECOHAN83 - ARAPÇA VE RTL DÜZEN STİLLERİ (STYLE-RTL.CSS)
 * Panel (Mpanel) montajı ve frontend Arapça dil seçimi için tam uyumlu RTL desteği.
 */

@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=Tajawal:wght@400;500;700;800&display=swap');

/* ==========================================================================
   1. TEMEL YÖN VE TİPOGRAFİ
   ========================================================================== */

html[dir="rtl"],
body[dir="rtl"],
[dir="rtl"] {
  direction: rtl !important;
  text-align: right !important;
  font-family: 'Cairo', 'Tajawal', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif !important;
}

[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, 
[dir="rtl"] h4, [dir="rtl"] h5, [dir="rtl"] h6,
[dir="rtl"] .display-1, [dir="rtl"] .display-2, [dir="rtl"] .display-3,
[dir="rtl"] .display-4, [dir="rtl"] .display-5, [dir="rtl"] .display-6 {
  font-family: 'Cairo', 'Tajawal', sans-serif !important;
  letter-spacing: normal !important;
}

/* ==========================================================================
   2. BOOTSTRAP UTILITY YÖN DÜZELTMELERİ (RTL OVERRIDES)
   ========================================================================== */

/* Kenar Boşlukları (Margins) */
[dir="rtl"] .me-1 { margin-left: 0.25rem !important; margin-right: 0 !important; }
[dir="rtl"] .me-2 { margin-left: 0.5rem !important; margin-right: 0 !important; }
[dir="rtl"] .me-3 { margin-left: 1rem !important; margin-right: 0 !important; }
[dir="rtl"] .me-4 { margin-left: 1.5rem !important; margin-right: 0 !important; }
[dir="rtl"] .me-5 { margin-left: 3rem !important; margin-right: 0 !important; }

[dir="rtl"] .ms-1 { margin-right: 0.25rem !important; margin-left: 0 !important; }
[dir="rtl"] .ms-2 { margin-right: 0.5rem !important; margin-left: 0 !important; }
[dir="rtl"] .ms-3 { margin-right: 1rem !important; margin-left: 0 !important; }
[dir="rtl"] .ms-4 { margin-right: 1.5rem !important; margin-left: 0 !important; }
[dir="rtl"] .ms-5 { margin-right: 3rem !important; margin-left: 0 !important; }

[dir="rtl"] .ms-auto { margin-right: auto !important; margin-left: 0 !important; }
[dir="rtl"] .me-auto { margin-left: auto !important; margin-right: 0 !important; }

/* İç Boşluklar (Paddings) */
[dir="rtl"] .pe-1 { padding-left: 0.25rem !important; padding-right: 0 !important; }
[dir="rtl"] .pe-2 { padding-left: 0.5rem !important; padding-right: 0 !important; }
[dir="rtl"] .pe-3 { padding-left: 1rem !important; padding-right: 0 !important; }
[dir="rtl"] .pe-4 { padding-left: 1.5rem !important; padding-right: 0 !important; }
[dir="rtl"] .pe-5 { padding-left: 3rem !important; padding-right: 0 !important; }

[dir="rtl"] .ps-1 { padding-right: 0.25rem !important; padding-left: 0 !important; }
[dir="rtl"] .ps-2 { padding-right: 0.5rem !important; padding-left: 0 !important; }
[dir="rtl"] .ps-3 { padding-right: 1rem !important; padding-left: 0 !important; }
[dir="rtl"] .ps-4 { padding-right: 1.5rem !important; padding-left: 0 !important; }
[dir="rtl"] .ps-5 { padding-right: 3rem !important; padding-left: 0 !important; }

/* Metin Hizalama (Text Align) */
[dir="rtl"] .text-start,
[dir="rtl"] .text-md-start,
[dir="rtl"] .text-lg-start,
[dir="rtl"] .text-xl-start {
  text-align: right !important;
}

[dir="rtl"] .text-end,
[dir="rtl"] .text-md-end,
[dir="rtl"] .text-lg-end,
[dir="rtl"] .text-xl-end {
  text-align: left !important;
}

/* Float & Borders */
[dir="rtl"] .float-start { float: right !important; }
[dir="rtl"] .float-end { float: left !important; }

[dir="rtl"] .border-start {
  border-left: 0 !important;
  border-right: 1px solid var(--brand-dark-border) !important;
}

[dir="rtl"] .border-end {
  border-right: 0 !important;
  border-left: 1px solid var(--brand-dark-border) !important;
}

/* ==========================================================================
   3. HEADER & ÜST NAVİGASYON (TOPBAR & MAINBAR)
   ========================================================================== */

/* Topbar Düzeni */
[dir="rtl"] .site-topbar .d-flex.justify-content-between {
  flex-direction: row-reverse;
}

[dir="rtl"] .topbar-divider {
  margin: 0 0.5rem;
}

/* Logo Yanı Mimari Alt Başlık Çizgisi */
[dir="rtl"] .brand-subtext {
  border-left: none !important;
  border-right: 1px solid rgba(255, 255, 255, 0.18) !important;
  padding-left: 0 !important;
  padding-right: 0.85rem !important;
}

/* Navigasyon Linkleri ve Açılır Menü Oku */
[dir="rtl"] .navbar-nav .dropdown-toggle::after {
  margin-left: 0 !important;
  margin-right: 0.45rem !important;
}

/* Standart Dropdown (Kurumsal vb.) */
[dir="rtl"] .dropdown-menu-dark-custom {
  left: auto !important;
  right: 0 !important;
  inset: 100% 0px auto auto !important;
  text-align: right !important;
}

[dir="rtl"] .dropdown-menu-dark-custom .dropdown-item {
  text-align: right !important;
}

[dir="rtl"] .dropdown-menu-dark-custom .dropdown-item i {
  margin-right: 0 !important;
  margin-left: 0.5rem !important;
}

/* Topbar Dil Dropdown */
[dir="rtl"] .lang-dropdown-menu,
[dir="rtl"] .lang-dropdown .dropdown-menu,
[dir="rtl"] .dropdown-menu-dark-custom.lang-dropdown-menu {
  left: 0 !important;
  right: auto !important;
  inset: 100% auto auto 0 !important;
  transform: none !important;
  text-align: right !important;
}

/* Mega Menü (Ürünler) */
[dir="rtl"] .megamenu-wrapper {
  text-align: right !important;
}

[dir="rtl"] .megamenu-col-card .mega-cat-title {
  flex-direction: row-reverse;
}

[dir="rtl"] .megamenu-col-card .mega-cat-title .bi-arrow-right {
  transform: scaleX(-1) !important;
  display: inline-block;
}

[dir="rtl"] .mega-sublinks {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

[dir="rtl"] .mega-sublinks li a {
  text-align: right !important;
  padding-right: 0 !important;
}

[dir="rtl"] .mega-sublinks li a:hover {
  transform: translateX(-4px) !important;
}

/* Header Arama ve Butonlar */
[dir="rtl"] .header-search-btn {
  flex-direction: row-reverse;
}

[dir="rtl"] .header-search-btn i {
  margin-left: 0.5rem;
  margin-right: 0;
}

[dir="rtl"] .btn-header-cta {
  flex-direction: row-reverse;
}

/* ==========================================================================
   4. MOBİL OFFCANVAS MENÜ
   ========================================================================== */

[dir="rtl"] .offcanvas-end {
  right: auto !important;
  left: 0 !important;
  transform: translateX(-100%) !important;
  border-left: none !important;
  border-right: 1px solid rgba(255, 255, 255, 0.12) !important;
}

[dir="rtl"] .offcanvas-end.show {
  transform: none !important;
}

[dir="rtl"] .offcanvas-header .btn-close {
  margin-right: auto !important;
  margin-left: 0 !important;
}

[dir="rtl"] .mobile-nav-list {
  padding-right: 0 !important;
}

[dir="rtl"] .mobile-nav-link {
  text-align: right !important;
}

[dir="rtl"] .mobile-sub-list {
  padding-right: 1rem !important;
  padding-left: 0 !important;
}

/* ==========================================================================
   5. HERO SLIDER (MANŞET SLAYTI)
   ========================================================================== */

[dir="rtl"] .hero-slide-content {
  text-align: right !important;
}

[dir="rtl"] .hero-badge {
  flex-direction: row-reverse;
}

[dir="rtl"] .hero-badge i {
  margin-left: 0.4rem !important;
  margin-right: 0 !important;
}

/* Slider Önceki / Sonraki Kontrolleri */
[dir="rtl"] .carousel-control-prev {
  right: 0 !important;
  left: auto !important;
}

[dir="rtl"] .carousel-control-next {
  left: 0 !important;
  right: auto !important;
}

[dir="rtl"] .carousel-control-prev-icon,
[dir="rtl"] .carousel-control-next-icon {
  transform: scaleX(-1) !important;
}

/* ==========================================================================
   6. BREADCRUMB (SAYFA YOLU)
   ========================================================================== */

[dir="rtl"] .breadcrumb {
  padding-right: 0 !important;
}

[dir="rtl"] .breadcrumb-item + .breadcrumb-item {
  padding-right: var(--bs-breadcrumb-item-padding-x) !important;
  padding-left: 0 !important;
}

[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
  float: right !important;
  padding-left: var(--bs-breadcrumb-item-padding-x) !important;
  padding-right: 0 !important;
  transform: scaleX(-1) !important;
}

/* ==========================================================================
   7. KARTLAR, ÜRÜNLER VE BİLEŞENLER
   ========================================================================== */

[dir="rtl"] .product-card,
[dir="rtl"] .application-card,
[dir="rtl"] .article-card,
[dir="rtl"] .category-card,
[dir="rtl"] .brand-card {
  text-align: right !important;
}

/* Kart Rozetleri (Badges) */
[dir="rtl"] .card-badge-top-left {
  left: auto !important;
  right: 1rem !important;
}

[dir="rtl"] .card-badge-top-right {
  right: auto !important;
  left: 1rem !important;
}

/* Kart Aksiyon Oku İkonları */
[dir="rtl"] .bi-arrow-right,
[dir="rtl"] .bi-chevron-right,
[dir="rtl"] .bi-arrow-up-right {
  transform: scaleX(-1) !important;
  display: inline-block;
}

[dir="rtl"] .product-card:hover .btn-card-action,
[dir="rtl"] .application-card:hover .app-hover-btn {
  transform: translateX(-4px) !important;
}

/* Özellik Listeleri (Specs List) */
[dir="rtl"] .specs-list {
  padding-right: 0 !important;
}

[dir="rtl"] .specs-list li {
  text-align: right !important;
}

[dir="rtl"] .specs-list li i {
  margin-left: 0.5rem !important;
  margin-right: 0 !important;
}

/* ==========================================================================
   8. AKORDİYON (SSS - SIKÇA SORULAN SORULAR)
   ========================================================================== */

[dir="rtl"] .accordion-button {
  text-align: right !important;
}

[dir="rtl"] .accordion-button::after {
  margin-left: 0 !important;
  margin-right: auto !important;
}

[dir="rtl"] .accordion-body {
  text-align: right !important;
}

/* ==========================================================================
   9. FORMLAR VE ARAMA MODALI
   ========================================================================== */

[dir="rtl"] .form-control,
[dir="rtl"] .form-select,
[dir="rtl"] textarea {
  text-align: right !important;
  direction: rtl !important;
}

[dir="rtl"] .form-select {
  background-position: left 0.75rem center !important;
  padding-right: 0.75rem !important;
  padding-left: 2.25rem !important;
}

[dir="rtl"] .form-check {
  padding-right: 1.5em !important;
  padding-left: 0 !important;
  text-align: right !important;
}

[dir="rtl"] .form-check .form-check-input {
  float: right !important;
  margin-right: -1.5em !important;
  margin-left: 0 !important;
}

/* Input Group Ters Çevirme */
[dir="rtl"] .input-group > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
  border-top-right-radius: var(--radius-md) !important;
  border-bottom-right-radius: var(--radius-md) !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

[dir="rtl"] .input-group > :not(:first-child):not(.dropdown-menu) {
  border-top-left-radius: var(--radius-md) !important;
  border-bottom-left-radius: var(--radius-md) !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/* Arama Modalı */
[dir="rtl"] .search-modal-custom .btn-close {
  margin-left: 0 !important;
  margin-right: auto !important;
}

[dir="rtl"] .search-modal-custom .modal-header {
  flex-direction: row-reverse;
}

[dir="rtl"] .search-modal-custom .modal-title,
[dir="rtl"] #searchModalLabel {
  color: #FFFFFF !important;
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

/* ==========================================================================
   10. FOOTER & ALT BİLGİ ALANI
   ========================================================================== */

[dir="rtl"] .site-footer {
  text-align: right !important;
}

[dir="rtl"] .footer-links {
  padding-right: 0 !important;
}

[dir="rtl"] .footer-links li a {
  text-align: right !important;
}

[dir="rtl"] .footer-links li a:hover {
  transform: translateX(-4px) !important;
}

[dir="rtl"] .footer-contact-list {
  padding-right: 0 !important;
}

[dir="rtl"] .footer-contact-list li {
  text-align: right !important;
}

[dir="rtl"] .footer-contact-list li i {
  margin-left: 0.5rem !important;
  margin-right: 0 !important;
}

[dir="rtl"] .footer-social-links {
  justify-content: flex-start !important;
}

/* ==========================================================================
   11. SABİT BUTONLAR (WHATSAPP & YUKARI ÇIK)
   ========================================================================== */

[dir="rtl"] #btnScrollTop {
  left: 24px !important;
  right: auto !important;
}

[dir="rtl"] #floatingWhatsappBtn {
  right: 24px !important;
  left: auto !important;
}

/* Mega Menü (Ürünler) — Dinamik Kategori Sekmeleri + Ağaç (Tree) Yapısı */
[dir="rtl"] .mega-menu-new-layout {
  text-align: right !important;
}

[dir="rtl"] .mega-sub-tabs-tree {
  border-left: none !important;
  border-right: 2px solid var(--brand-dark-border) !important;
  margin-left: 0 !important;
  margin-right: 10px !important;
}

[dir="rtl"] .mega-sub-tabs-tree .nav-link.sub-trigger {
  padding: 10px 25px 10px 15px !important;
  text-align: right !important;
}

[dir="rtl"] .mega-sub-tabs-tree .nav-link.sub-trigger::before {
  left: auto !important;
  right: -2px !important;
}

[dir="rtl"] .tree-content-box {
  border-left: none !important;
  border-right: 3px solid var(--brand-primary) !important;
}

[dir="rtl"] .mega-service-link {
  border-left: 1px solid transparent !important;
  border-right: 3px solid var(--brand-dark-border) !important;
  text-align: right !important;
}

[dir="rtl"] .mega-service-link:hover {
  border-right-color: var(--brand-primary-hover) !important;
}

[dir="rtl"] .mega-service-link:hover {
  transform: translateY(-2px) !important;
}