/* Navigasyon hesap alanı (resources/views/partials/nav-account.blade.php). Sitenin .nav-lang menüsüyle aynı dil. */

.nav-account { position: relative; display: flex; align-items: center; }
.nav-account [hidden] { display: none !important; }

.nav-profile { position: relative; }
.nav-profile summary {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 12px 4px 4px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, .12);
  background: rgba(255, 255, 255, .06);
  color: rgba(245, 241, 234, .85);
  cursor: pointer;
  transition: background .25s, border-color .25s;
}
.nav-profile summary::-webkit-details-marker { display: none; }
.nav-profile summary::after {
  content: "";
  width: 6px;
  height: 6px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg);
  margin-top: -3px;
  transition: transform .2s;
}
.nav-profile[open] summary::after { transform: rotate(225deg); margin-top: 3px; }
.nav-profile summary:hover, .nav-profile[open] summary { background: rgba(255, 255, 255, .1); border-color: rgba(167, 139, 250, .35); }
.nav-profile summary:focus-visible { outline: 2px solid #a78bfa; outline-offset: 3px; }

.nav-avatar {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: linear-gradient(135deg, #7c3aed, #a855f7);
  box-shadow: 0 6px 18px -8px rgba(124, 58, 237, .8);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .02em;
}
.nav-avatar--lg { width: 40px; height: 40px; font-size: 14px; flex: none; }

.profile-menu {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 60;
  width: 260px;
  padding: 8px;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, .12);
  background: rgba(7, 6, 32, .94);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  box-shadow: 0 24px 50px -12px rgba(0, 0, 0, .6);
  animation: npMenuIn .18s ease both;
}
@keyframes npMenuIn { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }

.profile-head {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 10px 14px;
  margin-bottom: 6px;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
}
.profile-id { display: flex; flex-direction: column; min-width: 0; }
.profile-id strong, .profile-id span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.profile-id strong { color: #fff; font-size: 14px; font-weight: 600; }
.profile-id span { color: rgba(245, 241, 234, .55); font-size: 12px; }

.nav-profile form { margin: 0; }
.profile-link {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px 12px;
  border: 0;
  border-radius: 10px;
  background: none;
  color: rgba(245, 241, 234, .85);
  font: inherit;
  font-size: 13px;
  text-align: left;
  cursor: pointer;
  transition: background .2s, color .2s;
}
.profile-link svg { width: 18px; height: 18px; flex: none; color: rgba(245, 241, 234, .5); transition: color .2s; }
.profile-link:hover, .profile-link:focus-visible { background: rgba(255, 255, 255, .06); color: #fff; outline: none; }
.profile-link:hover svg { color: #a78bfa; }
.profile-link--danger:hover, .profile-link--danger:focus-visible { color: #ffb4b4; }
.profile-link--danger:hover svg { color: #ffb4b4; }

@media (max-width: 900px) {
  /* nav-links gizlenince dil ve hesap sağa yaslanır */
  .nav .nav-lang { margin-left: auto; }
  .profile-menu { width: min(260px, calc(100vw - 40px)); }
}

@media (prefers-reduced-motion: reduce) {
  .profile-menu { animation: none; }
}