/* ===========================================================================
   Başlıktaki hesap menüsü
   ---------------------------------------------------------------------------
   Açılır menünün davranışı `bundle.js` içindeki `openDrop/closeDrop` ile
   yönetiliyor; sınıf adları (`.account-drop`, `.drop-menu`, `.drop-menu-inner`,
   `.drop-menu-item`) korunmuştur — burada yalnızca görünüm tanımlanır.
   =========================================================================== */

:root {
    --nu-panel: #121414;
    --nu-line: #1f2222;
    --nu-text: #e9eded;
    --nu-muted: #9aa1a1;
    --nu-dim: #767d7d;
    --nu-accent: #f37a52;
}

/* ---------------------------------------------------------------------------
   Tetikleyici — avatar + ad + ok
   --------------------------------------------------------------------------- */
.account-drop { position: relative; }

.account-drop > button {
    display: inline-flex !important;
    align-items: center;
    gap: .55rem;
    /* Arama ve sepet düğmeleriyle aynı yükseklik (bkz. navbar-pro.css). */
    height: 40px;
    padding: 0 .55rem 0 .25rem;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 999px;
    background: rgba(255, 255, 255, .04);
    -webkit-backdrop-filter: blur(12px) saturate(140%);
    backdrop-filter: blur(12px) saturate(140%);
    cursor: pointer;
    transition: border-color .25s ease, background .25s ease;
}
.account-drop > button:hover,
.account-drop > button:focus-visible {
    border-color: rgba(243, 122, 82, .55);
    background: rgba(243, 122, 82, .1);
}
.account-drop > button:focus-visible { outline: 2px solid var(--nu-accent); outline-offset: 2px; }

/* DİKKAT: main.css'te `…menu-inner .right .account-drop > button` seçicisi
   (0,6,1) `background:none; border:0; padding:0` diyor ve yukarıdaki (0,1,1)
   kuralı eziyordu — hesap düğmesi çıplak kalıyor, yanındaki arama ve sepet
   daireleriyle aynı dili konuşmuyordu. Aynı özgüllükte, daha sonra yüklenen
   bir kuralla geri alınıyor. */
.main-navigation-light .main-navigation--menu .main-navigation--menu-inner .right .account-drop > button {
    height: 40px;
    padding: 0 .55rem 0 .25rem;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 999px;
    background: rgba(255, 255, 255, .05);
    -webkit-backdrop-filter: blur(12px) saturate(150%);
    backdrop-filter: blur(12px) saturate(150%);
}
.main-navigation-light .main-navigation--menu .main-navigation--menu-inner .right .account-drop > button:hover,
.main-navigation-light .main-navigation--menu .main-navigation--menu-inner .right .account-drop > button:focus-visible {
    border-color: rgba(243, 122, 82, .75);
    background: rgba(243, 122, 82, .18);
}

/* Bulma'nın `is-pulled-left` yüzenleri esnek kutuda gereksiz. */
.account-drop > button .image {
    float: none !important;
    display: block;
    width: 32px !important;
    height: 32px !important;
    margin: 0;
    flex: 0 0 auto;
}
.account-drop > button .image img {
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid rgba(255, 255, 255, .18);
}
.account-drop-name {
    float: none !important;
    padding: 0 !important;
    color: var(--nu-text) !important;
    font-size: .88rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.01em;
    white-space: nowrap;
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.account-drop-caret {
    flex: 0 0 auto;
    width: 15px;
    height: 15px;
    fill: none;
    stroke: var(--nu-dim);
    stroke-width: 2.2;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform .25s ease, stroke .25s ease;
}
.account-drop > button:hover .account-drop-caret { stroke: var(--nu-text); }

/* ---------------------------------------------------------------------------
   Açılır menü
   --------------------------------------------------------------------------- */
.account-drop .drop-menu {
    position: absolute;
    right: 0;
    top: calc(100% + .6rem);
    z-index: 60;
    min-width: 272px;
}
/* DİKKAT — ÖZGÜLLÜK.
   main.css içinde şu seçici var:
     .main-navigation-light .main-navigation--menu .main-navigation--menu-inner
       .right .account-drop .drop-menu .drop-menu-inner { background: rgb(34,35,36) }
   Yedi sınıflık bu zincir aşağıdaki iki sınıflık kuralı eziyordu: zemin
   tamamen OPAK kalıyor, backdrop-filter uygulanıyor ama arkasını hiç
   göremediği için panel düz görünüyordu. Buzlu görünüm hiç ortaya çıkmıyordu.
   Aynı uzunlukta bir seçici aşağıda tekrarlanıyor; nav-ui.css main.css'ten
   sonra yüklendiği için eşit özgüllükte sıralama kazanıyor. */
.main-navigation-light .main-navigation--menu .main-navigation--menu-inner
  .right .account-drop .drop-menu .drop-menu-inner {
    padding: .45rem;
    border-radius: 1rem;
    border: 1px solid var(--nu-line);
    background: rgba(16, 19, 19, .72);
    -webkit-backdrop-filter: blur(26px) saturate(160%);
            backdrop-filter: blur(26px) saturate(160%);
    box-shadow: 0 30px 70px -34px rgba(0, 0, 0, .95);
    height: auto;
    width: auto;
}

.account-drop .drop-menu-inner {
    padding: .45rem;
    border-radius: 1rem;
    border: 1px solid var(--nu-line);
    /* Arama penceresiyle aynı buzlu görünüm: zemin daha saydam olduğu için
       arkadaki içerik bulanıklaşarak geçer. %92 opaklıkta panel neredeyse
       düz duruyordu. */
    background: rgba(16, 19, 19, .78);
    -webkit-backdrop-filter: blur(26px) saturate(160%);
    backdrop-filter: blur(26px) saturate(160%);
    box-shadow: 0 30px 70px -34px rgba(0, 0, 0, .95);
}

/* Menü başı — kim olarak giriş yapıldığı */
.drop-menu-head {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .7rem .75rem .8rem;
    margin-bottom: .35rem;
    border-bottom: 1px solid var(--nu-line);
}
.drop-menu-head img {
    width: 40px; height: 40px;
    flex: 0 0 auto;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid #2b2f2f;
}
.drop-menu-head-meta { min-width: 0; }
.drop-menu-head-name {
    display: block;
    color: #fff;
    font-size: .9rem;
    font-weight: 700;
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.drop-menu-head-sub {
    display: block;
    margin-top: .12rem;
    color: var(--nu-dim);
    font-size: .72rem;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Menü öğeleri */
.account-drop .drop-menu-item {
    display: flex !important;
    align-items: center;
    gap: .6rem;
    padding: .58rem .75rem !important;
    border-radius: .6rem;
    color: var(--nu-muted) !important;
    font-size: .86rem;
    font-weight: 600;
    line-height: 1.3;
    transition: background .2s ease, color .2s ease;
}
.account-drop .drop-menu-item:hover {
    background: rgba(255, 255, 255, .06);
    color: #fff !important;
}
.account-drop .drop-menu-item svg,
.account-drop .drop-menu-item .feather-16 {
    width: 17px !important;
    height: 17px !important;
    flex: 0 0 auto;
    margin: 0 !important;
    color: var(--nu-dim);
    transition: color .2s ease;
}
.account-drop .drop-menu-item:hover svg { color: #ffbe9c; }

/* Bulunduğunuz sayfa — hover'dan AYIRT EDİLEBİLİR olmalı: hover soluk beyaz
   bir zemin, aktif ise marka rengiyle boyalı ve solunda bir işaret taşıyor.
   İkisi aynı görünseydi menüde gezerken hangisinin gerçekten açık olduğu
   kaybolurdu. Kontrast #ffd0ae/#141717 = 13,1:1. */
.account-drop .drop-menu-item.is-active {
    background: linear-gradient(96deg, rgba(253, 168, 113, .16), rgba(243, 122, 82, .14));
    color: #ffd0ae !important;
    font-weight: 700;
}
.account-drop .drop-menu-item.is-active svg { color: #ffbe9c; }
/* Soldaki ince işaret: renk tek başına bilgi taşımasın. */
.account-drop .drop-menu-item.is-active::before {
    content: "";
    position: absolute;
    left: .18rem;
    width: 3px;
    height: 1.15rem;
    border-radius: 999px;
    background: linear-gradient(180deg, #fda871, #f37a52);
}
/* `::before` mutlak konumlandığı için öğenin kendisi referans olmalı. */
.account-drop .drop-menu-item { position: relative; }

/* "Yeni" rozeti */
.account-drop .drop-menu-item .tag {
    height: auto !important;
    margin-left: auto;
    padding: .2rem .5rem !important;
    border-radius: 999px !important;
    background: rgba(243, 122, 82, .16) !important;
    color: #ffbe9c !important;
    font-size: .62rem !important;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

/* Ayraçlar — iki ucu sönen ince çizgi.
   Ders kahramanındaki `.chero-motto::before` ile aynı dil: düz bir çubuk
   yerine ortada beliren, uçlara doğru kaybolan bir hat.

   ÖZGÜLLÜK: main.css'te yedi sınıflık
     `.main-navigation-light … .drop-menu .drop-menu-inner hr`
   zinciri `background: rgba(255,255,255,.25)` diyor ve iki sınıflık kuralı
   eziyordu; ayraçlar bu yüzden düz beyaz görünüyordu. Aşağıda aynı uzunlukta
   iki seçici (koyu ve açık gezinme varyantı) tekrarlanıyor. */
.account-drop .drop-menu-inner hr,
.main-navigation .main-navigation--menu .main-navigation--menu-inner
  .right .account-drop .drop-menu .drop-menu-inner hr,
.main-navigation-light .main-navigation--menu .main-navigation--menu-inner
  .right .account-drop .drop-menu .drop-menu-inner hr {
    height: 1px;
    margin: .5rem .3rem;
    border: 0;
    background: linear-gradient(90deg,
        transparent,
        rgba(255, 255, 255, .22) 20%,
        rgba(255, 255, 255, .22) 80%,
        transparent);
}

/* "Yeni" rozeti — Bulma'nın `.tag.is-danger` varsayılanı #e62965, yani
   markanın dışında bir kırmızı-pembe. Menü içinde marka turuncusuna alınıyor. */
.account-drop .drop-menu-inner .tag.is-danger,
.main-navigation .main-navigation--menu .main-navigation--menu-inner
  .right .account-drop .drop-menu .drop-menu-inner .tag.is-danger,
.main-navigation-light .main-navigation--menu .main-navigation--menu-inner
  .right .account-drop .drop-menu .drop-menu-inner .tag.is-danger {
    background: rgba(243, 122, 82, .16);
    border: 1px solid rgba(253, 168, 113, .45);
    color: #ffbe9c;
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    border-radius: 999px;
    padding: 0 .55rem;
}

/* ---------------------------------------------------------------------------
   Kurum Yönetimi — YÖNETİCİ KARTI (yalnız kurum yöneticisi görür).
   Sıradan `.drop-menu-item` satırları arasında kayboluyordu; menüdeki tek
   ayrıcalıklı giriş olduğu için kendi çerçevesini taşıyan bir kart oldu:
   turuncu gradyanlı yuvarlak ikon rozeti (kurum panelinin yuvarlak ikon
   düğmeleriyle aynı dil), başlık + BÜYÜK HARF alt başlık, sağda gezinme oku.
   Kontrast: #ffd0ae ve #fff / koyu zemin ≥ 13:1, alt başlık #ffbe9c ≈ 10:1.
   --------------------------------------------------------------------------- */
.account-drop .drop-menu-kurum {
    position: relative;
    display: flex !important;
    align-items: center;
    gap: .65rem;
    margin: .45rem .15rem;
    padding: .55rem .6rem !important;
    border-radius: .8rem;
    border: 1px solid rgba(253, 168, 113, .35);
    /* Sol üstten sızan turuncu ışık: kart "aydınlatılmış" dursun. */
    background:
        radial-gradient(130% 170% at 0% 0%, rgba(243, 122, 82, .2), transparent 55%),
        rgba(255, 255, 255, .03);
    transition: border-color .2s ease, box-shadow .2s ease;
}
.account-drop .drop-menu-kurum:hover,
.account-drop .drop-menu-kurum:focus-visible {
    border-color: rgba(253, 168, 113, .7);
    box-shadow: 0 12px 28px -16px rgba(243, 122, 82, .8);
}
.drop-menu-kurum-ikon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: linear-gradient(135deg, #fda871, #f37a52);
    /* Üst kenarda kılcal ışık: rozet basılı değil, kabarık okunur. */
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35),
                0 8px 18px -8px rgba(243, 122, 82, .9);
}
.account-drop .drop-menu-kurum .drop-menu-kurum-ikon svg {
    width: 16px;
    height: 16px;
    margin: 0;
    color: #fff;
}
.drop-menu-kurum-meta { flex: 1 1 auto; min-width: 0; }
.drop-menu-kurum-ad {
    display: block;
    color: #fff;
    font-size: .87rem;
    font-weight: 800;
    letter-spacing: -.01em;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.drop-menu-kurum-alt {
    display: block;
    margin-top: .16rem;
    color: #ffbe9c;
    font-size: .6rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    line-height: 1;
}
.drop-menu-kurum-ok {
    flex: 0 0 auto;
    width: 15px;
    height: 15px;
    fill: none;
    stroke: #ffbe9c;
    stroke-width: 2.2;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform .2s ease, stroke .2s ease;
}
.account-drop .drop-menu-kurum:hover .drop-menu-kurum-ok,
.account-drop .drop-menu-kurum:focus-visible .drop-menu-kurum-ok {
    transform: translateX(3px);
    stroke: #ffd0ae;
}
/* Kurum panelindeyken kart zaten "buradasın" der: çerçeve ve zemin koyulaşmaz,
   parlar — solda ayrıca işaret çubuğuna gerek yok, kartın kendisi işaret. */
.account-drop .drop-menu-kurum.is-active {
    border-color: rgba(253, 168, 113, .6);
    background:
        radial-gradient(130% 170% at 0% 0%, rgba(243, 122, 82, .3), transparent 60%),
        rgba(243, 122, 82, .08);
}

/* Çıkış — ayrışsın.
   Eski ton #ff9d8a somon-kırmızıya kaçıyordu ve logodaki turuncuyla aynı
   aileden değildi; marka turuncusunun açık ucuna alındı. */
.account-drop .drop-menu-item.is-logout { color: #fda871 !important; }
.account-drop .drop-menu-item.is-logout svg { color: #fda871; }
.account-drop .drop-menu-item.is-logout:hover {
    background: rgba(243, 122, 82, .14);
    color: #ffd0ae !important;
}
.account-drop .drop-menu-item.is-logout:hover svg { color: #ffd0ae; }

@media screen and (max-width: 1023px) {
    .account-drop > button { padding: 0 .35rem; }
    .account-drop .drop-menu { min-width: 240px; }
}
/* Mobilde arama ve sepet 36px'e iniyor (navbar-pro.css); hesap düğmesi de
   aynı yüksekliğe çekilmeli. Yukarıdaki uzun seçiciyi ezmek için aynı
   özgüllük gerekiyor. */
@media screen and (max-width: 768px) {
    .main-navigation-light .main-navigation--menu .main-navigation--menu-inner .right .account-drop > button {
        height: 36px;
        padding: 0 .45rem 0 .2rem;
    }
    .account-drop > button .image,
    .account-drop > button .image img { width: 28px !important; height: 28px !important; }
}
@media (prefers-reduced-motion: reduce) and (prefers-reduced-motion: no-preference) /* ETKİSİZ: hareket azaltma yok sayılıyor */ {
    .account-drop > button, .account-drop-caret,
    .account-drop .drop-menu-item, .account-drop .drop-menu-item svg { transition: none; }
}