/* SPOMOTIVE public header v4e — PC(1141 이상)는 드롭다운 없이 전 메뉴 노출(11-01 송지훈)
   PC: 로고 | 프로그램 코트 예약 아카데미 프로샵 ｜ 플레이어 PKLE▾ …… [한국어|English] [내 신청] [장바구니] [로그인]
   이전 설명: v4d (메인 4개: 커뮤니티는 개발 중이라 제외, 플레이어는 메뉴 안)
   이전 설명: v4c — 2026-11-01 개선안 3차(송지훈 피드백 반영).
   openplay-header-v3.css · unified-public-shell.css 다음에 불러와서 덮어쓴다. 마크업 ID·data-action 은 v3 그대로.

   PC(≥1141)      : 로고 | 프로그램 코트 예약 아카데미 프로샵 ……… [한국어|English] [내 신청] [장바구니 n] [≡ 메뉴]
   태블릿(901–1140): 같은 한 줄. 언어는 KO|EN, 장바구니는 아이콘만
   모바일(≤900)    : 윗줄 로고 · [KO|EN] [내 신청] [🛒] [≡]  /  아랫줄 메인 네 칸
   메뉴 드롭다운   : 로그인(회원이면 회원정보·로그아웃) → 메뉴(메인 4 + 플레이어) → 내 활동(내 신청 · PKLE)
   회원가입은 상단바에 없다(로그인 창 안의 회원가입 버튼 사용).

   버튼 통일 규칙(.topbar-btn · .topbar-seg): 높이 40, 완전 둥근 모서리, 1px 테두리, 같은 글자 크기·굵기·아이콘 크기,
   같은 hover(노란 테두리) · 현재 위치(노란 테두리+노란 글자) · 키보드 포커스(노란 윤곽선).

   선택자 메모: unified-public-shell.css 가 모바일에서 다섯 단계 선택자 + !important 로 높이·여백을 고정하므로,
   이 파일은 같은 요소를 더 구체적인 선택자(.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"])로 덮어쓴다. */

.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] {
  --tb-yellow: #ffd21e;
  --tb-ink: #0b1118;
  --tb-surface: rgba(16, 25, 34, .985);
  --tb-panel: #121b23;
  --tb-main: rgba(240, 245, 247, .86);
  --tb-text: rgba(240, 245, 247, .9);
  --tb-muted: rgba(235, 242, 246, .56);
  --tb-line: rgba(255, 255, 255, .16);
  --tb-fill: rgba(255, 255, 255, .045);
  --tb-hover-fill: rgba(255, 210, 30, .08);
  --tb-hover-line: rgba(255, 210, 30, .6);
  --tb-focus: rgba(255, 210, 30, .75);
  --tb-ctl: 40px;
  --tb-ctl-font: 13.5px;
  --tb-nav-font: 15.5px;
  --tb-row: 44px;
  min-height: 72px;
  padding: 0 18px !important;
  display: grid !important;
  grid-template-columns: 136px minmax(0, 1fr) auto !important;
  grid-template-areas: "brand nav actions" !important;
  align-items: center !important;
  justify-content: stretch !important;
  gap: 0 14px !important;
  overflow: visible !important;
  border: 1px solid rgba(255, 210, 30, .16);
  border-top: 0;
  border-radius: 0 0 12px 12px;
  background: var(--tb-surface) !important;
  box-shadow: 0 10px 28px rgba(6, 10, 15, .16);
}

.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] [hidden] {
  display: none !important;
}

/* ---------- 로고(홈) ---------- */
.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-brand {
  grid-area: brand;
  width: 136px;
  height: 48px;
  padding: 0;
  display: grid;
  place-items: center start;
  border: 0;
  border-radius: 8px;
  background: transparent;
}

.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-brand:focus-visible {
  outline: 2px solid var(--tb-focus);
  outline-offset: 3px;
}

.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-brand-logo {
  width: 142px;
  height: 46px;
  display: block;
  object-fit: contain;
  object-position: left center;
}

/* ---------- 메인 네 개(탭) ---------- */
.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-nav-row {
  grid-area: nav;
  width: 100%;
  min-width: 0;
  display: flex;
  align-items: center;
}

.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav {
  grid-area: auto;
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  padding: 0 !important;
  display: flex !important;
  align-items: center;
  gap: 4px !important;
  overflow: visible !important;
}

.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav > button {
  position: relative;
  flex: 0 0 auto;
  width: auto !important;
  min-width: max-content !important;
  min-height: var(--tb-row) !important;
  height: var(--tb-row) !important;
  padding: 0 13px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  overflow: visible;
  border: 0 !important;
  border-radius: 10px !important;
  color: var(--tb-main) !important;
  background: transparent !important;
  box-shadow: none !important;
  font-family: inherit;
  font-size: var(--tb-nav-font) !important;
  font-weight: 800 !important;
  line-height: 1;
  letter-spacing: -.015em;
  white-space: nowrap;
}

.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav > button:hover,
.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav > button:focus-visible {
  color: #fff !important;
  background: rgba(255, 255, 255, .07) !important;
}

.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav > button:focus-visible {
  outline: 2px solid var(--tb-focus);
  outline-offset: 2px;
}

.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav > button.active {
  color: #fff !important;
}

.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav > button.active::after {
  content: "";
  position: absolute;
  right: 13px;
  bottom: 6px;
  left: 13px;
  height: 2px;
  border-radius: 999px;
  background: var(--tb-yellow);
}

.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .dot {
  display: none !important;
}

/* 짧은 이름표(KO/EN, Courts, Shop, Bookings)는 좁은 폭에서만 */
.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-label-short {
  display: none;
}

/* ---------- 오른쪽 위: 같은 모양의 버튼 네 개 ---------- */
.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .header-utility.topbar-actions {
  grid-area: actions;
  grid-column: auto;
  grid-row: auto;
  order: 0;
  align-self: center;
  width: auto !important;
  max-width: none !important;
  min-width: 0;
  padding: 0 !important;
  display: flex !important;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: 8px !important;
  overflow: visible !important;
}

.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .topbar-btn,
.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .topbar-seg {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  flex: 0 0 auto !important;
  box-sizing: border-box;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: var(--tb-ctl) !important;
  min-height: var(--tb-ctl) !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center;
  border: 1px solid var(--tb-line) !important;
  border-radius: 999px !important;
  color: var(--tb-text) !important;
  background: var(--tb-fill) !important;
  box-shadow: none !important;
  font-family: inherit;
  font-size: var(--tb-ctl-font) !important;
  font-weight: 750 !important;
  line-height: 1;
  letter-spacing: -.01em;
  white-space: nowrap;
}

.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .topbar-btn {
  gap: 7px !important;
  padding: 0 14px !important;
  overflow: visible;
}

.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .topbar-btn::before,
.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .topbar-btn::after {
  display: none !important;
}

.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .topbar-btn:hover,
.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .topbar-btn:focus-visible,
.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .topbar-btn[aria-expanded="true"] {
  border-color: var(--tb-hover-line) !important;
  color: #fff !important;
  background: var(--tb-hover-fill) !important;
}

/* 현재 위치(내 신청 화면, PKLE 화면일 때 메뉴) = 노란 테두리 + 노란 글자 */
.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .topbar-btn.active,
.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .topbar-btn[aria-current="page"] {
  border-color: var(--tb-yellow) !important;
  color: var(--tb-yellow) !important;
  background: rgba(255, 210, 30, .1) !important;
}

.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .topbar-btn:focus-visible,
.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .topbar-seg button:focus-visible {
  outline: 2px solid var(--tb-focus) !important;
  outline-offset: 2px;
}

.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-icon {
  display: block !important;
  flex: 0 0 auto;
  width: 18px !important;
  height: 18px !important;
}

.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .topbar-btn > span:not(.header-cart-badge):not(.topbar-menu-icon):not(.topbar-account-dot) {
  font-size: var(--tb-ctl-font) !important;
  font-weight: 750 !important;
  line-height: 1;
}

/* 한/영 선택: 버튼과 같은 겉모양 안에 두 칸 */
.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .topbar-seg {
  gap: 2px !important;
  padding: 0 4px !important;
}

.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .topbar-seg button {
  width: auto !important;
  min-width: 0 !important;
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 12px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border: 0 !important;
  border-radius: 999px !important;
  color: var(--tb-muted) !important;
  background: transparent !important;
  box-shadow: none !important;
  font-family: inherit;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
}

.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .topbar-seg button::before,
.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .topbar-seg button::after,
.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .topbar-seg .lang-switch-divider {
  display: none !important;
}

.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .topbar-seg button:hover {
  color: #fff !important;
}

.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .topbar-seg button.active {
  color: var(--tb-ink) !important;
  background: var(--tb-yellow) !important;
}

/* 장바구니 개수: 노란 동그라미 */
.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .header-cart-badge {
  position: static !important;
  top: auto !important;
  right: auto !important;
  min-width: 20px !important;
  height: 20px !important;
  margin: 0 0 0 -1px !important;
  padding: 0 6px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border: 0 !important;
  border-radius: 999px;
  color: var(--tb-ink) !important;
  background: var(--tb-yellow) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1;
}

.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .header-cart-badge:is([hidden], .hidden) {
  display: none !important;
}

.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .header-cart-button.has-items {
  border-color: rgba(255, 210, 30, .55) !important;
}

/* 메뉴 버튼 아이콘(≡ → ✕) */
.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-menu-icon {
  flex: 0 0 auto;
  width: 16px;
  height: 12px;
  background:
    linear-gradient(currentColor, currentColor) 0 0 / 100% 2px no-repeat,
    linear-gradient(currentColor, currentColor) 0 50% / 100% 2px no-repeat,
    linear-gradient(currentColor, currentColor) 0 100% / 100% 2px no-repeat;
  transition: transform .16s ease;
}

.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-more-button[aria-expanded="true"] .topbar-menu-icon {
  background:
    linear-gradient(currentColor, currentColor) 50% 50% / 100% 2px no-repeat,
    linear-gradient(currentColor, currentColor) 50% 50% / 2px 100% no-repeat;
  transform: rotate(45deg);
}

.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-account-dot {
  display: none !important;
}

/* ---------- 메뉴 드롭다운 ---------- */
.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] #mobileMoreMenu[hidden] {
  display: none !important;
}

.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] #mobileMoreMenu:not([hidden]) {
  position: absolute !important;
  z-index: 130;
  top: calc(100% + 8px) !important;
  right: 12px !important;
  bottom: auto !important;
  left: auto !important;
  width: min(420px, calc(100vw - 24px)) !important;
  max-height: min(calc(100dvh - 100px), 640px);
  margin: 0 !important;
  padding: 14px !important;
  display: block !important;
  overflow-y: auto;
  transform: none !important;
  border: 1px solid rgba(255, 255, 255, .12) !important;
  border-radius: 16px !important;
  color: var(--tb-text);
  background: var(--tb-panel) !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .4) !important;
}

/* 계정 영역: 로그인(손님) 또는 회원정보 · 로그아웃(회원) */
.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] #mobileMoreMenu .topbar-sheet-account {
  padding: 2px 0 14px;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] #mobileMoreMenu .header-auth-links#utility {
  width: 100%;
  min-width: 0;
  display: flex !important;
  align-items: stretch;
  gap: 8px !important;
}

.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] #mobileMoreMenu .header-auth-links .header-auth-link.topbar-sheet-btn {
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 14px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--tb-line) !important;
  border-radius: 12px !important;
  color: var(--tb-text) !important;
  background: var(--tb-fill) !important;
  box-shadow: none !important;
  font-family: inherit;
  font-size: 14.5px !important;
  font-weight: 800 !important;
  line-height: 1;
  white-space: nowrap;
}

.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] #mobileMoreMenu .header-auth-links .header-auth-link.topbar-sheet-btn::before,
.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] #mobileMoreMenu .header-auth-links .header-auth-link.topbar-sheet-btn::after {
  display: none !important;
}

.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] #mobileMoreMenu .header-auth-links .header-auth-link.topbar-sheet-btn:hover,
.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] #mobileMoreMenu .header-auth-links .header-auth-link.topbar-sheet-btn:focus-visible {
  border-color: var(--tb-hover-line) !important;
  color: #fff !important;
  background: var(--tb-hover-fill) !important;
}

.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] #mobileMoreMenu .header-auth-links .header-auth-link.topbar-sheet-btn--primary {
  border-color: var(--tb-yellow) !important;
  color: var(--tb-ink) !important;
  background: var(--tb-yellow) !important;
}

.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] #mobileMoreMenu .header-auth-links .header-auth-link.topbar-sheet-btn--primary:hover,
.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] #mobileMoreMenu .header-auth-links .header-auth-link.topbar-sheet-btn--primary:focus-visible {
  color: var(--tb-ink) !important;
  background: #ffdc4d !important;
}

.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] #mobileMoreMenu .header-auth-links .header-auth-link.topbar-sheet-btn:focus-visible {
  outline: 2px solid var(--tb-focus) !important;
  outline-offset: 2px;
}

.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] #mobileMoreMenu .header-auth-links .header-auth-link.topbar-sheet-btn:is([hidden], .hidden) {
  display: none !important;
}

.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] #mobileMoreMenu .header-auth-links .header-auth-link.topbar-sheet-btn[aria-busy="true"] {
  opacity: .4;
  pointer-events: none;
}

.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] #mobileMoreMenu .topbar-sheet-hint {
  margin: 9px 2px 0;
  color: var(--tb-muted);
  font-size: 12.5px;
  font-weight: 650;
  line-height: 1.45;
}

.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] #mobileMoreMenu .topbar-sheet-title {
  margin: 14px 4px 8px;
  color: var(--tb-muted);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .02em;
}

.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] #mobileMoreMenu .topbar-sheet-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] #mobileMoreMenu .topbar-sheet-grid > .topbar-sheet-card:last-child:nth-child(odd) {
  grid-column: 1 / -1;
}

.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] #mobileMoreMenu .topbar-sheet-card {
  position: relative;
  width: 100% !important;
  min-height: 62px !important;
  height: auto !important;
  padding: 11px 14px !important;
  display: grid !important;
  align-content: center;
  justify-items: start;
  gap: 4px;
  border: 1px solid transparent !important;
  border-radius: 12px !important;
  color: var(--tb-text);
  background: var(--tb-fill) !important;
  box-shadow: none !important;
  font: inherit;
  text-align: left;
  touch-action: manipulation;
}

.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] #mobileMoreMenu .topbar-sheet-card strong {
  color: #fff;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: -.01em;
}

.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] #mobileMoreMenu .topbar-sheet-card small {
  color: var(--tb-muted);
  font-size: 12px;
  font-weight: 650;
  line-height: 1.3;
}

.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] #mobileMoreMenu .topbar-sheet-card:hover,
.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] #mobileMoreMenu .topbar-sheet-card:focus-visible {
  border-color: var(--tb-hover-line) !important;
  background: var(--tb-hover-fill) !important;
}

.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] #mobileMoreMenu .topbar-sheet-card:focus-visible {
  outline: 2px solid var(--tb-focus);
  outline-offset: 1px;
}

.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] #mobileMoreMenu .topbar-sheet-card.active,
.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] #mobileMoreMenu .topbar-sheet-card[aria-current="page"] {
  border-color: rgba(255, 210, 30, .6) !important;
  background: rgba(255, 210, 30, .1) !important;
}

.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] #mobileMoreMenu .topbar-sheet-card.active strong {
  color: var(--tb-yellow);
}

/* PKLE 창(태블릿): 메뉴 버튼 아래 오른쪽에 연다(화면 스크립트가 넣는 inline left 무시). PC는 PKLE 버튼 바로 아래 */
@media (min-width: 901px) and (max-width: 1140px) {
  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] #membershipMenu:not([hidden]) {
    top: calc(100% + 8px) !important;
    right: 12px !important;
    left: auto !important;
  }
}

/* ---------- 넓은 PC(1141~1280): 살짝 압축 ---------- */
@media (max-width: 1280px) and (min-width: 1141px) {
  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] {
    --tb-nav-font: 15px;
    grid-template-columns: 120px minmax(0, 1fr) auto !important;
    gap: 0 10px !important;
    padding: 0 14px !important;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-brand {
    width: 120px;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-brand-logo {
    width: 126px;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav > button {
    padding: 0 11px !important;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav > button.active::after {
    right: 11px;
    left: 11px;
  }
}

/* ---------- 태블릿(901~1140): 언어 KO|EN, 장바구니 아이콘만 ---------- */
@media (max-width: 1140px) and (min-width: 901px) {
  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] {
    --tb-nav-font: 15px;
    --tb-ctl-font: 13px;
    min-height: 68px;
    grid-template-columns: 104px minmax(0, 1fr) auto !important;
    gap: 0 8px !important;
    padding: 0 10px !important;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-brand {
    width: 104px;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-brand-logo {
    width: 108px;
    height: 44px;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav {
    gap: 0 !important;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav > button {
    padding: 0 9px !important;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav > button.active::after {
    right: 9px;
    left: 9px;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .header-utility.topbar-actions {
    gap: 6px !important;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-seg .topbar-label-full {
    display: none;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-seg .topbar-label-short {
    display: inline;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .topbar-seg button {
    padding: 0 10px !important;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .topbar-btn {
    padding: 0 12px !important;
  }
}

/* 아이콘만 보이는 버튼(정사각) */
@media (max-width: 1140px) {
  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .header-cart-button {
    width: var(--tb-ctl) !important;
    padding: 0 !important;
    gap: 0 !important;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .header-cart-label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .header-cart-badge {
    position: absolute !important;
    top: -6px !important;
    right: -6px !important;
    margin: 0 !important;
    box-shadow: 0 0 0 2px #101922;
  }

  /* 영어 메인 메뉴는 좁은 폭에서 Courts · Shop */
  html[lang="en"] .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav .topbar-label-full,
  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"][data-language="en"] .top-primary-nav .topbar-label-full {
    display: none;
  }

  html[lang="en"] .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav .topbar-label-short,
  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"][data-language="en"] .top-primary-nav .topbar-label-short {
    display: inline;
  }
}

/* ---------- 모바일(≤900): 윗줄 버튼 네 개 / 아랫줄 메인 네 칸 ---------- */
@media (max-width: 900px) {
  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] {
    --tb-ctl: 40px;
    --tb-ctl-font: 13.5px;
    width: calc(100% - 16px);
    min-height: 0;
    margin-inline: auto;
    padding: 6px 8px !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    grid-template-areas:
      "brand actions"
      "nav nav" !important;
    gap: 6px 6px !important;
    border-radius: 0 0 12px 12px;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-brand {
    width: 84px;
    height: 44px;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-brand-logo {
    width: 86px;
    height: 40px;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .header-utility.topbar-actions {
    gap: 6px !important;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-seg .topbar-label-full {
    display: none;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-seg .topbar-label-short {
    display: inline;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .topbar-seg button {
    padding: 0 9px !important;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .header-bookings-link {
    padding: 0 12px !important;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .header-bookings-link .topbar-icon {
    display: none !important;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .topbar-more-button {
    width: var(--tb-ctl) !important;
    padding: 0 !important;
    gap: 0 !important;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-more-label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-nav-row {
    width: 100%;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 2px !important;
    padding: 0 !important;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav > button {
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 2px !important;
    overflow: hidden;
    border-radius: 9px !important;
    font-size: 14px !important;
    letter-spacing: -.03em;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav > button > span {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
  }

  html[lang="en"] .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav > button {
    font-size: 13px !important;
    letter-spacing: -.02em;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav > button.active::after {
    right: 8px;
    bottom: 3px;
    left: 8px;
  }

  /* 영어 윗줄 내 신청은 Bookings */
  html[lang="en"] .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .header-bookings-link .topbar-label-full,
  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"][data-language="en"] .header-bookings-link .topbar-label-full {
    display: none;
  }

  html[lang="en"] .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .header-bookings-link .topbar-label-short,
  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"][data-language="en"] .header-bookings-link .topbar-label-short {
    display: inline;
  }

  /* 메뉴 드롭다운: 상단바 바로 아래, 좌우 꽉 차게 */
  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] #mobileMoreMenu:not([hidden]) {
    top: calc(100% + 6px) !important;
    right: 6px !important;
    left: 6px !important;
    width: auto !important;
    max-height: min(calc(100dvh - 124px), 640px);
    padding: 12px !important;
  }
}

@media (max-width: 380px) {
  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] {
    --tb-ctl: 38px;
    --tb-ctl-font: 13px;
    padding: 6px 6px !important;
    gap: 6px 4px !important;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-brand {
    width: 72px;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-brand-logo {
    width: 74px;
    height: 36px;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .header-utility.topbar-actions {
    gap: 4px !important;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .topbar-seg button {
    padding: 0 8px !important;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .header-bookings-link {
    padding: 0 10px !important;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav > button {
    font-size: 13.5px !important;
  }

  html[lang="en"] .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav > button,
  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"][data-language="en"] .top-primary-nav > button {
    padding: 0 1px !important;
    font-size: 12px !important;
    letter-spacing: -.035em;
  }
}

@media (max-width: 340px) {
  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav > button,
  html[lang="en"] .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav > button {
    font-size: 12.5px !important;
    letter-spacing: -.04em;
  }
}

@media (prefers-reduced-motion: reduce) {
  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-menu-icon {
    transition: none;
  }
}

@media (forced-colors: active) {
  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav > button.active::after {
    background: Highlight;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .topbar-seg button.active,
  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .header-cart-badge {
    forced-color-adjust: none;
    background: Highlight !important;
    color: HighlightText !important;
  }
}

/* 숨김 상태는 위의 표시 규칙보다 항상 우선한다. */
.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-nav-row .top-primary-nav > button:is([hidden], .hidden),
.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .header-utility.topbar-actions > :is(button, div):is([hidden], .hidden) {
  display: none !important;
}

/* ================= v4e: PC(1141 이상)는 드롭다운 없이 전부 보인다 ================= */

/* 구분선 · 플레이어 · PKLE: 기본(좁은 폭)에서는 숨김. 메뉴 드롭다운 안에 있다 */
.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav .topbar-nav-divider,
.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav .topbar-nav-secondary {
  display: none !important;
}

/* 로그인 묶음이 들어갈 상단바 자리: 비어 있으면 자리 차지 안 함 */
.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .topbar-account-slot {
  display: none;
}

@media (min-width: 1141px) {
  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .topbar-more-button,
  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] #mobileMoreMenu,
  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] #mobileMoreMenu:not([hidden]) {
    display: none !important;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav .topbar-nav-divider {
    display: block !important;
    flex: 0 0 1px;
    width: 1px;
    height: 18px;
    margin: 0 8px;
    background: rgba(255, 255, 255, .16);
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav > .topbar-nav-secondary {
    display: inline-flex !important;
    position: relative;
    flex: 0 0 auto;
    min-width: max-content;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav > button.topbar-nav-secondary,
  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav > .topbar-nav-secondary > .top-nav-dropdown-trigger {
    position: relative;
    width: auto !important;
    min-width: max-content !important;
    height: var(--tb-row) !important;
    min-height: var(--tb-row) !important;
    padding: 0 11px !important;
    display: inline-flex !important;
    align-items: center;
    gap: 0 !important;
    border: 0 !important;
    border-radius: 10px !important;
    color: rgba(235, 242, 246, .66) !important;
    background: transparent !important;
    box-shadow: none !important;
    font-family: inherit;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1;
    white-space: nowrap;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav > button.topbar-nav-secondary:hover,
  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav > button.topbar-nav-secondary:focus-visible,
  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav > .topbar-nav-secondary > .top-nav-dropdown-trigger:hover,
  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav > .topbar-nav-secondary > .top-nav-dropdown-trigger:focus-visible,
  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav > .topbar-nav-secondary.open > .top-nav-dropdown-trigger {
    color: #fff !important;
    background: rgba(255, 255, 255, .07) !important;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav > button.topbar-nav-secondary.active,
  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav > .topbar-nav-secondary.active > .top-nav-dropdown-trigger {
    color: #fff !important;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav > .topbar-nav-secondary > .top-nav-dropdown-trigger::after {
    display: none;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav > .topbar-nav-secondary.active > .top-nav-dropdown-trigger::after,
  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav > .topbar-nav-secondary.open > .top-nav-dropdown-trigger::after {
    content: "";
    display: block;
    position: absolute;
    right: 11px;
    bottom: 6px;
    left: 11px;
    height: 2px;
    border-radius: 999px;
    background: var(--tb-yellow);
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav > .topbar-nav-secondary .top-nav-caret {
    width: 6px;
    height: 6px;
    margin: -3px 0 0 7px;
    border: solid currentColor;
    border-width: 0 1.5px 1.5px 0;
    font-size: 0;
    transform: rotate(45deg);
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav > .topbar-nav-secondary.open .top-nav-caret {
    margin-top: 3px;
    transform: rotate(225deg);
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav > .topbar-nav-secondary > .top-nav-dropdown-trigger:focus-visible,
  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav > button.topbar-nav-secondary:focus-visible {
    outline: 2px solid var(--tb-focus);
    outline-offset: 2px;
  }

  /* 로그인 · 회원정보 · 로그아웃: 오른쪽 버튼과 같은 모양 */
  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .topbar-account-slot {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .topbar-account-slot .header-auth-links#utility {
    width: auto;
    min-width: 0;
    display: flex !important;
    align-items: center;
    gap: 8px !important;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .topbar-account-slot .header-auth-links .header-auth-link.topbar-sheet-btn {
    flex: 0 0 auto !important;
    box-sizing: border-box;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: var(--tb-ctl) !important;
    min-height: var(--tb-ctl) !important;
    padding: 0 16px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--tb-line) !important;
    border-radius: 999px !important;
    color: var(--tb-text) !important;
    background: var(--tb-fill) !important;
    box-shadow: none !important;
    font-family: inherit;
    font-size: var(--tb-ctl-font) !important;
    font-weight: 750 !important;
    line-height: 1;
    letter-spacing: -.01em;
    white-space: nowrap;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .topbar-account-slot .header-auth-links .header-auth-link.topbar-sheet-btn::before,
  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .topbar-account-slot .header-auth-links .header-auth-link.topbar-sheet-btn::after {
    display: none !important;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .topbar-account-slot .header-auth-links .header-auth-link.topbar-sheet-btn:hover,
  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .topbar-account-slot .header-auth-links .header-auth-link.topbar-sheet-btn:focus-visible {
    border-color: var(--tb-hover-line) !important;
    color: #fff !important;
    background: var(--tb-hover-fill) !important;
  }

  /* 로그인은 가장 중요한 버튼이라 노란 바탕(모양·높이는 다른 버튼과 같음) */
  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .topbar-account-slot .header-auth-links .header-auth-link.topbar-sheet-btn--primary {
    border-color: var(--tb-yellow) !important;
    color: var(--tb-ink) !important;
    background: var(--tb-yellow) !important;
    font-weight: 850 !important;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .topbar-account-slot .header-auth-links .header-auth-link.topbar-sheet-btn--primary:hover,
  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .topbar-account-slot .header-auth-links .header-auth-link.topbar-sheet-btn--primary:focus-visible {
    color: var(--tb-ink) !important;
    background: #ffdc4d !important;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .topbar-account-slot .header-auth-links .header-auth-link.topbar-sheet-btn:focus-visible {
    outline: 2px solid var(--tb-focus) !important;
    outline-offset: 2px;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .topbar-account-slot .header-auth-links .header-auth-link.topbar-sheet-btn:is([hidden], .hidden) {
    display: none !important;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .topbar-account-slot .header-auth-links .header-auth-link.topbar-sheet-btn[aria-busy="true"] {
    opacity: .4;
    pointer-events: none;
  }
}

/* PC(1141px 이상, 상단바 최대 1264px): 언어는 KO|EN, 장바구니는 아이콘만으로 한 줄 유지 */
@media (min-width: 1141px) {
  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] {
    --tb-nav-font: 15px;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-seg .topbar-label-full {
    display: none;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-seg .topbar-label-short {
    display: inline;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .topbar-seg button {
    padding: 0 10px !important;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .header-cart-button {
    width: var(--tb-ctl) !important;
    padding: 0 !important;
    gap: 0 !important;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .header-cart-label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .header-cart-badge {
    position: absolute !important;
    top: -6px !important;
    right: -6px !important;
    margin: 0 !important;
    box-shadow: 0 0 0 2px #101922;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav > button {
    padding: 0 10px !important;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav > button.active::after {
    right: 10px;
    left: 10px;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav > button.topbar-nav-secondary,
  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav > .topbar-nav-secondary > .top-nav-dropdown-trigger {
    padding: 0 9px !important;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav .topbar-nav-divider {
    margin: 0 5px;
  }
}

/* PC(1141px 이상) 영어: 메인은 Courts · Shop, 내 신청은 Bookings 로 짧게 (회원 버튼 두 개일 때도 한 줄) */
@media (min-width: 901px) {
  html[lang="en"] .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav .topbar-label-full,
  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"][data-language="en"] .top-primary-nav .topbar-label-full,
  html[lang="en"] .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .header-bookings-link .topbar-label-full,
  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"][data-language="en"] .header-bookings-link .topbar-label-full {
    display: none;
  }

  html[lang="en"] .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav .topbar-label-short,
  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"][data-language="en"] .top-primary-nav .topbar-label-short,
  html[lang="en"] .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .header-bookings-link .topbar-label-short,
  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"][data-language="en"] .header-bookings-link .topbar-label-short {
    display: inline;
  }
}

/* Reserve space for both account controls and all seven navigation entries. */
@media (min-width: 901px) {
  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav {
    flex-wrap: wrap;
    row-gap: 0 !important;
  }
}

@media (min-width: 901px) and (max-width: 1400px) {
  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] {
    grid-template-columns: 92px minmax(0, 1fr) auto !important;
    gap: 0 8px !important;
    padding-inline: 12px !important;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-brand,
  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-brand-logo {
    width: 92px;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav {
    column-gap: 2px !important;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav > button,
  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav > button.topbar-nav-secondary,
  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav > .topbar-nav-secondary > .top-nav-dropdown-trigger {
    padding-inline: 4px !important;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .top-primary-nav .topbar-nav-divider {
    margin-inline: 2px;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .topbar-account-slot .header-auth-links .header-auth-link.topbar-sheet-btn {
    padding-inline: 10px !important;
  }
}

/* 1141~1220: 내 신청 아이콘을 빼서 여유 확보 */
@media (max-width: 1220px) and (min-width: 1141px) {
  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-actions .header-bookings-link .topbar-icon {
    display: none !important;
  }

  .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .header-utility.topbar-actions {
    gap: 6px !important;
  }
}


/* 2026-11-03 커뮤니티 메뉴: 공개 전까지 운영진에게만 열림(일반 회원·손님은 흐리게, 누를 수 없음) */
.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-staff-gated[aria-disabled="true"] { opacity: .45; cursor: default; }
.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-staff-gated[aria-disabled="true"]:hover, .global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] .topbar-staff-gated[aria-disabled="true"]:focus-visible { background: transparent; }
.global-topbar.topbar-v4.unified-public-shell[data-public-header-version="v4"] #mobileMoreMenu .topbar-sheet-card.topbar-staff-gated[aria-disabled="true"] { opacity: .45; }