/* ============================================
   Header Fixes - Tum Sayfalarda Tutarli Davranis
   Tarih: 2026-02-10
   ============================================ */

/* 1. Font Tutarliligi - Jost font standardi (iconlar HARIC) */
.topbar,
.topbar a, .topbar span, .topbar h2, .topbar li,
.header,
.header a, .header span, .header h5, .header li, .header div,
.loginmenu,
.loginmenu a, .loginmenu span, .loginmenu .name, .loginmenu .mail {
    font-family: 'Jost', sans-serif !important;
}

/* FontAwesome iconlari icin font-family korunmali */
.header i.fas,
.header i.far,
.header i.fa,
.header i.fab,
.loginmenu i.fas,
.loginmenu i.far,
.loginmenu i.fa,
.loginmenu i.fab {
    font-family: "Font Awesome 5 Free" !important;
}

.header i.far,
.loginmenu i.far {
    font-weight: 400 !important;
}

.header i.fas,
.header i.fa,
.loginmenu i.fas,
.loginmenu i.fa {
    font-weight: 900 !important;
}

.header i.fab,
.loginmenu i.fab {
    font-family: "Font Awesome 5 Brands" !important;
}

/* 2. Loginmenu Icon Gorunumu - KRITIK FIX */
.header .right .loginmenu ul li a i,
.header .right .loginmenu .center ul li a i {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-right: 10px !important;
    color: #0157d2 !important;
    background: #e8f0fb !important;
    width: 25px !important;
    height: 25px !important;
    border-radius: 50% !important;
    float: left !important;
    font-size: 12px !important;
}

/* Icon hover efekti */
.header .right .loginmenu ul li a:hover i {
    color: #fff !important;
    background: rgba(255,255,255,0.2) !important;
}

/* Cikis butonu ozel renk */
.header .right .loginmenu .center ul:last-child li:last-child a i {
    color: #6a0000 !important;
    background: rgba(106, 0, 0, 0.1) !important;
}

/* 3. Dropdown Konumlanma - Sag tarafa hizalama */
.header .right .loginmenu {
    position: absolute !important;
    width: 300px !important;
    right: 0 !important;
    left: auto !important;
    max-width: calc(100vw - 30px) !important;
}

/* Dropdown ok isareti saga hizalama */
.header .right .loginmenu:before {
    right: 20px !important;
    left: auto !important;
    transform: rotate(45deg) !important;
}

/* 4. Responsive Duzeltmeler */
@media screen and (max-width: 1024px) {
    .header .right .loginmenu {
        width: calc(100vw - 30px) !important;
        max-width: 300px !important;
        right: 15px !important;
    }
}

@media screen and (max-width: 768px) {
    .header .right .loginmenu {
        right: 15px !important;
    }

    .header .right .loginmenu:before {
        right: 50% !important;
        transform: translateX(50%) rotate(45deg) !important;
    }
}