/* 0tuz.com ortak üst menü (ust_menu.php). Bootstrap'lı ana sayfayla çakışmasın diye um- önekli. */
.um-nav { position: sticky; top: 0; z-index: 1030; background: rgba(255, 255, 255, 0.04); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
          border-bottom: 1px solid rgba(255, 255, 255, 0.08); padding: .9rem 0; font-family: 'Plus Jakarta Sans', sans-serif; }
.um-kap { max-width: 1140px; margin: 0 auto; padding: 0 16px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.um-logo img { height: 45px; width: auto; display: block; transition: transform .3s; }
.um-logo:hover img { transform: scale(1.05); }
.um-panel { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
.um-satir { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; justify-content: flex-end; }
.um-oge, .um-dil { display: inline-flex; align-items: center; gap: 7px; padding: 4px 8px; border-radius: 10px; color: #9fb0d1 !important;
                   text-decoration: none !important; font-weight: 500; font-size: .95rem; white-space: nowrap; transition: color .3s, background .3s; }
.um-oge i { font-size: 1.05rem; }
.um-oge:hover, .um-oge.aktif, .um-dil:hover, .um-dil.aktif { color: #fff !important; }
.um-oge.aktif { background: rgba(81, 133, 207, .18); }
.um-ayrac { color: rgba(255, 255, 255, 0.18); padding: 0 2px; user-select: none; }
.um-diller { gap: 2px; }
.um-dil { font-size: .8rem; font-weight: 600; padding: 2px 6px; letter-spacing: .5px; }
.um-bayrak { width: 20px; height: 14px; border-radius: 3px; display: block; box-shadow: 0 0 0 1px rgba(255, 255, 255, .15); }
.um-dil:not(.aktif) .um-bayrak { opacity: .7; }
.um-ac { display: none; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .1); color: #fff; width: 44px; height: 40px;
         border-radius: 12px; font-size: 1.5rem; line-height: 1; cursor: pointer; }
@media (max-width: 860px) {
    .um-kap { flex-wrap: wrap; }
    .um-ac { display: inline-flex; align-items: center; justify-content: center; }
    .um-logo img { height: 38px; }
    .um-panel { display: none; width: 100%; padding-top: 8px; }
    .um-nav.acik .um-panel { display: flex; }
    .um-satir { flex-direction: column; align-items: flex-end; gap: 2px; width: 100%; }
    .um-satir .um-ayrac { display: none; }
    .um-oge { padding: 9px 12px; font-size: 1rem; }
    .um-diller { flex-direction: row; justify-content: flex-end; gap: 6px; padding-top: 6px; border-top: 1px solid rgba(255, 255, 255, .08); }
    .um-diller .um-ayrac { display: inline; }
}