header{
  position:fixed;top:30px;left:50%;transform:translateX(-50%);
  width:1080px;height:86px;padding:19px 33px;
  display:flex;align-items:center;justify-content:space-between;
  border-radius:16px;background:transparent;box-shadow:none;z-index:999;opacity:1;
  will-change: transform, background-color, box-shadow;
}

.header-logo{
  width:67px; height:34px;
  background:url('/static/images/logo.png') left center / contain no-repeat;
  margin-right:54px; cursor:pointer;
}



.header-nav-links{display:flex;gap:40px}
.header-nav-links a{
  color:#000;text-decoration:none;font-weight:700;letter-spacing:-.42px;transition:color .25s ease;
}
.header-nav-links a.dimmed{color:#9e9e9e}

/* sağ blok → dropdown sağa hizalansın */
.header-content{
  display:flex;align-items:center;gap:16px;position:relative;z-index:1000;
  flex:1;justify-content:flex-end;min-width:0;
}

/* === Avatar (event-mode eski davranış, pürüzsüz geçişler) === */
.header-avatar{
  width:47px;height:47px;border-radius:50%;background:#19171c;
  display:flex;align-items:center;justify-content:center;gap:8px;
  color:#fff;font:800 16px/1 'Manrope';letter-spacing:-.16px;cursor:pointer;
  transition:width .28s cubic-bezier(.22,.61,.36,1),
             border-radius .28s cubic-bezier(.22,.61,.36,1),
             padding .28s cubic-bezier(.22,.61,.36,1),
             transform .18s ease;
  overflow:hidden; /* genişlerken içerik taşmasın */
}
.label-user{display:block}

/* "Bana Ulaş" butonu (underline yok) */
.label-event{
  display:none;background:transparent;border:0;padding:0;margin:0;
  color:#fff;cursor:pointer;font:800 14px/1 'Manrope';
  white-space:nowrap;letter-spacing:-.16px;text-decoration:none !important;
  transition:opacity .15s ease, transform .15s ease;
}
.label-event:hover{ opacity:.92; transform:translateY(-0.5px); }
.label-event:focus{ outline:none; text-decoration:none; }

/* event-mode: kapsayıcı genişler, BB kaybolur, sadece yazı görünür */
.header-avatar.event-mode{
  width:150px;border-radius:10px;padding:0 22px;
  pointer-events:auto;          /* kapsayıcı tıklanmasın */
}
.header-avatar.event-mode .label-user{display:none}
.header-avatar.event-mode .label-event{display:block; pointer-events:auto;} /* sadece yazı tıklanır */

/* Hamburger */
.header-menu-btn{
  width:47px;height:47px;border-radius:50%;background:#19171c;display:flex;align-items:center;justify-content:center;
  cursor:pointer;position:absolute;right:0;opacity:0;transform:scale(.9);pointer-events:none;border:0;
  transition:opacity .18s ease, transform .18s ease;
}
.header-menu-btn svg{stroke:#fff}

/* Dropdown */
.header-dropdown{
  position:absolute; right:0; top:calc(100% + 14px); z-index:1001;
  background:#fff;border-radius:12px;box-shadow:0 6px 12px rgba(0,0,0,.1);
  padding:12px 0;opacity:0;pointer-events:none;min-width:260px;transform-origin: top right;
}

.flag-icon {
  width: 26px;           /* daha büyük bayrak */
  height: 26px;
  border-radius: 50%;
  object-fit: cover;
  margin-right: 8px;     /* metinle arasına küçük boşluk */
  box-shadow: 0 0 0 1px rgba(0,0,0,0.15);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.lang-item:hover .flag-icon {
  transform: scale(1.06);
  box-shadow: 0 0 0 2px rgba(0,0,0,0.12);
}



/* dropdown içi */
.header-dropdown a{
  display:flex;align-items:center;gap:10px;padding:10px 24px;text-decoration:none;color:#000;
  font-size:14px;font-weight:600;transition:background .18s ease;
}
.header-dropdown a:hover{background:#f5f5f5}
.header-dropdown img{width:16px;height:16px}

/* 1080px altı esnet */
@media (max-width:1140px){
  header{width:calc(100% - 40px)}
}

/* Hareket hassasiyeti */
@media (prefers-reduced-motion: reduce){
  .header-avatar, .label-event, .header-menu-btn{ transition:none; }
}