/* Corporate Elegant Header Navigation Redesign - Stable Version */
.nav-head {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

body:not(.dark) .nav-head {
    background-color: rgba(255, 255, 255, 0.85) !important;
    background-blend-mode: screen !important;
}

body.dark .nav-head {
    background-color: rgba(15, 23, 42, 0.75) !important;
    background-blend-mode: overlay !important;
}

@media (min-width: 992px) {
    .nav-head .NavListArea {
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 1;
    }

    /* Solid subtle background for the menu container */
    .nav-head .NavList {
        background: rgba(244, 246, 250, 0.95);
        border: 1px solid rgba(230, 235, 245, 1);
        border-radius: 40px;
        padding: 4px 10px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
        display: flex;
        align-items: center;
        gap: 2px;
        margin: 0;
    }

    body.dark .nav-head .NavList {
        background: rgba(22, 25, 37, 0.95);
        border: 1px solid rgba(255, 255, 255, 0.1);
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    }

    .nav-head .NavList .navitem {
        margin: 0;
        padding: 0;
    }

    /* Bold links with subtle padding */
    .nav-head .NavList .navitem .navlink {
        padding: 10px 20px !important;
        font-weight: 700 !important;
        /* Daha Bold */
        font-size: 15px;
        color: #2D3748;
        border-radius: 30px;
        transition: none !important;
        /* Hover hareketleri iptal */
    }

    body.dark .nav-head .NavList .navitem .navlink {
        color: #F7FAFC;
    }

    /* Static background for active or slight hover without breaking things */
    .nav-head .NavList .navitem:hover .navlink,
    .nav-head .NavList .navitem.active .navlink {
        background: rgba(0, 0, 0, 0.05);
        /* very subtle */
        color: #1A202C !important;
    }

    body.dark .nav-head .NavList .navitem:hover .navlink,
    body.dark .nav-head .NavList .navitem.active .navlink {
        background: rgba(255, 255, 255, 0.1);
        color: #ffffff !important;
    }
}