/* CheckinBook additions on hotel websites (uses the hotel's own --color-primary) */
.cb-unitfilter { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 18px; }
.cb-unitfilter a { padding: 8px 16px; border-radius: 999px; border: 1px solid rgba(0,0,0,.12); background: #fff; color: #333; font-weight: 600; font-size: 14px; text-decoration: none; }
.cb-unitfilter a:hover { border-color: var(--color-primary, #1f9e8f); color: var(--color-primary, #1f9e8f); }
.cb-unitfilter a.is-on { background: var(--color-primary, #1f9e8f); border-color: var(--color-primary, #1f9e8f); color: #fff; }
.cb-unitbadge { display: inline-flex; align-items: center; gap: 6px; margin-bottom: 6px; padding: 3px 10px; border-radius: 999px; font-size: 12px; font-weight: 700;
  background: rgba(var(--color-primary-rgb, 31,158,143), .12); color: var(--color-primary, #1f9e8f); }
@media (max-width: 575px) { .cb-unitfilter { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; } .cb-unitfilter a { white-space: nowrap; } }