/* 하단 떠 있는 예약 버튼 (모든 페이지 공통)
   모양: 미색 알약, 왼쪽 주황 '네이버 예약', 오른쪽 남색 글씨 '전화 예약' (HTML 순서는 전화가 먼저라 CSS order로 바꿈)
   2026-10-25 사용자 결정: 움직임 없이 화면 아래 가운데에 고정. 여러 움직임(튀기·빛·줄었다 늘기·말풍선 등)을 시험해 본 뒤 고정이 낫다고 함
   메인 첫 화면(.h2-hero)에는 같은 버튼이 있어 그 구간에서만 숨김(site.js가 fl-show를 붙임, 짧게 나타나고 사라짐만)
   첫 화면이 없는 페이지에서는 처음부터 보임 */
#premium-floating-nav.floating-container {
  position: fixed !important;
  bottom: 28px;
  left: 50% !important;
  transform: translateX(-50%);
  opacity: 0; visibility: hidden;
  z-index: 2147483647;
  display: flex; justify-content: center; align-items: center;
  width: auto;
  font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  pointer-events: none;
  transition: opacity .2s ease, visibility .2s;
}
#premium-floating-nav.fl-show { opacity: 1; visibility: visible; }

#premium-floating-nav .glass-panel {
  pointer-events: auto;
  display: flex; align-items: center; gap: 4px;
  width: 292px; height: 58px; padding: 5px;
  box-sizing: border-box; overflow: hidden;
  background: rgba(255, 253, 250, .94);
  -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
  border: 1px solid rgba(217, 209, 196, .9);
  border-radius: 9999px;
  box-shadow: 0 14px 34px rgba(28, 34, 48, .16);
}

#premium-floating-nav .nav-item {
  position: relative; height: 100%;
  display: flex; align-items: center; justify-content: center; gap: 8px;
  border-radius: 9999px; overflow: hidden; white-space: nowrap;
  text-decoration: none; font-weight: 700;
  transition: background .2s;
}
#premium-floating-nav .icon-box { display: flex; align-items: center; justify-content: center; font-size: 15px; width: 18px; color: inherit; flex: none; }
#premium-floating-nav .label {
  display: inline-block; max-width: 130px; overflow: hidden;
  font-size: 15px; letter-spacing: -.3px; color: inherit !important;
}
#premium-floating-nav .panel-divider,
#premium-floating-nav .bg-hover { display: none; }

/* 네이버 예약: 주황 버튼 */
#premium-floating-nav .naver-item {
  order: -1; flex: 1; min-width: 46px;
  background: #e0603a; color: #fff !important;
}
#premium-floating-nav .naver-item:hover { background: #c94f2b; }

/* 전화 예약: 오른쪽, 남색 글씨 */
#premium-floating-nav .phone-item { flex: 1; min-width: 46px; color: #10305a !important; }
#premium-floating-nav .phone-item:hover { background: #f3eee6; }

@media (max-width: 768px) {
  #premium-floating-nav.floating-container { bottom: calc(18px + env(safe-area-inset-bottom, 0px)); }
  #premium-floating-nav .glass-panel { width: 286px; height: 56px; }
  #premium-floating-nav .label { font-size: 14.5px; }
}