/* ===== Badge — Wraith (variant swatches) ===== */

/* ---- Base ---- */
.cc_uNDcCLHPMB_product_detail_bundle_product .kombos-badge, .cc_uNDcCLHPMB_product_detail_bundle_furniture .kombos-badge, .cc_uNDcCLHPMB_card_product_variants .kombos-badge, .cc_uNDcCLHPMB_product_detail_product_group .kombos-badge, .cc_uNDcCLHPMB_product_detail_variant .kombos-badge {
  --badge-size: 2rem; /* default = s */
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-sizing: border-box;
  height: var(--badge-size);
  min-width: var(--badge-size);
  padding: 0;
  border: 1px solid var(--stroke);
  border-radius: var(--border-radius);
  overflow: hidden;
  color: inherit;
  cursor: pointer;
  transition: border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease,
    background-color 0.15s ease;
}

/* ---- Size heights (apply to every badge type) ---- */
.cc_uNDcCLHPMB_product_detail_bundle_product .kombos-badge--xs, .cc_uNDcCLHPMB_product_detail_bundle_furniture .kombos-badge--xs, .cc_uNDcCLHPMB_card_product_variants .kombos-badge--xs, .cc_uNDcCLHPMB_product_detail_product_group .kombos-badge--xs, .cc_uNDcCLHPMB_product_detail_variant .kombos-badge--xs {
  --badge-size: 1.3rem;
}
.cc_uNDcCLHPMB_product_detail_bundle_product .kombos-badge--s, .cc_uNDcCLHPMB_product_detail_bundle_furniture .kombos-badge--s, .cc_uNDcCLHPMB_card_product_variants .kombos-badge--s, .cc_uNDcCLHPMB_product_detail_product_group .kombos-badge--s, .cc_uNDcCLHPMB_product_detail_variant .kombos-badge--s {
  --badge-size: 2rem;
}
.cc_uNDcCLHPMB_product_detail_bundle_product .kombos-badge--m, .cc_uNDcCLHPMB_product_detail_bundle_furniture .kombos-badge--m, .cc_uNDcCLHPMB_card_product_variants .kombos-badge--m, .cc_uNDcCLHPMB_product_detail_product_group .kombos-badge--m, .cc_uNDcCLHPMB_product_detail_variant .kombos-badge--m {
  --badge-size: 2.5rem;
}
.cc_uNDcCLHPMB_product_detail_bundle_product .kombos-badge--l, .cc_uNDcCLHPMB_product_detail_bundle_furniture .kombos-badge--l, .cc_uNDcCLHPMB_card_product_variants .kombos-badge--l, .cc_uNDcCLHPMB_product_detail_product_group .kombos-badge--l, .cc_uNDcCLHPMB_product_detail_variant .kombos-badge--l {
  --badge-size: 3rem;
}

/* ---- Types ---- */
.cc_uNDcCLHPMB_product_detail_bundle_product .kombos-badge--text, .cc_uNDcCLHPMB_product_detail_bundle_furniture .kombos-badge--text, .cc_uNDcCLHPMB_card_product_variants .kombos-badge--text, .cc_uNDcCLHPMB_product_detail_product_group .kombos-badge--text, .cc_uNDcCLHPMB_product_detail_variant .kombos-badge--text {
  color: var(--smoke);
}

/* Color & image swatches are square — width follows the size height */
.kombos-badge--color,
.cc_uNDcCLHPMB_product_detail_bundle_product .kombos-badge--image, .cc_uNDcCLHPMB_product_detail_bundle_furniture .kombos-badge--image, .cc_uNDcCLHPMB_card_product_variants .kombos-badge--image, .cc_uNDcCLHPMB_product_detail_product_group .kombos-badge--image, .cc_uNDcCLHPMB_product_detail_variant .kombos-badge--image {
  width: var(--badge-size);
}
.cc_uNDcCLHPMB_product_detail_bundle_product .kombos-badge--color, .cc_uNDcCLHPMB_product_detail_bundle_furniture .kombos-badge--color, .cc_uNDcCLHPMB_card_product_variants .kombos-badge--color, .cc_uNDcCLHPMB_product_detail_product_group .kombos-badge--color, .cc_uNDcCLHPMB_product_detail_variant .kombos-badge--color { border-radius: 100px;}

/* Variant thumbnails are intentionally larger than the size scale */
.cc_uNDcCLHPMB_product_detail_bundle_product .kombos-badge--image.kombos-badge--variant-img, .cc_uNDcCLHPMB_product_detail_bundle_furniture .kombos-badge--image.kombos-badge--variant-img, .cc_uNDcCLHPMB_card_product_variants .kombos-badge--image.kombos-badge--variant-img, .cc_uNDcCLHPMB_product_detail_product_group .kombos-badge--image.kombos-badge--variant-img, .cc_uNDcCLHPMB_product_detail_variant .kombos-badge--image.kombos-badge--variant-img {
  width: 4rem;
  height: 4rem;
}

.cc_uNDcCLHPMB_product_detail_bundle_product .kombos-badge--xs.kombos-badge--image.kombos-badge--variant-img, .cc_uNDcCLHPMB_product_detail_bundle_furniture .kombos-badge--xs.kombos-badge--image.kombos-badge--variant-img, .cc_uNDcCLHPMB_card_product_variants .kombos-badge--xs.kombos-badge--image.kombos-badge--variant-img, .cc_uNDcCLHPMB_product_detail_product_group .kombos-badge--xs.kombos-badge--image.kombos-badge--variant-img, .cc_uNDcCLHPMB_product_detail_variant .kombos-badge--xs.kombos-badge--image.kombos-badge--variant-img {
  width: 3rem;
  height: 3rem;
}

.cc_uNDcCLHPMB_product_detail_bundle_product .kombos-badge__img, .cc_uNDcCLHPMB_product_detail_bundle_furniture .kombos-badge__img, .cc_uNDcCLHPMB_card_product_variants .kombos-badge__img, .cc_uNDcCLHPMB_product_detail_product_group .kombos-badge__img, .cc_uNDcCLHPMB_product_detail_variant .kombos-badge__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ---- Text padding by size (height fixed, width grows with content) ---- */
.cc_uNDcCLHPMB_product_detail_bundle_product .kombos-badge--text.kombos-badge--xs, .cc_uNDcCLHPMB_product_detail_bundle_furniture .kombos-badge--text.kombos-badge--xs, .cc_uNDcCLHPMB_card_product_variants .kombos-badge--text.kombos-badge--xs, .cc_uNDcCLHPMB_product_detail_product_group .kombos-badge--text.kombos-badge--xs, .cc_uNDcCLHPMB_product_detail_variant .kombos-badge--text.kombos-badge--xs {
  padding: 0 0.5rem;
}

.cc_uNDcCLHPMB_product_detail_bundle_product .kombos-badge--text.kombos-badge--s, .cc_uNDcCLHPMB_product_detail_bundle_furniture .kombos-badge--text.kombos-badge--s, .cc_uNDcCLHPMB_card_product_variants .kombos-badge--text.kombos-badge--s, .cc_uNDcCLHPMB_product_detail_product_group .kombos-badge--text.kombos-badge--s, .cc_uNDcCLHPMB_product_detail_variant .kombos-badge--text.kombos-badge--s {
  padding: 0 0.75rem;
}

.kombos-badge--text.kombos-badge--m,
.cc_uNDcCLHPMB_product_detail_bundle_product .kombos-badge--text.kombos-badge--l, .cc_uNDcCLHPMB_product_detail_bundle_furniture .kombos-badge--text.kombos-badge--l, .cc_uNDcCLHPMB_card_product_variants .kombos-badge--text.kombos-badge--l, .cc_uNDcCLHPMB_product_detail_product_group .kombos-badge--text.kombos-badge--l, .cc_uNDcCLHPMB_product_detail_variant .kombos-badge--text.kombos-badge--l {
  padding: 0 1rem;
}

/* ---- States ---- */
.cc_uNDcCLHPMB_product_detail_bundle_product .kombos-badge:hover:not(:disabled):not(.kombos-badge--nonstock), .cc_uNDcCLHPMB_product_detail_bundle_furniture .kombos-badge:hover:not(:disabled):not(.kombos-badge--nonstock), .cc_uNDcCLHPMB_card_product_variants .kombos-badge:hover:not(:disabled):not(.kombos-badge--nonstock), .cc_uNDcCLHPMB_product_detail_product_group .kombos-badge:hover:not(:disabled):not(.kombos-badge--nonstock), .cc_uNDcCLHPMB_product_detail_variant .kombos-badge:hover:not(:disabled):not(.kombos-badge--nonstock) {
  border-color: var(--steel);
}

.cc_uNDcCLHPMB_product_detail_bundle_product .kombos-badge--text:hover:not(:disabled):not(.kombos-badge--nonstock), .cc_uNDcCLHPMB_product_detail_bundle_furniture .kombos-badge--text:hover:not(:disabled):not(.kombos-badge--nonstock), .cc_uNDcCLHPMB_card_product_variants .kombos-badge--text:hover:not(:disabled):not(.kombos-badge--nonstock), .cc_uNDcCLHPMB_product_detail_product_group .kombos-badge--text:hover:not(:disabled):not(.kombos-badge--nonstock), .cc_uNDcCLHPMB_product_detail_variant .kombos-badge--text:hover:not(:disabled):not(.kombos-badge--nonstock) {
  /* color: var(--steel); */
}

/* Selected — text fills with ink */
.cc_uNDcCLHPMB_product_detail_bundle_product .kombos-badge--selected.kombos-badge--text, .cc_uNDcCLHPMB_product_detail_bundle_furniture .kombos-badge--selected.kombos-badge--text, .cc_uNDcCLHPMB_card_product_variants .kombos-badge--selected.kombos-badge--text, .cc_uNDcCLHPMB_product_detail_product_group .kombos-badge--selected.kombos-badge--text, .cc_uNDcCLHPMB_product_detail_variant .kombos-badge--selected.kombos-badge--text {
  background: var(--steel);
  border-color: var(--smoke);
  color: var(--paper);
}

/* Selected — color/image get the double-ring */
.kombos-badge--selected.kombos-badge--color,
.cc_uNDcCLHPMB_product_detail_bundle_product .kombos-badge--selected.kombos-badge--image, .cc_uNDcCLHPMB_product_detail_bundle_furniture .kombos-badge--selected.kombos-badge--image, .cc_uNDcCLHPMB_card_product_variants .kombos-badge--selected.kombos-badge--image, .cc_uNDcCLHPMB_product_detail_product_group .kombos-badge--selected.kombos-badge--image, .cc_uNDcCLHPMB_product_detail_variant .kombos-badge--selected.kombos-badge--image {
  box-shadow: 0 0 0 1px inset var(--steel), 0 0 0 2px inset var(--paper);
}

.cc_uNDcCLHPMB_product_detail_bundle_product .buffed-badge-dark, .cc_uNDcCLHPMB_product_detail_bundle_furniture .buffed-badge-dark, .cc_uNDcCLHPMB_card_product_variants .buffed-badge-dark, .cc_uNDcCLHPMB_product_detail_product_group .buffed-badge-dark, .cc_uNDcCLHPMB_product_detail_variant .buffed-badge-dark {
  border: 1px solid var(--smoke);
}
.cc_uNDcCLHPMB_product_detail_bundle_product .buffed-badge-dark:hover, .cc_uNDcCLHPMB_product_detail_bundle_furniture .buffed-badge-dark:hover, .cc_uNDcCLHPMB_card_product_variants .buffed-badge-dark:hover, .cc_uNDcCLHPMB_product_detail_product_group .buffed-badge-dark:hover, .cc_uNDcCLHPMB_product_detail_variant .buffed-badge-dark:hover {
  color: var(--slab)!important;
  background: var(--steel);
  border: 1px solid var(--slab)!important;
}

/* Out of stock */
.cc_uNDcCLHPMB_product_detail_bundle_product .kombos-badge--nonstock, .cc_uNDcCLHPMB_product_detail_bundle_furniture .kombos-badge--nonstock, .cc_uNDcCLHPMB_card_product_variants .kombos-badge--nonstock, .cc_uNDcCLHPMB_product_detail_product_group .kombos-badge--nonstock, .cc_uNDcCLHPMB_product_detail_variant .kombos-badge--nonstock {
  cursor: not-allowed;
}

.cc_uNDcCLHPMB_product_detail_bundle_product .kombos-badge--nonstock.kombos-badge--text, .cc_uNDcCLHPMB_product_detail_bundle_furniture .kombos-badge--nonstock.kombos-badge--text, .cc_uNDcCLHPMB_card_product_variants .kombos-badge--nonstock.kombos-badge--text, .cc_uNDcCLHPMB_product_detail_product_group .kombos-badge--nonstock.kombos-badge--text, .cc_uNDcCLHPMB_product_detail_variant .kombos-badge--nonstock.kombos-badge--text {
  color: var(--smoke);
}

/* ---- Diagonal strike line ---- */
.cc_uNDcCLHPMB_product_detail_bundle_product .kombos-badge__strike, .cc_uNDcCLHPMB_product_detail_bundle_furniture .kombos-badge__strike, .cc_uNDcCLHPMB_card_product_variants .kombos-badge__strike, .cc_uNDcCLHPMB_product_detail_product_group .kombos-badge__strike, .cc_uNDcCLHPMB_product_detail_variant .kombos-badge__strike {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(
    to top left,
    transparent calc(50% - 0.5px),
    var(--smoke) calc(50% - 0.5px),
    var(--smoke) calc(50% + 0.5px),
    transparent calc(50% + 0.5px)
  );
}