/* bk-chips-bs-r1 (5 Oct 2026, rev White+Line ~20:40 BST): Web 3.2.2 interactive chips/tabs LOCK.
   Inactive = White #FFFFFF + 1px Line #D9D0C9 + Ink text (Inter 500). Hover = 1px Ink border.
   Active = Ink #1C1614 fill + White text. Radius 0. Mist #F3EEEA NO LONGER on interactive chips/tabs.
   Applies: homepage chips (Clearance / New In / Sale / Outlet ...), Best Sellers tabs, PLP quick filter
   chips/buttons, size pills, sort/category pills. Sale toggle OFF = White+Line; ON = sale-tint + Sale text.
   Tokens (handoff Web 3.2.2, bk-web3-tokens.css): --bk-chip-bg / --bk-chip-border / --bk-chip-active-bg / --bk-chip-active-text.
   Shared BedKingdom/hyva UK+IE. Desktop chip hide unchanged (bk-home-ask-r1).
   UNCHANGED: product label badges (Save, Clearance Ink-on-Mist, New In, Best Seller / TOP Soft Clay
   .bkc-b / .bkc-b--best), mobile-menu icon chips (.bkmm__chip), Shop-by-room / category / photo mats (Mist).
   Rollback: var/clbak/bk-chips-white-r1-<ts>/rollback.sh */

html body.rk-site,
html body#html-body.rk-site {
  --bk-soft-neutral: #F3EEEA; /* Mist - mats only now */
  --bk-chip-border-hover: var(--bk-ink, #1C1614);
}

/* ---- Shared chip chrome (match .bkc-best__tab shape) ---- */
html body.rk-site .bk-chips a,
html body#html-body.rk-site .bk-chips a,
html body.rk-site .bki-chips a,
html body#html-body.rk-site .bki-chips a,
html body.rk-site .cl-cro-chip,
html body#html-body.rk-site .cl-cro-chip,
html body.rk-site .cl-cat-chips a,
html body#html-body.rk-site .cl-cat-chips a,
html body.rk-site .rk-chip,
html body.rk-site .cl-chip,
html body.rk-site .size-pill:not(.is-selected):not(.selected),
html body#html-body.rk-site .size-pill:not(.is-selected):not(.selected),
html body.rk-site .kbg__vchip,
html body.rk-site .dn-quick__chip {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: 44px;
  padding: 10px 15px;
  border: 1px solid var(--bk-chip-border, #D9D0C9) !important;
  border-radius: 0 !important;
  background: var(--bk-chip-bg, #FFFFFF) !important;
  color: var(--bk-ink, #1C1614) !important;
  font-family: var(--bk-font-ui, "Inter", sans-serif) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
  letter-spacing: .01em !important;
  text-decoration: none !important;
  white-space: nowrap;
  cursor: pointer;
}

@media (max-width: 767.98px) {
  html body.rk-site .bk-chips a,
  html body#html-body.rk-site .bk-chips a,
  html body.rk-site .bki-chips a,
  html body.rk-site .cl-cro-chip {
    padding: 10px;
  }
}

/* Active / current */
html body.rk-site .bk-chips a[aria-current],
html body.rk-site .bk-chips a[aria-current=page],
html body.rk-site .bk-chips a.is-active,
html body.rk-site .bk-chips a.is-on,
html body#html-body.rk-site .bk-chips a[aria-current],
html body.rk-site .bki-chips a[aria-current],
html body.rk-site .bki-chips a.is-active,
html body.rk-site .cl-cro-chip[aria-current],
html body.rk-site .cl-cro-chip.is-active,
html body.rk-site .cl-cro-chip.is-on,
html body.rk-site .cl-cat-chips a[aria-current],
html body.rk-site .cl-cat-chips a.is-active,
html body.rk-site .rk-chip.is-active,
html body.rk-site .cl-chip.is-active,
html body.rk-site .size-pill.is-selected,
html body.rk-site .size-pill.selected,
html body#html-body.rk-site .size-pill.is-selected,
html body#html-body.rk-site .size-pill.selected {
  background: var(--bk-chip-active-bg, #1C1614) !important;
  border-color: var(--bk-chip-active-bg, #1C1614) !important;
  color: var(--bk-chip-active-text, #FFFFFF) !important;
}

/* Hover inactive - 1px Ink border, White fill stays (no Line/Mist wash) */
html body.rk-site .bk-chips a:hover:not([aria-current]):not(.is-active):not(.is-on),
html body#html-body.rk-site .bk-chips a:hover:not([aria-current]):not(.is-active):not(.is-on),
html body.rk-site .bki-chips a:hover:not([aria-current]):not(.is-active),
html body#html-body.rk-site .bki-chips a:hover:not([aria-current]):not(.is-active),
html body.rk-site .cl-cro-chip:hover:not([aria-current]):not(.is-active):not(.is-on),
html body#html-body.rk-site .cl-cro-chip:hover:not([aria-current]):not(.is-active):not(.is-on),
html body.rk-site .cl-cat-chips a:hover:not([aria-current]):not(.is-active),
html body.rk-site .rk-chip:hover:not(.is-active),
html body.rk-site .cl-chip:hover:not(.is-active),
html body.rk-site .kbg__vchip:hover,
html body#html-body.rk-site .size-pill:hover:not(.is-selected):not(.selected),
html body#html-body.rk-site .dn-quick__chip:hover:not(.dn-quick__active),
html body#html-body.rk-site .dn-quick__btn:hover:not(.dn-quick__active) {
  background: var(--bk-chip-bg, #FFFFFF) !important;
  border-color: var(--bk-chip-border-hover, #1C1614) !important;
  color: var(--bk-ink, #1C1614) !important;
}

/* New In / Clearance / Sale / Outlet homepage chips - White+Line like every other chip */
html body.rk-site .bk-chips a[href*="new-in"],
html body#html-body.rk-site .bk-chips a[href*="new-in"],
html body.rk-site .bk-chips a[href*="sales"],
html body.rk-site .bk-chips a[href*="outlet"],
html body.rk-site .bki-chips a[href*="new-in"],
html body.rk-site .bki-chips a[href*="sales"],
html body.rk-site .bki-chips a[href*="outlet"],
html body.rk-site .cl-cro-chip[href*="new-in"],
html body.rk-site .cl-cro-chip[href*="sales"],
html body.rk-site .cl-cro-chip[href*="outlet"] {
  background: var(--bk-chip-bg, #FFFFFF) !important;
  border-color: var(--bk-chip-border, #D9D0C9) !important;
  color: var(--bk-ink, #1C1614) !important;
}
html body#html-body.rk-site .bk-chips a[href*="new-in"]:hover:not([aria-current]):not(.is-active),
html body#html-body.rk-site .bk-chips a[href*="sales"]:hover:not([aria-current]):not(.is-active),
html body#html-body.rk-site .bk-chips a[href*="outlet"]:hover:not([aria-current]):not(.is-active),
html body#html-body.rk-site .bki-chips a[href*="new-in"]:hover:not([aria-current]):not(.is-active),
html body#html-body.rk-site .bki-chips a[href*="sales"]:hover:not([aria-current]):not(.is-active),
html body#html-body.rk-site .bki-chips a[href*="outlet"]:hover:not([aria-current]):not(.is-active),
html body#html-body.rk-site .cl-cro-chip[href*="new-in"]:hover:not([aria-current]):not(.is-active),
html body#html-body.rk-site .cl-cro-chip[href*="sales"]:hover:not([aria-current]):not(.is-active),
html body#html-body.rk-site .cl-cro-chip[href*="outlet"]:hover:not([aria-current]):not(.is-active) {
  border-color: var(--bk-chip-border-hover, #1C1614) !important;
}

/* Best Sellers tabs - White+Line inactive; Ink border hover; Ink active */
html body#html-body.rk-site.cl-cro .bkc-best__tab {
  background: var(--bk-chip-bg, #FFFFFF) !important;
  border: 1px solid var(--bk-chip-border, #D9D0C9) !important;
  color: var(--bk-ink, #1C1614) !important;
  border-radius: 0 !important;
  font-family: var(--bk-font-ui, "Inter", sans-serif) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
  letter-spacing: .01em !important;
  min-height: 44px;
  padding: 10px 15px;
}
@media (max-width: 767.98px) {
  html body#html-body.rk-site.cl-cro .bkc-best__tab { padding: 10px; }
}
html body#html-body.rk-site.cl-cro .bkc-best__tab:hover {
  border-color: var(--bk-chip-border-hover, #1C1614) !important;
}
html body#html-body.rk-site.cl-cro .bkc-best__ui:has(#bkc-best-all:checked) label[for=bkc-best-all],
html body#html-body.rk-site.cl-cro .bkc-best__ui:has(#bkc-best-kids:checked) label[for=bkc-best-kids],
html body#html-body.rk-site.cl-cro .bkc-best__ui:has(#bkc-best-beds:checked) label[for=bkc-best-beds],
html body#html-body.rk-site.cl-cro .bkc-best__ui:has(#bkc-best-mattresses:checked) label[for=bkc-best-mattresses],
html body#html-body.rk-site.cl-cro .bkc-best__ui:has(#bkc-best-sofas:checked) label[for=bkc-best-sofas],
html body#html-body.rk-site.cl-cro .bkc-best__ui:has(#bkc-best-furniture:checked) label[for=bkc-best-furniture],
html body#html-body.rk-site.cl-cro .bkc-best__ui:has(#bkc-best-gaming:checked) label[for=bkc-best-gaming] {
  background: var(--bk-chip-active-bg, #1C1614) !important;
  border-color: var(--bk-chip-active-bg, #1C1614) !important;
  color: var(--bk-chip-active-text, #FFFFFF) !important;
}

/* Mobile menu icon chips (.bkmm__chip) - icon tiles, not interactive filter chips: keep Mist (unchanged) */
html body.rk-site dialog.bkm.bkm--figma .bkmm__chip--new,
html body.rk-site dialog.bkm.bkm--figma .bkmm__chip {
  background: var(--bk-soft-neutral, #F3EEEA) !important;
  color: var(--bk-ink, #1C1614) !important;
}
html body.rk-site dialog.bkm.bkm--figma .bkmm__chip--new svg,
html body.rk-site dialog.bkm.bkm--figma .bkmm__chip--new .bkmm__pct {
  color: var(--bk-ink, #1C1614) !important;
}

/* PLP quick filters / sort / category pills - White+Line inactive / Ink active */
html body.rk-site .dn-quick__btn,
html body.rk-site .dn-quick__chip,
html body#html-body.rk-site .dn-quick__btn,
html body#html-body.rk-site .dn-quick__chip {
  border-radius: 0 !important;
  border: 1px solid var(--bk-chip-border, #D9D0C9) !important;
  background: var(--bk-chip-bg, #FFFFFF) !important;
  color: var(--bk-ink, #1C1614) !important;
  font-family: var(--bk-font-ui, "Inter", sans-serif) !important;
  font-weight: 500 !important;
}
html body.rk-site .dn-quick__active,
html body#html-body.rk-site .dn-quick__active,
html body#html-body.rk-site .dn-quick__active:hover,
html body.rk-site .dn-quick__dd[open] .dn-quick__btn,
html body#html-body.rk-site .dn-quick__dd[open] .dn-quick__btn {
  background: var(--bk-chip-active-bg, #1C1614) !important;
  border-color: var(--bk-chip-active-bg, #1C1614) !important;
  color: var(--bk-chip-active-text, #FFFFFF) !important;
}
html body.rk-site .dn-quick__dd[open] .dn-quick__btn::after {
  border-right-color: #fff;
  border-bottom-color: #fff;
}

/* Sale toggle OFF = inactive chip (White+Line); ON = sale-tint + Sale text */
html body.rk-site .dn-quick__chip[href*="sale"]:not(.dn-quick__active),
html body#html-body.rk-site .dn-quick__chip[href*="sale"]:not(.dn-quick__active),
html body.rk-site .dn-quick__btn[data-sale]:not([aria-pressed=true]),
html body#html-body.rk-site .dn-quick__btn[data-sale]:not([aria-pressed=true]),
html body.rk-site [data-bk-sale-toggle]:not([aria-pressed=true]):not(.is-on):not(.is-active),
html body.rk-site .bk-sale-tog:not(.is-on):not([aria-pressed=true]) {
  background: var(--bk-chip-bg, #FFFFFF) !important;
  border: 1px solid var(--bk-chip-border, #D9D0C9) !important;
  color: var(--bk-ink, #1C1614) !important;
}
html body.rk-site .dn-quick__chip[href*="sale"].dn-quick__active,
html body#html-body.rk-site .dn-quick__chip[href*="sale"].dn-quick__active,
html body.rk-site .dn-quick__btn[data-sale][aria-pressed=true],
html body#html-body.rk-site .dn-quick__btn[data-sale][aria-pressed=true],
html body.rk-site [data-bk-sale-toggle][aria-pressed=true],
html body.rk-site [data-bk-sale-toggle].is-on,
html body.rk-site [data-bk-sale-toggle].is-active,
html body.rk-site .bk-sale-tog.is-on,
html body.rk-site .bk-sale-tog[aria-pressed=true] {
  background: var(--bk-sale-tint, #F3E0E0) !important;
  border: 1px solid var(--bk-sale, #8B1E1E) !important;
  color: var(--bk-sale, #8B1E1E) !important;
}

/* ---- Shop-by-room mats + Shop-by-category tile mats = Mist (NOT interactive chips - unchanged) ---- */
html body.rk-site .bk-rooms span,
html body#html-body.rk-site .bk-rooms span,
html body.rk-site .bk-rooms a > span,
html body#html-body.rk-site.cms-index-index .bk-home .bk-sec[aria-labelledby=bk-cats] .bk-tile,
html body#html-body.rk-site.cms-index-index .bk-home .bk-sec[aria-labelledby=bk-cats] .bk-tile img,
html body#html-body.rk-site.rk-site.cms-index-index .bk-home .bk-sec[aria-labelledby=bk-cats] .bk-tile img {
  background: var(--bk-soft-neutral, #F3EEEA) !important;
}

/* Mist mat under product photos on homepage rails (no yellow Soft) - unchanged */
html body#html-body.rk-site.cl-cro .bk-home .bk-prow .cl-pcard__img,
html body.rk-site .bk-prow .cl-pcard__img {
  background: var(--bk-soft-neutral, #F3EEEA) !important;
}