/* ============================================================
   VITAL VIBES — cro.css v4.0
   신뢰 신호, 긴급 배지, 전환 강조
   ============================================================ */

/* ── 신뢰 신호 배지 ─────────────────────────────── */
.trust-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 1.5rem;
}

.trust-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.35rem 0.85rem;
  background: rgba(255,255,255,0.12);
  border: 1px solid rgba(255,255,255,0.25);
  border-radius: 100px;
  font-size: 0.78rem;
  color: rgba(255,255,255,0.9);
}

.trust-badge::before {
  content: '✓';
  color: var(--color-accent-lt, #EACFBB);
  font-weight: 700;
}

.trust-badges--light .trust-badge {
  background: var(--color-bg-alt, #F7EFE6);
  border-color: var(--color-border, #E8D5C4);
  color: var(--color-text, #3D1E0A);
}

.trust-badges--light .trust-badge::before {
  color: var(--color-accent, #C17F5A);
}

/* ── 취소 정책 안내 ─────────────────────────────── */
.cancellation-notice {
  background: var(--color-bg-alt, #F7EFE6);
  border-left: 4px solid var(--color-accent, #C17F5A);
  padding: 0.75rem 1.25rem;
  border-radius: 0 6px 6px 0;
  font-size: 0.875rem;
  color: var(--color-text, #3D1E0A);
  margin-top: 1rem;
}

.cancellation-notice strong { color: var(--color-primary, #5C2E0A); }

/* ── 추천 예약 플랫폼 강조 ─────────────────────── */
.booking-platform-featured {
  position: relative;
  box-shadow: 0 0 0 2px var(--color-accent, #C17F5A);
}

.booking-platform-featured::before {
  content: '추천';
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--color-accent, #C17F5A);
  color: #fff;
  font-size: 0.65rem;
  font-weight: 700;
  padding: 0.15rem 0.5rem;
  border-radius: 100px;
  white-space: nowrap;
}

/* ── 소셜 증거 ─────────────────────────────────── */
.social-proof {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
  color: var(--color-text-muted, #8A6A52);
  margin-top: 1rem;
}

.social-proof-rating { color: #FFB800; letter-spacing: -0.05em; }

/* ── Floating CTA 확장 (모바일 pill) ────────────── */
@media (max-width: 768px) {
  .floating-cta {
    right: 1rem;
    bottom: 1rem;
  }

  .floating-btn {
    width: auto;
    height: auto;
    border-radius: 100px;
    padding: 0.875rem 1.5rem;
    flex-direction: row;
    gap: 0.5rem;
  }

  .floating-icon { font-size: 1.1rem; }
  .floating-label { font-size: 0.875rem; letter-spacing: 0; }
}