.nav-item {  font-size: 1rem !important;
    height: 60px; /* li öğesinin yüksekliği */
    display: flex;
    align-items: center;


}

.destekbutonu {  font-size: 1rem !important;
    height: 60px; /* li öğesinin yüksekliği */
   padding-top: 17px;
    text-decoration: none; color: black
}




.menubutonu {display: none; }

.navbar-nav {
    flex-direction: row;
    justify-content: center;

}
.nav-item {
    padding: 0 15px;
}
.header-container {
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.btn {border-radius: 20px}
.btn-primary {background: black; border: black}
/* Web görünümü için mega menü stilleri */
.dropdown-menu-mega {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.5s ease, opacity 0.5s ease, transform 0.5s ease;
    transform: translateY(-20px);
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;

    z-index: 1000;
    padding: 1rem;
    border: none;
    background-color: #ffffff;

}
.dropdown-menu-mega.show {
    max-height: 500px; /* Yeterli yüksekliği belirle */
    opacity: 1;
    position: absolute;
    top: 70px;
    transform: translateY(0);
}
.dropdown-menu-mega.hide {
    max-height: 0;
    opacity: 0;
    transform: translateY(-20px);
}

.mega-menus .card {border:solid 1px #f5f5f5
}

.mega-menus a {color:black; text-decoration: none;
    text-align: center; display: block; margin-top: 20px;
}

/* Mobil görünüm için yan menü stilleri */
.offcanvas-body .mobil-megam {
    cursor: pointer;
}
.offcanvas-body .mobil-megam:hover {
    background-color: #ffffff;
}



.mshopbuton {
    margin-top: 250px !important;
    background:#5433eb;
    padding: 15px;
    border-radius: 20px;
    color:white;
    border: none;
}


.offcanvas-mega-menu {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    max-width: 100%;
    background-color: #fff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transform: translateX(100%);
    transition: transform 0.3s ease;
    z-index: 1050;
}
.offcanvas-mega-menu.show {
    transform: translateX(0);

}

/* Header rengi değişikliği */
.header-container {
    transition: background-color 0.5s ease; /* Transition efekti ekliyoruz */
    justify-content: space-between;
}
.header-active {
    background-color: #000000; /* İstediğiniz rengi buraya ekleyin */
}
/* Logo değişimleri */
.logo-dark-active {
    display: none;
}
.logo-light {
    display: block;
}
.header-active .logo-dark-active {
    display: block;
}
.header-active .logo-light {
    display: none;
}

/* Buton renk değişimi */
.btn-primary.active {
    background-color: #ffffff;
    color:black;
    border-color: #ffffff;
}

/* Mega Menü aktif olduğunda nav-link renk değişimi */
.header-active .nav-link {
    color: white;
}

.offcanvas-body a {display: block;  text-align: left;  text-decoration: none; color:black; font-size:1rem }

header {
    transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
    position: sticky;
    top: 0;
    z-index: 1000;
    width: 100%;
    background-color: white; /* Arka plan rengini beyaz yap */
}

.header-hidden {
    transform: translateY(-100%);
}

.logo-dark-active {
    display: none;
}

.dropdown-menu {
    display: none;
    opacity: 0;

    transition: opacity 0.3s ease-in-out;
}

.nav-item.dropdown:hover .dropdown-menu {
    display: block; /* Hover ile görünür */
    opacity: 1; /* Görünürlük artırılır */
}

.custom-dropdown-menu {
    display: none;
    opacity: 0;
    border-radius: 0px;
    border: none;
    transition: opacity 0.3s ease-in-out;
    position: static; /* Varsayılan olarak static */
}

.nav-item.dropdown:hover .custom-dropdown-menu {
    display: block;
    opacity: 1;
    position: absolute; /* Hover durumunda absolute */
    top: 50px; /* Ana menünün hemen altında görünecek şekilde ayarlar */
    left: 0; /* Sol hizalı */
}

.dropdown-submenu .custom-dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
}

.dropdown-menu.show {
    display: block;
    opacity: 1;
}

/* Mega menü için ek stiller */
.dropdown-menu-mega {
    top: 100%;
    width: 100%;
    left: 0;
}

.nav-link.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-left: 0.3em solid transparent;
}

.dropdown-menu .language-option {
    display: flex;
    align-items: center;
}

.dropdown-menu .language-option img {
    margin-right: 5px;
}

.onlineheaderbuton {
    padding: 10px 20px;
    border-radius: 30px;
}

/* Mega menü öğeleri için kart stilleri */


/* XenonDil Menüsü Özelleştirmesi */
.xenondil-dropdown .xenondil-btn {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    border-radius: 30px;
    background-color: #f8f9fa;
    border: 1px solid #ddd;
    transition: background-color 0.3s, border-color 0.3s;
}

.xenondil-dropdown .xenondil-btn:hover {
    background-color: #e9ecef;
    border-color: #bbb;
}

.xenondil-dropdown .xenondil-menu {
    min-width: auto;
    border-radius: 15px;
    padding: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.xenondil-dropdown .xenondil-menu .xenondil-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 15px;
    border-radius: 10px;
    transition: background-color 0.3s;
}

.xenondil-dropdown .xenondil-menu .xenondil-item:hover {
    background-color: #f1f1f1;
}

.xenondil-icon {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    object-fit: cover;
}


.xxmobilmenu ul {
    list-style-type: none;
    padding-left: 0;
}

.xxmobilmenu li {
    margin-bottom: 10px;
}

.xxmobilmenu a {
    display: block;
    padding: 10px 15px;
    color: #000; /* Menü metin rengi */
    text-decoration: none;
    background-color: #f8f9fa; /* Menü arka plan rengi */
    border-radius: 5px;
}

.xxmobilmenu a:hover {
    background-color: #e2e6ea; /* Hover sırasında menü arka plan rengi */
}





@media screen and (max-width: 468px) {
    .offcanvas-body .mobilcanvas a {

        font-size: 1rem;
      
    }
}

/* Mobil Cihazlar (576px veya daha küçük) */
@media only screen and (max-width: 576px) {
    .xenondil-dropdown {
        display: none !important;
    }

    .onlineheaderbuton { display: none !important;}
}

/* Küçük Tabletler ve Büyük Mobil Cihazlar (577px - 768px) */
@media only screen and (min-width: 577px) and (max-width: 768px) {
    .xenondil-dropdown {
        display: none !important;
    }
    .onlineheaderbuton { 
        display: none !important;
    }
    
   
}


.tablet-gizle {display: block;}
.tablet-goster {display: none;}

/* Tabletler (769px - 992px) */
@media only screen and (min-width: 769px) and (max-width: 992px)    {
  
  
    .owl-carousel .item {height: 700px;}
    .owl-carousel .item {
        height: 600px;
        background-size: cover;
        background-position: center;

    }
    .alan {width: 40%; margin-left: 50px;}
    .menualan {display: none; background: #0056b3;}
    .menubutonu {display: block; }
    .smarttag .card .card-body {background-position: center;background-position-x: -500px; }
    .elo .card .card-body {background-position: center;background-position-x: -500px; }
    .baskul .card .card-body {background-position: center;background-position-x: -500px; }
   .tablet-gizle {display: none;}
   .tablet-goster {display: block;}
   .iccard {padding-top: 10px;}
   .tabs::-webkit-scrollbar {
    display: none;/* Yatay scrollbar için yükseklik */
    }

    .kapakfoto {width: 50%; display: block; margin: auto; text-align: center;}
    .elodetay .wall {
        background-size: cover;
    height: 700px;
    background-position-x: -800px;
    }
    .wall h2 {margin-left:50px}
    .wall img {margin-left:50px}
    .wall p {margin-left:50px}
    .wall .btn {margin-left:50px}

    .eloiconlar .row .col-md-3 {width: 60%;}
    .callcenter a {font-size: 1rem;}

}

/* Küçük Masaüstü Bilgisayarlar ve Büyük Tabletler (993px - 1200px) */
@media only screen and (min-width: 993px) and (max-width: 1200px) {
    .xenondil-dropdown {
        display: none !important;
    }
    .onlineheaderbuton { display: none !important;}
  
}

/* Büyük Masaüstü Bilgisayarlar (1201px ve üzeri) */
@media only screen and (min-width: 1201px) {
    /* Stil kurallarınızı buraya yazın */
}

/* Portre Yönü (Dikey Ekranlar) */
@media only screen and (orientation: portrait) {
    /* Stil kurallarınızı buraya yazın */

   
}

/* Manzara Yönü (Yatay Ekranlar) */
@media only screen and (orientation: landscape) {
    /* Stil kurallarınızı buraya yazın */
}

/* Yüksek Çözünürlüklü Ekranlar (Retina Ekranlar) */
@media only screen and (-webkit-min-device-pixel-ratio: 2), 
       only screen and (min-resolution: 192dpi) {
    /* Stil kurallarınızı buraya yazın */
}

/* Özelleştirilmiş Genişlikler (800px - 1000px) */
@media only screen and (min-width: 800px) and (max-width: 1000px) {
    /* Stil kurallarınızı buraya yazın */
}


.cozumcanvas .card {

   background:none;
   border: none;
   height: 160px;
   padding: 0px;
   margin-bottom: 10px;


}

.cozumcanvas .card-body {

   padding:20px;
 
 
 }

.cozumcanvas .card a {

    font-size:1.2rem;
    display: inline-block;
    

}