/* ============================================================
   TopBar — 단순 상단바 (TopBar.jsx)
   ============================================================
   HomeScreen의 CPTopBar와는 별개의 컴포넌트.
   현재 미사용 가능성 있으나 디자인 토큰으로 정리해둠.
   ============================================================ */

.cp-topbar {
  position: sticky;
  top: 0;
  z-index: 5;
  padding: 8px 16px 12px;
  background: rgba(12, 12, 18, 0.92);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cp-topbar__left {
  display: flex;
  align-items: center;
  gap: 6px;
}

.cp-topbar__loc {
  display: flex;
  flex-direction: column;
}

.cp-topbar__loc-eyebrow {
  font-size: 10px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.5);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.cp-topbar__loc-text {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}

.cp-topbar__actions {
  display: flex;
  gap: 14px;
  align-items: center;
}

.cp-topbar__action {
  all: unset;
  cursor: pointer;
  position: relative;
  color: #fff;
}

/* 알림 닷 — 작은 버전 (cp-bell-dot은 글로벌이지만 위치만 다름) */
.cp-topbar__bell-dot {
  position: absolute;
  top: -2px;
  right: -2px;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #FF1077;
  box-shadow: 0 0 6px #FF1077;
}