.header {
    background-color: rgba(255, 255, 255, 0.95) !important;
    border-bottom: none !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
}

.header .navbar {
    padding: 1rem 0 !important;
}

.header .logo-white {
    opacity: 0 !important;
}

.header .logo-dark {
    opacity: 1 !important;
}

.header .navbar-brand {
    height: auto !important;
}

.header .nav-link {
    color: var(--dark-color) !important;
}

.header .nav-link:hover {
    color: var(--accent-color) !important;
}

.header .search-btn,
.header .phone-number {
    color: var(--dark-color) !important;
}

.header .language-selector {
    border-color: var(--dark-color) !important;
    color: var(--dark-color) !important;
}

.header .language-selector a.active {
    color: var(--dark-color) !important;
}

.header .language-selector a.active::after {
    background-color: var(--dark-color) !important;
}

.header .language-selector {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
}

.header .language-selector .form-select{
    color: var(--dark-color) !important;
    border-color: rgba(0, 0, 0, 0.2) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234A3C31' d='M2.293 4.293a1 1 0 0 1 1.414 0L6 6.586l2.293-2.293a1 1 0 1 1 1.414 1.414l-3 3a1 1 0 0 1-1.414 0l-3-3a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E") !important;
}

.header .language-selector a {
    color: var(--dark-color) !important;
}

.header .language-selector span {
    color: var(--dark-color) !important;
}

.header .language-selector a:hover {
    color: var(--accent-color) !important;
}


.header .language-selector select {
    color: var(--dark-color) !important;
}

.header .language-selector option {
    background-color: var(--white) !important;
    color: var(--dark-color) !important;
}

/* Scroll durumunda renk değişimi */
.header .navbar-toggler span {
    background-color: var(--dark-color) !important;
}

.header .nav-link,
.header .search-btn,
.header .phone-number,
.header .language-selector {
    text-shadow: none !important;
}





.header .callback-btn {
    color: var(--dark-color) !important;
    border-color: rgba(0, 0, 0, 0.3) !important;
    text-shadow: none !important;
}

@media (max-width: 991.98px) {
    .header .callback-btn {
        color: var(--white) !important;
        border-color: rgba(255, 255, 255, 0.3) !important;
        text-shadow: none !important;
    }

    .header .callback-btn:hover {
        background-color: var(--white) !important;
        color: var(--dark-color) !important;
        border-color: var(--white) !important;
    }
}

.header .callback-btn::before,
.header .callback-btn::after {
    border-color: rgba(0, 0, 0, 0.1) !important;
}

.header .callback-btn:hover {
    background-color: var(--dark-color) !important;
    color: var(--white) !important;
    border-color: var(--dark-color) !important;
}

.header .social-icon {
    color: var(--dark-color) !important;
    text-shadow: none !important;
}

.header .social-icon:hover {
    color: var(--accent-color) !important;
}


.header .nav-link,
.header .navbar-brand {
    color: var(--dark-color) !important;
}

.header .navbar-toggler span {
    background-color: var(--dark-color) !important;
}

.header .callback-btn {
    color: var(--dark-color) !important;
    border-color: rgba(0, 0, 0, 0.3) !important;
    text-shadow: none !important;
}

.header .callback-btn:hover {
    background-color: var(--dark-color) !important;
    color: var(--white) !important;
    border-color: var(--dark-color) !important;
}

@media (max-width: 991.98px) {

    .header .language-selector .form-select{
        color: var(--white) !important;
        border-color: rgba(255, 255, 255, 0.3) !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M2.293 4.293a1 1 0 0 1 1.414 0L6 6.586l2.293-2.293a1 1 0 1 1 1.414 1.414l-3 3a1 1 0 0 1-1.414 0l-3-3a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E") !important;
    }

    /* Hamburger ikonunun scroll durumunda siyah kalması */
    .header .navbar-toggler-icon,
    .header .navbar-toggler-icon::before,
    .header .navbar-toggler-icon::after {
        background-color: var(--dark-color) !important;
    }

    /* Diğer menü öğelerinin beyaz kalması */
    .header .nav-link,
    .header .search-btn,
    .header .phone-number,
    .header .language-selector {
        color: var(--white) !important;
    }

    /* Hamburger ikonunun scroll durumunda siyah kalması */
    .header.scrolled .navbar-toggler-icon,
    .header.scrolled .navbar-toggler-icon::before,
    .header.scrolled .navbar-toggler-icon::after {
        background-color: var(--light-color);
    }

    /* Diğer menü öğelerinin beyaz kalması */
    .header.scrolled .nav-link,
    .header.scrolled .search-btn,
    .header.scrolled .phone-number,
    .header.scrolled .language-selector {
        color: var(--white) !important;
    }

    .header .navbar-toggler[aria-expanded="true"] span {
        background-color: var(--light-color) !important;
    }

    .header .callback-btn {
        color: var(--white) !important;
        border-color: rgba(255, 255, 255, 0.3) !important;
        text-shadow: none !important;
    }

    .header .callback-btn:hover {
        background-color: var(--white) !important;
        color: var(--dark-color) !important;
        border-color: var(--white) !important;
    }

    .header .language-selector {
        background-color: rgba(255, 255, 255, 0.1) !important;
        color: var(--white) !important;
        border-color: rgba(0, 0, 0, 0.1) !important;
    }

    .header .language-selector a {
        color: var(--white) !important;
    }

    .header .language-selector span {
        color: var(--white) !important;
    }

    .header .language-selector select {
        color: var(--white) !important;
    }

    .header.scrolled .language-selector select {
        color: var(--white) !important;
    }

    .header .social-icon {
        color: var(--white) !important;
    }

    .header .social-icon:hover {
        color: var(--white) !important;
    }

}