/* Genel Navbar Stilleri */
.navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 2rem; /* Geniş ekranlarda daha fazla padding */
    background-color: #fff;
    font-family: 'Urbanist', sans-serif;
    font-size: 16px;
    position: relative; /* Hamburger için gerekli */
    z-index: 1000; /* Menü panelinin üstte görünmesi için */
}

.navbar-logo img {
    height: 70px; /* Geniş ekranlarda logo boyutu */
}

.navbar-menu-desktop {
    display: flex;
    gap: 1rem;
}

.language-switcher-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.separator {
    margin: 0 5px;
}

.language-switcher{
font-family: 'Urbanist', sans-serif;
border: none;
background-color: #fff ;
font-size: 16px;
}


.navbar-links {
    list-style: none;
    display: flex;
    gap: 1rem;
    margin: 0;
    padding: 0;
}

.navbar-links li, .language-switcher {
    position: relative;
    text-transform: none;
}

.language-button {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 16px;
      font-weight: 600;
    font-family: 'Urbanist';
}

.navbar-links a, .language-switcher {
    text-decoration: none;
    color: #101010;
    font-weight: 600;
}

.navbar-links a:hover, .language-switcher:hover {
    color: rgb(65, 64, 64);
    font-weight: bolder;
    cursor: pointer;
}

/* Dropdown Menü Stil Ayarları */
.dropdown-menu {
    display: none; /* Başlangıçta gizle */
    flex-wrap: wrap;
    gap: 1rem;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    width: 550px;
    padding: 1rem;
}

.navbar-links li:hover .dropdown-menu {
    display: flex; /* Hover yapıldığında göster */
}

/* Hizmetler grid düzeni */
.services-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* İki sütun düzeni */
    gap: 2rem; /* Sütunlar arasındaki boşluk */
}

.service-item {
    display: flex;
    flex-direction: column; /* Dikey düzenleme */
}

.service-item ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* İki sütun düzeni */
    list-style: none;
    margin: 20px;
    padding: 0;
}

.service-item li {
    display: flex;
    align-items: center;
    text-align: left;
    gap: 0.5rem; /* İkon ile metin arasındaki boşluk */
}

.service-item li:hover {
    background: linear-gradient(45deg, #1D5680, #389EBC);
    border-radius: 6px;
}

.service-item a {
    text-decoration: none;
    color: #000;
    display: block; /* Bağlantıları blok öğesi olarak ayarla */
    padding: 0.5rem; /* Bağlantılar için iç boşluk */
    margin-left: 2px;
}

.service-item a:hover {
    color: #FFFFFF;
    border-radius: 0.25rem;
}

/* Section Header Stil Ayarları */
.section-header {
    display: flex; /* Flex düzenini etkinleştir */
    align-items: center; /* Dikeyde ortala */
    gap: 0.5rem; /* Başlık ile ikon arasındaki boşluk */
}

.header {
    font-size: 1rem; /* Başlık yazı boyutu */
    color: #389EBC;
    margin-top: 2px;
    margin-left: 5px;
    margin-bottom: 5px;
}

.header-icon {
    max-height: 24px; /* İkonun maksimum yüksekliği */
    width: auto; /* İkonun en boy oranını koru */
}

.link-icon {
    padding: 1px;
    margin-right: 2px;
    display: block; /* İkonun görünür olduğundan emin olun */
    max-height: 24px; /* İkon boyutunu kontrol edin */
    width: auto; /* İkonun en boy oranını koruyun */
}

.service-item li:hover .link-icon {
   filter: brightness(0) invert(1); 
}

/* Hamburger Menü Stilleri */
.navbar-hamburger {
    display: none; /* Geniş ekranlarda gizle */
    font-family: 'Urbanist', sans-serif;
}

.hamburger-button {
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 16px;
    width: 20px;
    padding: 0;
}

.hamburger-icon {
    width: 100%;
    height: 3px;
    background-color: #1b1b1b; 
    border-radius: 1px;
}

.side-menu {
    position: fixed;
    top: 0;
    left: -100%; 
    max-width: 80%;
    height: 100%;
    background-color: #fff;
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.3);
    transition: left 0.3s ease-in-out;
    z-index: 999;
    padding: 2rem 1rem;
    overflow-y: auto;
   font-family: 'Urbanist', sans-serif;
}

.side-menu.open {
    left: 0; 
}

.close-button {
    background: none;
    border: none;
    font-size: 2rem;
    cursor: pointer;
    position: absolute;
    top: 1rem;
    right: 1rem;
}

.side-menu-links {
    list-style: none;
    padding: 0;
    margin-top: 3rem;
    font-family: 'Urbanist', sans-serif;
}

.side-menu-links li {
    margin-bottom: 1.5rem;
}

.side-menu-links a {
    text-decoration: none;
    color: #101010;
    font-size: 1.2rem;
    font-weight: 600;
    font-family: 'Urbanist', sans-serif;
}

.side-menu-links a:hover {
    color: rgb(65, 64, 64)}

.side-menu-dropdown ul {
    list-style: none;
    padding-left: 1rem;
    margin-top: 0.5rem;
}

.link-item a:hover{
	color: white!important;
}

.side-menu-dropdown .section-header {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.side-menu-dropdown .header {
    font-size: 1rem;
    color: #389EBC;
    margin: 0;
}

.side-menu-dropdown .link-name {
    font-size: 1rem;
}

.navbar-hamburger {
    display: none;
}

/* Responsive Tasarım */
@media (max-width: 768px) {
    /* Hamburger Menü Görünür Yap */
    .navbar-hamburger {
        display: block;
    }

    /* Logo Ortalanması */
    .navbar-logo {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    /* Desktop Menüyü Gizle */
    .navbar-menu-desktop {
        display: none;
    }
}

@media (max-width: 480px) {
    .navbar-logo img {
        height: 40px; /* Daha küçük logo boyutu */
    }

    .side-menu-links a {
        font-size: 1rem;
    }
}