/* v14 — pref portal panel: topbar drop ile aynı görünüm, animasyon yok (deploy-marker: yon-pref-drop-v14) */

/* Topbar içindeki yerel panel gizli — JS paneli body'ye taşır */
.yon-site-topbar .yon-pref-drop--topbar > .yon-pref-drop__panel:not(.yon-pref-drop__panel--portal) {
    display: none !important;
}

/* Portal panel — anında açılır, fade/slide yok */
.yon-pref-drop__panel.yon-pref-drop__panel--portal {
    display: none;
    position: fixed !important;
    flex-direction: column;
    gap: 2px;
    min-width: 196px;
    max-width: min(280px, calc(100vw - 16px));
    padding: 6px;
    margin: 0;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: #1c2030;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.45);
    z-index: 10200 !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
    will-change: auto;
}

.yon-pref-drop__panel.yon-pref-drop__panel--portal.is-visible,
.yon-pref-drop__panel.yon-pref-drop__panel--portal.yon-pref-drop__panel--open,
.yon-pref-drop.is-open .yon-pref-drop__panel.yon-pref-drop__panel--portal {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
}

/* yon-topbar.css opacity/transform geçişlerini devre dışı bırak */
.yon-pref-drop__panel--portal,
.yon-pref-drop__panel--portal.is-visible,
.yon-pref-drop__panel--portal.yon-pref-drop__panel--open {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
}

/* Menü öğeleri — yon-topbar-drop / header-ref ile aynı */
.yon-pref-drop__panel--portal .yon-pref-drop__item {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 9px 10px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #fff;
    font-size: 12.5px;
    font-weight: 500;
    text-align: left;
    cursor: pointer;
    font-family: inherit;
    white-space: nowrap;
    line-height: 1.2;
    pointer-events: auto !important;
    touch-action: manipulation;
    transition: background 0.12s ease;
}

.yon-pref-drop__panel--portal .yon-pref-drop__item img {
    border-radius: 2px;
    flex-shrink: 0;
    object-fit: cover;
}

.yon-pref-drop__panel--portal .yon-pref-drop__item:hover {
    background: #25293d;
}

.yon-pref-drop__panel--portal .yon-pref-drop__item.is-active {
    background: rgba(255, 255, 255, 0.06);
}

.yon-pref-drop__panel--portal .yon-pref-drop__item strong {
    min-width: 34px;
    font-weight: 700;
    font-size: 11px;
    letter-spacing: 0.04em;
    color: #fff;
}

.yon-pref-drop__panel--portal .yon-pref-drop__item span {
    flex: 1;
    color: color-mix(in srgb, #fff 72%, #9ca3af);
    font-weight: 500;
}

.yon-pref-drop__panel--portal .yon-pref-drop__item .ri-check-line {
    margin-left: auto;
    color: var(--h-blue, #667afa);
    font-size: 14px;
    flex-shrink: 0;
}

/* Overlay z-index */
body.yon-pref-overlay-open .yon-shell.yon-shell--header-corp .yon-site-header {
    z-index: calc(var(--yn-overlay-wrap, 10060) + 10) !important;
}

body.yon-pref-overlay-open .yon-pref-drop__panel--portal.is-visible,
body.yon-pref-overlay-open .yon-shell.yon-shell--header-corp .yon-site-topbar .yon-pref-drop.is-open .yon-pref-drop__panel,
.yon-pref-drop__panel.yon-pref-drop__panel--open {
    z-index: 10200 !important;
}