/* path: wp-content/themes/bedrebyttede/assets/css/components/badge.css */
@layer components {

  /* small badge pinned to image */
  .bb-badge {
    display: inline-block;
    font-size: var(--fs-sm);
    line-height: 1;
    padding: 4px 10px;
    border-radius: var(--radius-round);
    background: var(--surface);
    border: var(--border-1) solid var(--line);
    box-shadow: var(--shadow-1);
  }

  .bb-badge--swap {
    position: absolute;
    top: var(--space-2);
    right: var(--space-2);
    background: color-mix(in oklab, var(--surface) 88%, transparent);
    border: var(--border-1) solid var(--line);
  }
}