/* ===============================================
   SULAX CUSTOM STYLES
   Ürünlerimiz Menü Özelleştirmeleri
   =============================================== */

   #preloader {
    background-color: #3c464e !important;
   }

/* Ürünlerimiz Mega Menü Özelleştirmeleri */
.tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-list ul li a {
    font-size: 18px !important; /* 16px'den 18px'e çıkardık */
    font-weight: 600;
    padding: 15px 25px !important; /* Padding'i artırdık */
    line-height: 1.3;
    transition: all 0.3s ease;
}

/* CSS Grid ile 2 sütunlu dinamik düzen */
.tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-grid {
    width: 100%;
    padding-right: 30px; /* Menü alanı ile resim arasına boşluk */
}

.tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-grid-list {
    display: grid;
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%;
    grid-auto-flow: column; /* Column-first sıralama - önce ilk column'u doldur */
    align-items: start; /* Üstten hizala */
}

/* Tek sütun - 5 ve 5'ten az öğe için */
.tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-grid-list.single-column {
    grid-template-columns: 1fr; /* Tek sütun */
    grid-auto-flow: row; /* Tek sütun için row sıralama */
}

.tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-grid-list.single-column li {
    width: 100%; /* Tek sütun - tam genişlik */
}

/* İki sütun - 5'ten fazla, 10 dahil öğe için - sadece ana menü (level-1) için */
.tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-grid-list.two-columns.tp-menu-level-1 {
    grid-template-columns: repeat(2, 1fr); /* 2 sütun */
    grid-auto-flow: column; /* Column-first: önce ilk column'u doldur */
    /* grid-template-rows JavaScript tarafından dinamik olarak ayarlanacak */
}

/* Alt menü (level-2) için two-columns class'ı varsa bile tek sütun yap */
.tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-grid-list.two-columns.tp-menu-level-2 {
    grid-template-columns: 1fr !important;
    grid-auto-flow: row !important;
}

/* Üç sütun - 10'dan fazla, 15 dahil öğe için - sadece ana menü (level-1) için */
.tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-grid-list.three-columns.tp-menu-level-1 {
    grid-template-columns: repeat(3, 1fr); /* 3 sütun */
    grid-auto-flow: column; /* Column-first: önce ilk column'u doldur */
    /* grid-template-rows JavaScript tarafından dinamik olarak ayarlanacak */
}

/* Alt menü (level-2) için three-columns class'ı varsa bile tek sütun yap */
.tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-grid-list.three-columns.tp-menu-level-2 {
    grid-template-columns: 1fr !important;
    grid-auto-flow: row !important;
}

/* Varsayılan - eğer class yoksa 2 sütun (geriye dönük uyumluluk) */
.tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-grid-list li {
    padding: 0;
    margin: 0;
    height: auto; /* Yükseklik otomatik - içeriğe göre */
}

/* Grid öğeleri arasındaki boşluk */
.tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-grid-list li:not(:last-child) {
    margin-bottom: 15px !important;
}

/* Flexbox ile sıralı düzen - margin'lar kaldırıldı */

/* Hover efekti için */
.tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-list ul li a:hover {
    background-color: #f8f9fa !important;
    color: #2c3e50 !important;
    transform: translateX(5px);
}

/* Menü öğesi hover efekti - SEO ve Accessibility için optimize */
.tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-grid-list li a {
    position: relative;
    cursor: pointer;
    
    /* SEO ve Accessibility optimizasyonları */
    text-decoration: none; /* Alt çizgi kaldır */
    outline: none; /* Focus outline kaldır - CSS ile kontrol edeceğiz */
    transition: all 0.3s ease; /* Smooth transitions */
}

/* Dropdown menü öğelerinin önüne ikon ekle - Sadece masaüstünde */
@media only screen and (min-width: 1200px) {
    .tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-grid-list li a::before {
        content: '';
        display: inline-block;
        width: 18px;
        height: 18px;
        margin-bottom: 3px;
        background-image: url('../../img/sulax-img/menuicon.svg');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin-right: 10px;
        vertical-align: middle;
        flex-shrink: 0;
    }
    
    /* tp-menu-level-1 ve tp-menu-level-2 için de uygula */
    .tp-megamenu-wrapper.megamenu-white-bg .tp-menu-level-1 li a::before,
    .tp-megamenu-wrapper.megamenu-white-bg .tp-menu-level-2 li a::before {
        content: '';
        display: inline-block;
        width: 18px;
        height: 18px;
        margin-bottom: 3px;
        background-image: url('../../img/sulax-img/menuicon.svg');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin-right: 10px;
        vertical-align: middle;
        flex-shrink: 0;
    }
}

/* Focus durumu için accessibility */
.tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-grid-list li a:focus {
    outline: 2px solid #007bff;
    outline-offset: 2px;
    background-color: #f8f9fa;
}

/* Menü öğesi hover durumu */
.tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-grid-list li a:hover {
    background-color: #f8f9fa !important;
    color: #2c3e50 !important;
    transform: translateX(5px);
    transition: all 0.3s ease;
}

/* Menü öğeleri arasındaki boşluğu artırdık */
.tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-list ul li:not(:last-child) {
    margin-bottom: 15px !important; /* 10px'den 15px'e çıkardık */
}

/* Resim alanına sabit boyutlar verdik */
.tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-thumb {
    width: 100% !important;
    height: 100%; /* Sabit yükseklik */
    position: relative;
    top: auto;
    right: auto;
    padding-left: 0; /* Sol boşluğu kaldırdık */
    display: flex;
    justify-content: flex-end; /* Resmi sağ tarafa hizala */
    border-radius: 16px;
    overflow: hidden; /* Resmin taşmasını engelle */
}

/* Resim container'ını sağ tarafa sabitle */
.tp-megamenu-wrapper.megamenu-white-bg .col-xl-7 {
    display: flex;
    justify-content: flex-end; /* Tüm resim alanını sağa hizala */
}

/* Resim stilini iyileştirdik - SEO ve Performance için optimize */
.tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-thumb img {
    width: 100%;
    height: 100%; /* Resim alanının tam yüksekliği */
    object-fit: cover; /* Resim alanından taşmaması için */
    max-height: 100%;
    border-radius: 16px;
    transition: transform 0.4s ease, opacity 0.3s ease; /* Sadece transform ve opacity animasyonu */
}

/* Resim değişim animasyonu için - sadece içerik büyür */
.tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-thumb img.image-changing {
    opacity: 0.8;
    transform: scale(1.05); /* Sadece resim büyür, alan sabit kalır */
}

/* Hover efekti kaldırıldı - sadece resim değişiminde scale olacak */

/* Mega menü genel padding'ini artırdık */
.tp-megamenu-wrapper.megamenu-white-bg {
    padding: 30px 90px 40px 90px !important; /* Padding'i artırdık */
}

/* Dinamik genişlik sistemi - menü öğe sayısına göre */
.tp-megamenu-wrapper.megamenu-white-bg.single-column-menu {
    max-width: 1200px !important; /* 5 ve altı öğe için - varsayılan */
}

.tp-megamenu-wrapper.megamenu-white-bg.two-column-menu {
    max-width: 1460px !important; /* 6-10 öğe için */
}

.tp-megamenu-wrapper.megamenu-white-bg.three-column-menu {
    max-width: 1830px !important; /* 11+ öğe için */
}


/* Menü listesi padding'ini ayarladık */
.tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-list ul {
    padding-top: 30px; /* 18px'den 20px'e */
    padding-bottom: 20px; /* 50px'den 30px'e */
}

.tp-megamenu-wrapper.megamenu-white-bg .tp-menu-level-2 {
    padding-top: 11px !important;
    padding-bottom: 20px !important;
}

/* Masaüstü için single-column-menu özel ayarları */
@media only screen and (min-width: 1200px) {

    .tp-megamenu-wrapper.megamenu-white-bg .back-button-wrapper {
        padding-bottom: 10px;
        padding-top: 4px;
        padding-left: 26px;
    }

    .tp-megamenu-wrapper.megamenu-white-bg.single-column-menu {
        max-width: 800px !important;
    }

    .tp-megamenu-wrapper.megamenu-white-bg.two-column-menu {
    max-width: 1187px !important;
}

.tp-megamenu-wrapper.megamenu-white-bg.three-column-menu {
    max-width: 1583px !important;
}
    
    .tp-megamenu-wrapper.megamenu-white-bg.single-column-menu, .tp-megamenu-wrapper.megamenu-white-bg.two-column-menu, .tp-megamenu-wrapper.megamenu-white-bg.three-column-menu {
        padding: 10px 20px 10px 10px !important;
    }
    
    /* Single column menu için col-xl-5'i daha küçük yap */
    .tp-megamenu-wrapper.megamenu-white-bg.single-column-menu .col-xl-5 {
        flex: 0 0 40% !important;
        max-width: 40% !important;
    }
    
    /* Single column menu için resim alanı */
    .tp-megamenu-wrapper.megamenu-white-bg.single-column-menu .col-xl-7 {
        flex: 0 0 60% !important;
        max-width: 60% !important;
    }

    /* Two column menu için col-xl-5'i daha küçük yap */
    .tp-megamenu-wrapper.megamenu-white-bg.two-column-menu .col-xl-5 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
    
    /* Two column menu için resim alanı */
    .tp-megamenu-wrapper.megamenu-white-bg.two-column-menu .col-xl-7 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }

    /* Three column menu için col-xl-5'i daha küçük yap */
    .tp-megamenu-wrapper.megamenu-white-bg.three-column-menu .col-xl-5 {
        flex: 0 0 40% !important;
        max-width: 40% !important;
    }
    
    /* Three column menu için resim alanı */
    .tp-megamenu-wrapper.megamenu-white-bg.three-column-menu .col-xl-7 {
        flex: 0 0 60% !important;
        max-width: 60% !important;
    }

    .tp-megamenu-wrapper.megamenu-white-bg.single-column-menu .tp-megamenu-grid-list {
        grid-template-columns: 1fr !important;
        grid-auto-flow: row !important;
    }
    
    .tp-megamenu-wrapper.megamenu-white-bg.single-column-menu .tp-megamenu-grid-list li {
        width: 100% !important;
    }
    
    /* Ana menü (tp-menu-level-1) için 2 sütun - sadece level-1 için */
    .tp-megamenu-wrapper.megamenu-white-bg.two-column-menu .tp-megamenu-grid-list.tp-menu-level-1 {
        grid-template-columns: repeat(2, 1fr) !important;
        grid-auto-flow: column !important;
        /* grid-template-rows JavaScript tarafından dinamik olarak ayarlanacak */
    }
    
    /* Alt menü (tp-menu-level-2) için her zaman tek sütun - two-column-menu'den etkilenmesin */
    .tp-megamenu-wrapper.megamenu-white-bg.two-column-menu .tp-megamenu-grid-list.tp-menu-level-2,
    .tp-megamenu-wrapper.megamenu-white-bg.two-column-menu .tp-menu-level-2 {
        grid-template-columns: 1fr !important;
        grid-auto-flow: row !important;
    }
    
    /* Ana menü (tp-menu-level-1) için 3 sütun - sadece level-1 için */
    .tp-megamenu-wrapper.megamenu-white-bg.three-column-menu .tp-megamenu-grid-list.tp-menu-level-1 {
        grid-template-columns: repeat(3, 1fr) !important;
        grid-auto-flow: column !important;
        /* grid-template-rows JavaScript tarafından dinamik olarak ayarlanacak */
    }
    
    /* Alt menü (tp-menu-level-2) için her zaman tek sütun - three-column-menu'den etkilenmesin */
    .tp-megamenu-wrapper.megamenu-white-bg.three-column-menu .tp-megamenu-grid-list.tp-menu-level-2,
    .tp-megamenu-wrapper.megamenu-white-bg.three-column-menu .tp-menu-level-2 {
        grid-template-columns: 1fr !important;
        grid-auto-flow: row !important;
    }
}

/* Responsive ayarlar */
@media only screen and (max-width: 1399px) {
    .tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-list ul li a {
        font-size: 17px !important;
        padding: 14px 22px !important;
    }
    
    /* Laptop'ta boşlukları biraz azalt */
    .tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-grid {
        padding-right: 25px;
    }
    
    .tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-thumb {
        padding-left: 15px;
    }
    
  
}

@media only screen and (max-width: 1199px) {
    .tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-list ul li a {
        font-size: 16px !important;
        padding: 12px 20px !important;
    }
    
    .tp-megamenu-wrapper.megamenu-white-bg {
        padding: 25px 60px 35px 60px !important; /* Padding'i responsive olarak azalt */
    }
    
    /* Laptop'ta resim alanı yüksekliği otomatik */
    .tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-thumb {
        height: 100%; /* Otomatik yükseklik */
    }
}

@media only screen and (max-width: 991px) {
    .tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-list ul li a {
        font-size: 15px !important;
        padding: 10px 18px !important;
    }
    
    .tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-list ul li:not(:last-child) {
        margin-bottom: 12px !important;
    }
    
    .tp-megamenu-wrapper.megamenu-white-bg {
        padding: 20px 30px 25px 30px !important; /* Tablet için padding */
    }
    
    /* Tablet'te submenu ikonlarını görünür yap */
    .tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-grid-list .submenu-icon {
        display: inline-block !important;
        opacity: 0.6 !important;
        font-size: 16px !important; /* Tablet'te biraz daha büyük */
    }
    
    /* Tablet'te resim alanını gizle */
    .tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-thumb {
        display: none !important;
    }
    
    /* Tablet'te resim değişim animasyonlarını devre dışı bırak */
    .tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-thumb img {
        transition: none !important;
    }
    
    /* Tablet'te menü alanını tam genişlik yap */
    .tp-megamenu-wrapper.megamenu-white-bg .col-xl-5 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    
    /* Tablet'te resim alanını gizle */
    .tp-megamenu-wrapper.megamenu-white-bg .col-xl-7 {
        display: none !important;
    }
    
    /* Tablet'te tek sütun yap */
    .tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-grid-list {
        grid-template-columns: 1fr !important; /* Tek sütun */
        grid-auto-flow: row !important; /* Row sıralama */
    }
    
    .tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-grid-list li {
        width: 100% !important; /* Tek sütun */
    }
    
    /* Tablet'te menü alanından sağ padding'i kaldır */
    .tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-grid {
        padding-right: 0 !important;
    }
}

@media only screen and (max-width: 767px) {
    .tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-list ul li a {
        font-size: 14px !important;
        padding: 8px 15px !important;
    }
    
    .tp-megamenu-wrapper.megamenu-white-bg {
        padding: 0px 5px 15px 5px !important; /* Mobil için padding */
    }
    
    /* Mobilde submenu ikonlarını görünür yap */
    .tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-grid-list .submenu-icon {
        display: inline-block !important;
        opacity: 0.6 !important;
        font-size: 16px !important; /* Mobilde biraz daha büyük */
    }
    
    .tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-list ul li:not(:last-child) {
        margin-bottom: 10px !important;
    }
    
    /* Mobilde tek sütun yap */
    .tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-grid-list {
        grid-template-columns: 1fr !important; /* Tek sütun */
        grid-auto-flow: row !important; /* Row sıralama */
    }
    
    .tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-grid-list li {
        width: 100% !important; /* Tek sütun */
    }
    
    /* Mobilde menü alanından sağ padding'i kaldır */
    .tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-grid {
        padding-right: 0 !important;
    }
}

/* Menü başlığı için özel stil (eğer eklenirse) */
.tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-title {
    font-size: 16px !important;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid #e9ecef;
}

/* Animasyon efektleri */
.tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-list ul li {
    opacity: 0;
    transform: translateY(10px);
    animation: slideInUp 0.4s ease forwards;
}

.tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-list ul li:nth-child(1) { animation-delay: 0.1s; }
.tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-list ul li:nth-child(2) { animation-delay: 0.2s; }
.tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-list ul li:nth-child(3) { animation-delay: 0.3s; }
.tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-list ul li:nth-child(4) { animation-delay: 0.4s; }
.tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-list ul li:nth-child(5) { animation-delay: 0.5s; }

@keyframes slideInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Resim için hover efekti */
.tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-thumb img {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* ===============================================
   UMBRACO ENTEGRASYONU İÇİN HAZIRLIK
   =============================================== */

/* Dinamik içerik için esnek grid sistemi - öğe sayısına göre column */
.tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-grid-list {
    align-items: start; /* Üstten hizala */
}

/* Bu stiller yukarıda tanımlandı - tekrar tanımlamaya gerek yok */

/* Umbraco için data attribute desteği - öğe sayısına göre column */
.tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-grid-list[data-columns="1"] {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
}

.tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-grid-list[data-columns="1"] li {
    width: 100%;
}

.tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-grid-list[data-columns="2"] {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow: column;
    /* grid-template-rows dinamik olarak ayarlanmalı */
}

.tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-grid-list[data-columns="3"] {
    grid-template-columns: repeat(3, 1fr);
    grid-auto-flow: column;
    /* grid-template-rows dinamik olarak ayarlanmalı */
}

.tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-grid-list[data-columns="4"] {
    grid-template-columns: repeat(4, 1fr);
    grid-auto-flow: column;
    /* grid-template-rows dinamik olarak ayarlanmalı */
}

/* Flexbox ile sıralı düzen - eski margin kuralları kaldırıldı */

/* Responsive - farklı ekran boyutlarında farklı sütun sayıları */
@media only screen and (max-width: 1199px) {
    .tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-grid-list[data-columns="4"] {
        grid-template-columns: repeat(3, 1fr); /* 4 sütun → 3 sütun */
        grid-template-rows: repeat(4, auto);
    }
    
    .tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-grid-list[data-columns="3"] {
        grid-template-columns: repeat(2, 1fr); /* 3 sütun → 2 sütun */
        grid-template-rows: repeat(5, auto);
    }
}

@media only screen and (max-width: 991px) {
    .tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-grid-list[data-columns="4"],
    .tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-grid-list[data-columns="3"] {
        grid-template-columns: 1fr !important; /* Tablet'te tek sütun */
        grid-auto-flow: row !important;
    }
    
    .tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-grid-list[data-columns="4"] li,
    .tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-grid-list[data-columns="3"] li {
        width: 100% !important;
    }

    .tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-list ul {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .tp-megamenu-wrapper.megamenu-white-bg .back-button-wrapper {
        padding-bottom: 10px !important;
    }
}

@media only screen and (max-width: 767px) {
    .tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-grid-list[data-columns="4"],
    .tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-grid-list[data-columns="3"],
    .tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-grid-list[data-columns="2"] {
        grid-template-columns: 1fr !important; /* Mobilde tek sütun */
        grid-auto-flow: row !important;
    }
    
    .tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-grid-list[data-columns="4"] li,
    .tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-grid-list[data-columns="3"] li,
    .tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-grid-list[data-columns="2"] li {
        width: 100% !important;
    }
}

/* ===============================================
   NESTED MENU SİSTEMİ - ÇOK SEVİYELİ MENÜ
   =============================================== */

/* Alt menü ikonları için - has-submenu linkini flexbox yap */
.tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-grid-list .has-submenu {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

/* Alt menü ikonları - tüm ekran boyutları için */
.tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-grid-list .submenu-icon {
    font-size: 19px;
    opacity: 0.6;
    transition: all 0.3s ease;
    display: inline-block !important; /* Mobil/tablet'te de görünür */
    flex-shrink: 0; /* Flexbox'ta küçülmesin */
    margin-left: 10px; /* Metinden biraz uzak tut */
}

.tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-grid-list .has-submenu:hover .submenu-icon {
    opacity: 1;
    transform: translateX(5px);
}

/* Menü seviyeleri arası geçiş animasyonu */
.tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-grid {
    position: relative;
}

.tp-megamenu-wrapper.megamenu-white-bg .tp-menu-level-1,
.tp-megamenu-wrapper.megamenu-white-bg .tp-menu-level-2 {
    transition: opacity 0.4s ease, transform 0.4s ease;
}

/* Menü seviyesi 1 - normal görünüm */
.tp-megamenu-wrapper.megamenu-white-bg .tp-menu-level-1 {
    opacity: 1;
    transform: translateX(0);
    pointer-events: all;
}

/* Nested Submenu Wrapper - Geri Dön butonu içeren wrapper */
.tp-megamenu-wrapper.megamenu-white-bg .nested-submenu-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transform: translateX(-20px);
    pointer-events: none;
    display: none !important;
}

.tp-megamenu-wrapper.megamenu-white-bg .nested-submenu-wrapper.show-menu {
    display: block !important;
    opacity: 1;
    transform: translateX(0);
    pointer-events: all;
}

/* Geri Dön butonu wrapper - ul dışında bağımsız */
.tp-megamenu-wrapper.megamenu-white-bg .back-button-wrapper {
    width: 100%;
    padding-bottom: 15px;
    border-bottom: 1px solid #e0e0e0;
    text-align: left; /* Sola yaslanmış */
}

/* Menü seviyesi 2 - Alt menü için tek sütun (alt alta) */
.tp-megamenu-wrapper.megamenu-white-bg .tp-menu-level-2 {
    display: grid;
    grid-template-columns: 1fr; /* Tek sütun - alt alta */
    grid-auto-flow: row; /* Row sıralama - normal sıralama */
    opacity: 1;
    transform: translateX(0);
    pointer-events: all;
    align-items: start; /* Üstten hizala */
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%;
}

/* Alt menü öğeleri - tek sütun için tam genişlik */
.tp-megamenu-wrapper.megamenu-white-bg .tp-menu-level-2 li {
    padding: 0;
    margin: 0;
    height: auto; /* Yükseklik otomatik */
    width: 100%; /* Tek sütun için tam genişlik */
}

/* Alt menü aktif olduğunda - ana menüyü gizle */
.tp-megamenu-wrapper.megamenu-white-bg .tp-menu-level-1.hide-menu {
    opacity: 0;
    transform: translateX(20px);
    pointer-events: none;
}

/* Eski back-button class'ı artık kullanılmıyor - yeni yapı için back-button-wrapper kullanılıyor */

.tp-megamenu-wrapper.megamenu-white-bg .back-to-parent {
    color: #2c3e50;
    font-weight: 700; /* Bold */
    text-decoration: none;
    cursor: pointer;
}

.tp-megamenu-wrapper.megamenu-white-bg .back-to-parent:hover {
    opacity: 0.7;
}

/* Alt menü öğeleri için stil */
.tp-megamenu-wrapper.megamenu-white-bg .tp-menu-level-2 li {
    animation: fadeInRight 0.4s ease;
}

.tp-megamenu-wrapper.megamenu-white-bg .tp-menu-level-2 li:nth-child(1) {
    animation-delay: 0.05s;
}
.tp-megamenu-wrapper.megamenu-white-bg .tp-menu-level-2 li:nth-child(2) {
    animation-delay: 0.1s;
}
.tp-megamenu-wrapper.megamenu-white-bg .tp-menu-level-2 li:nth-child(3) {
    animation-delay: 0.15s;
}
.tp-megamenu-wrapper.megamenu-white-bg .tp-menu-level-2 li:nth-child(4) {
    animation-delay: 0.2s;
}
.tp-megamenu-wrapper.megamenu-white-bg .tp-menu-level-2 li:nth-child(5) {
    animation-delay: 0.25s;
}
.tp-megamenu-wrapper.megamenu-white-bg .tp-menu-level-2 li:nth-child(6) {
    animation-delay: 0.3s;
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.dgm-footer-bg::after {
    background-color: #323a41 !important;
}

.dgm-footer-widget-social a:hover {
    border-color: #ffffff;
    background-color: #ffffff;
}

.dgm-footer-widget-menu ul li a:hover {
    color: #ffffff;
}

.tp-copyright-2-middle a:hover {
    color: #ffffff;
}


.tp-megamenu-wrapper.megamenu-white-bg .tp-megamenu-list ul::after {
    background-color: transparent !important;
}




/* Header 2 CSS */
#header-black-text > nav > ul > li > a {
    color: black !important;
}


#header-black-text nav ul li.has-dropdown::after {
    color: black !important;
}

#header-black .tp-header-lang a.active {
    color: black !important;
}

#header-black .tp-header-lang a {
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    display: inline-block;
    color: rgba(0, 0, 0, 0.6);
}

#header-black .tp-header-bar button i {
    background-color: #000000;
}

/* Header 2 CSS */


@media screen and (min-width: 1200px) {
    #iletisim-menu {
        margin-right: 125px;
    }
    
    #medya-menu {
        margin-right: 220px;
    }
    
}


/* Responsive Düzenlemeler Yeni  */

@media (min-width: 1200px) and (max-width: 1400px) {
    #header-sticky .container {
        max-width: 1750px;
    }
}

@media (min-width: 1200px) and (max-width: 1350px) {

.tp-header-menu > nav > ul > li > a {
    font-size: 15px;
}

    .tp-header-logo img {
    width: 113px !important;
}

}


/* Responsive Düzenlemeler Bitiş  */