/* Promotion labels only: no option order, selection, or search-style changes. */
/* 전체메뉴 안에서는 호텔명 오른쪽에 붙인다 (2026-09-01 CTO 지적).
   종전에는 column 이라 배지가 아래로 떨어져 그 줄만 키가 커지고 옆 칸과 어긋났다.

   🔴 처음에 「칸 196px 이라 들어간다」고 적었는데 틀렸다.
      그때 잰 것은 골프장 패널(170px)이었고, 호텔 패널은 그리드가 139px 두 칸이다.
      「힐튼 + 프로모션 ~ 9/30」에 147px 이 필요해 8px 이 모자랐다.
      가장 긴 「호시노 리조나레」(90px)까지 따지면 175px 이 필요해 칸을 넓혀도 감당이 안 된다.
      그래서 메뉴에서는 배지 글자를 「~9/30」으로 줄인다 (promotion-navigation.js placeBadge).
      여기서는 배지 자체를 조금 더 좁혀 긴 이름에도 여유를 둔다.

   wrap 은 그대로 열어 둔다. 최악의 경우 줄이 밀릴 뿐 글자가 잘리지는 않는다. */
.p3page .rail-panel a.gzpromo-menu-active {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 3px 5px;
  white-space: normal;
}
/* 메뉴 배지만 좁힌다. 「프로모션」이라는 말은 남겨야 무슨 날짜인지 안다.
   79px → 약 68px. 칸 139px 에서 71px 이하면 들어간다.
   조건 선택칸(.pchk)과 목록 카드(.hlist·.glist) 배지는 건드리지 않는다. */
.p3page .rail-panel .gzpromo-navigation-badge {
  padding: 2px 4px;
  font-size: 9px;
  letter-spacing: -.05em;
  min-height: 17px;
}
.p3page .rail-panel .gzpromo-navigation-badge,
.p3page .pchk.gz-rows .tx .gzpromo-navigation-badge,
.hlist .hitem .nm > .gzpromo-navigation-badge,
.glist .gitem .tx > .gzpromo-navigation-badge {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  min-height: 19px;
  padding: 2px 6px;
  border: 0;
  border-radius: 6px;
  background: #eaf3ff;
  color: #075fc4;
  font-family: inherit;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -.02em;
  white-space: nowrap;
  vertical-align: middle;
  pointer-events: none;
}
.p3page .pchk.gz-rows .tx.gzpromo-option-active > b {
  display: inline;
  vertical-align: middle;
}
.p3page .pchk.gz-rows .tx.gzpromo-option-active > .gzpromo-navigation-badge {
  margin: 2px 0 2px 6px;
}
.hlist .hitem .nm > .gzpromo-navigation-badge,
.glist .gitem .tx > .gzpromo-navigation-badge {
  margin: 5px 0 3px;
  font-size: 11px;
  width: max-content;
  max-width: 100%;
  justify-self: start;
}