/**
 * Francobane.com — Bee1 Ajax Filters client overrides
 * Loaded only when present at:
 *   wp-content/uploads/bee1-ajax-filters/client-overrides.css
 *
 * BRAND RULES (do not guess / do not iterate from chat):
 *   clients/francobane.com/STYLE-BRAND-CONSTITUTION.md  § Filters chrome
 * Keep in sync with:
 *   clients/francobane.com/bee1-ajax-filters-client-overrides.css
 *
 * Scope: this site only. Other clients / universal plugin CSS are unaffected.
 * Locked tokens: see STYLE-BRAND-CONSTITUTION.md
 *   border-radius 1px, border-width 1px, color names 10px / weight 400
 */

/* ── Shell / panel ── */
.bee1-ulg-shell .bee1-filters,
.bee1-filters {
  color: #171f3b !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
  overflow: visible !important;
}

.bee1-ulg-shell .bee1-filter__title,
.bee1-filters .bee1-filter__title {
  color: #111 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em;
  margin-bottom: 12px !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid #e5e7eb !important;
}

/* ── Active filters bar (top chips) ── */
.bee1-ulg-shell .bee1-active-filters,
.bee1-filters .bee1-active-filters {
  background: #f3f4f6 !important;
  border: 1px solid #d4d4d8 !important;
  border-radius: 1px !important;
  padding: 10px 12px !important;
  margin-bottom: 16px !important;
  gap: 8px !important;
  align-items: center !important;
}

.bee1-ulg-shell .bee1-active-filters__label,
.bee1-filters .bee1-active-filters__label {
  color: #374151 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

/* Selected chips: NEVER black text on black fill */
.bee1-ulg-shell .bee1-active-filter:not(.bee1-active-filter--clear-all),
.bee1-filters .bee1-active-filter:not(.bee1-active-filter--clear-all),
.bee1-ulg-shell button.bee1-active-filter:not(.bee1-active-filter--clear-all),
.bee1-filters button.bee1-active-filter:not(.bee1-active-filter--clear-all) {
  background: #333333 !important;
  border: 1px solid #333333 !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  padding: 6px 10px !important;
  border-radius: 1px !important;
  gap: 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  min-height: 34px !important;
  box-shadow: none !important;
}

.bee1-ulg-shell .bee1-active-filter__tax,
.bee1-filters .bee1-active-filter__tax,
.bee1-ulg-shell .bee1-active-filter__name,
.bee1-filters .bee1-active-filter__name,
.bee1-ulg-shell .bee1-active-filter__remove,
.bee1-filters .bee1-active-filter__remove {
  color: #ffffff !important;
  opacity: 1 !important;
}

.bee1-ulg-shell .bee1-active-filter:not(.bee1-active-filter--clear-all):hover,
.bee1-filters .bee1-active-filter:not(.bee1-active-filter--clear-all):hover {
  background: #111111 !important;
  border-color: #111111 !important;
  color: #ffffff !important;
}

/* Clear-all chip: light button, dark text */
.bee1-ulg-shell .bee1-active-filter--clear-all,
.bee1-filters .bee1-active-filter--clear-all {
  background: #ffffff !important;
  border: 1px solid #333333 !important;
  color: #111111 !important;
  font-weight: 700 !important;
}

.bee1-ulg-shell .bee1-active-filter--clear-all:hover,
.bee1-filters .bee1-active-filter--clear-all:hover {
  background: #333333 !important;
  color: #ffffff !important;
}

/*
 * ── Colors (Francobane classic) — MULTI per row to save height ──
 * Several squares on one line; name UNDER each square.
 *
 *   [■] [■] [■] [■] [■]
 *   n1  n2  n3  n4  n5
 */
body .bee1-ulg-shell .bee1-filter--color ul.bee1-filter__list,
body .bee1-filters .bee1-filter--color ul.bee1-filter__list,
body .bee1-ulg-shell .bee1-filter--color .bee1-filter__list,
body .bee1-filters .bee1-filter--color .bee1-filter__list,
body .bee1-ulg-shell ul.bee1-filter__list--color-grid,
body .bee1-filters ul.bee1-filter__list--color-grid,
body .bee1-ulg-shell ul.bee1-filter__list--color-square,
body .bee1-filters ul.bee1-filter__list--color-square,
body .bee1-ulg-shell ul.bee1-filter__list--color-round,
body .bee1-filters ul.bee1-filter__list--color-round {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(48px, 1fr)) !important;
  grid-auto-flow: row !important;
  flex-direction: unset !important;
  flex-wrap: unset !important;
  gap: 12px 8px !important;
  align-items: start !important;
  justify-items: center !important;
  width: 100% !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body .bee1-ulg-shell .bee1-filter__item--color,
body .bee1-filters .bee1-filter__item--color {
  display: block !important;
  margin: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 56px !important;
  flex: unset !important;
  position: relative !important;
  overflow: visible !important;
  list-style: none !important;
  float: none !important;
}

/* Inside each cell: stack swatch → name (vertical) */
body .bee1-ulg-shell .bee1-filter__item--color > .bee1-filter__control,
body .bee1-filters .bee1-filter__item--color > .bee1-filter__control,
body .bee1-ulg-shell .bee1-filter__item--color > a.bee1-filter__control,
body .bee1-filters .bee1-filter__item--color > a.bee1-filter__control,
body .bee1-ulg-shell .bee1-filter__item--color > button.bee1-filter__control,
body .bee1-filters .bee1-filter__item--color > button.bee1-filter__control,
body .bee1-ulg-shell .bee1-filter__item--color > a,
body .bee1-filters .bee1-filter__item--color > a,
body .bee1-ulg-shell .bee1-filter__item--color > button,
body .bee1-filters .bee1-filter__item--color > button {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 5px !important;
  width: 100% !important;
  max-width: 56px !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 2px !important;
  margin: 0 auto !important;
  text-align: center !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  color: #171f3b !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 1.15 !important;
  position: relative !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
}

body .bee1-ulg-shell .bee1-filter__item--color > .bee1-filter__control:hover,
body .bee1-filters .bee1-filter__item--color > .bee1-filter__control:hover {
  background: transparent !important;
  border: 0 !important;
  color: #111 !important;
}

body .bee1-ulg-shell .bee1-filter__item--color.is-active > .bee1-filter__control,
body .bee1-filters .bee1-filter__item--color.is-active > .bee1-filter__control {
  background: transparent !important;
  border: 0 !important;
  color: #111 !important;
}

/* Square on top */
body .bee1-ulg-shell .bee1-filter__item--color .bee1-swatch,
body .bee1-filters .bee1-filter__item--color .bee1-swatch {
  order: 0 !important;
  flex: 0 0 34px !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  max-width: 34px !important;
  border: 1px solid #111 !important;
  border-radius: 1px !important;
  position: relative !important;
  z-index: 1 !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35) !important;
  margin: 0 auto !important;
  float: none !important;
  display: block !important;
}

body .bee1-ulg-shell .bee1-filter__item--color.is-active .bee1-swatch,
body .bee1-filters .bee1-filter__item--color.is-active .bee1-swatch {
  box-shadow:
    0 0 0 1px #fff,
    0 0 0 2px #333333 !important;
}

/* Name UNDER the square */
body .bee1-ulg-shell .bee1-filter__item--color .bee1-swatch-label,
body .bee1-filters .bee1-filter__item--color .bee1-swatch-label {
  order: 1 !important;
  position: static !important;
  flex: 0 0 auto !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #171f3b !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
  word-break: break-word !important;
  opacity: 1 !important;
  z-index: 2 !important;
  transform: none !important;
  inset: auto !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  float: none !important;
}

/* Hide pseudo checkbox on color cells */
body .bee1-ulg-shell .bee1-filter__item--color .bee1-filter__control::before,
body .bee1-filters .bee1-filter__item--color .bee1-filter__control::before,
body .bee1-ulg-shell .bee1-filter__item--color > a::before,
body .bee1-filters .bee1-filter__item--color > a::before,
body .bee1-ulg-shell .bee1-filter__item--color > button::before,
body .bee1-filters .bee1-filter__item--color > button::before {
  display: none !important;
  content: none !important;
}

/* RTL: same stacked cell, multi-column grid */
[dir="rtl"] body .bee1-ulg-shell .bee1-filter__item--color > .bee1-filter__control,
[dir="rtl"] body .bee1-filters .bee1-filter__item--color > .bee1-filter__control,
[dir="rtl"] .bee1-ulg-shell .bee1-filter__item--color > .bee1-filter__control,
[dir="rtl"] .bee1-filters .bee1-filter__item--color > .bee1-filter__control {
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

[dir="rtl"] body .bee1-ulg-shell .bee1-filter__item--color .bee1-swatch-label,
[dir="rtl"] body .bee1-filters .bee1-filter__item--color .bee1-swatch-label,
[dir="rtl"] .bee1-ulg-shell .bee1-swatch-label,
[dir="rtl"] .bee1-filters .bee1-swatch-label {
  text-align: center !important;
}

/* ── Size / checkbox rows ── */
.bee1-ulg-shell .bee1-filter__item:not(.bee1-filter__item--color) > .bee1-filter__control,
.bee1-filters .bee1-filter__item:not(.bee1-filter__item--color) > .bee1-filter__control,
.bee1-ulg-shell .bee1-filter__item:not(.bee1-filter__item--color) > a,
.bee1-filters .bee1-filter__item:not(.bee1-filter__item--color) > a,
.bee1-ulg-shell .bee1-filter__item:not(.bee1-filter__item--color) > button,
.bee1-filters .bee1-filter__item:not(.bee1-filter__item--color) > button {
  color: #171f3b !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  gap: 10px !important;
  padding: 6px 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  border-color: transparent !important;
}

.bee1-ulg-shell .bee1-term-name,
.bee1-filters .bee1-term-name {
  color: #171f3b !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

.bee1-ulg-shell .bee1-count,
.bee1-filters .bee1-count {
  color: #4b5563 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  margin-inline-start: auto !important;
  opacity: 1 !important;
  position: static !important;
}

/* Checkbox box: light fill, dark border — selected dark fill + white check only on the box */
.bee1-ulg-shell .bee1-filter__item:not(.bee1-filter__item--color) .bee1-filter__control::before,
.bee1-filters .bee1-filter__item:not(.bee1-filter__item--color) .bee1-filter__control::before,
.bee1-ulg-shell .bee1-filter__item:not(.bee1-filter__item--color) > a::before,
.bee1-filters .bee1-filter__item:not(.bee1-filter__item--color) > a::before,
.bee1-ulg-shell .bee1-filter__item:not(.bee1-filter__item--color) > button::before,
.bee1-filters .bee1-filter__item:not(.bee1-filter__item--color) > button::before {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 1px solid #333333 !important;
  width: 18px !important;
  height: 18px !important;
  flex-shrink: 0 !important;
}

.bee1-ulg-shell .bee1-filter__item.is-active:not(.bee1-filter__item--color) .bee1-filter__control::before,
.bee1-filters .bee1-filter__item.is-active:not(.bee1-filter__item--color) .bee1-filter__control::before,
.bee1-ulg-shell .bee1-filter__item.is-active:not(.bee1-filter__item--color) > a::before,
.bee1-filters .bee1-filter__item.is-active:not(.bee1-filter__item--color) > a::before,
.bee1-ulg-shell .bee1-filter__item.is-active:not(.bee1-filter__item--color) > button::before,
.bee1-filters .bee1-filter__item.is-active:not(.bee1-filter__item--color) > button::before {
  background: #333333 !important;
  background-color: #333333 !important;
  border-color: #333333 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpolyline points='1,5 4,8 11,1' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 10px !important;
}

/* Selected row text stays DARK on light — never black-on-black */
.bee1-ulg-shell .bee1-filter__item.is-active:not(.bee1-filter__item--color) .bee1-term-name,
.bee1-filters .bee1-filter__item.is-active:not(.bee1-filter__item--color) .bee1-term-name,
.bee1-ulg-shell .bee1-filter__item.is-active:not(.bee1-filter__item--color) > .bee1-filter__control,
.bee1-filters .bee1-filter__item.is-active:not(.bee1-filter__item--color) > .bee1-filter__control,
.bee1-ulg-shell .bee1-filter__item.is-active:not(.bee1-filter__item--color) > a,
.bee1-filters .bee1-filter__item.is-active:not(.bee1-filter__item--color) > a,
.bee1-ulg-shell .bee1-filter__item.is-active:not(.bee1-filter__item--color) > button,
.bee1-filters .bee1-filter__item.is-active:not(.bee1-filter__item--color) > button,
.bee1-ulg-shell .bee1-filter__item.is-active:not(.bee1-filter__item--color) .bee1-count,
.bee1-filters .bee1-filter__item.is-active:not(.bee1-filter__item--color) .bee1-count,
.bee1-filters.has-pending-filters .bee1-filter__item.is-active:not(.bee1-filter__item--color) > .bee1-filter__control,
.bee1-ulg-shell.has-pending-filters .bee1-filter__item.is-active:not(.bee1-filter__item--color) > .bee1-filter__control {
  color: #111111 !important;
  background: transparent !important;
  background-color: transparent !important;
}

/*
 * SIZE BLOCK only (controls with data-filter="filter_size").
 * Idle pill: white + dark text. Active pill: dark fill + WHITE text.
 * Material / other checkboxes stay normal list rows above.
 */
.bee1-ulg-shell .bee1-filter--checkbox:has([data-filter="filter_size"]) .bee1-filter__list,
.bee1-filters .bee1-filter--checkbox:has([data-filter="filter_size"]) .bee1-filter__list,
.bee1-ulg-shell .bee1-filter:has([data-filter="filter_size"]) .bee1-filter__list,
.bee1-filters .bee1-filter:has([data-filter="filter_size"]) .bee1-filter__list {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  align-items: stretch !important;
}

.bee1-ulg-shell .bee1-filter:has([data-filter="filter_size"]) .bee1-filter__item,
.bee1-filters .bee1-filter:has([data-filter="filter_size"]) .bee1-filter__item {
  margin: 0 !important;
  width: auto !important;
  min-width: 44px !important;
  flex: 0 0 auto !important;
}

.bee1-ulg-shell .bee1-filter:has([data-filter="filter_size"]) .bee1-filter__item > .bee1-filter__control,
.bee1-filters .bee1-filter:has([data-filter="filter_size"]) .bee1-filter__item > .bee1-filter__control,
.bee1-ulg-shell .bee1-filter:has([data-filter="filter_size"]) .bee1-filter__item > a,
.bee1-filters .bee1-filter:has([data-filter="filter_size"]) .bee1-filter__item > a,
.bee1-ulg-shell .bee1-filter:has([data-filter="filter_size"]) .bee1-filter__item > button,
.bee1-filters .bee1-filter:has([data-filter="filter_size"]) .bee1-filter__item > button,
.bee1-ulg-shell [data-filter="filter_size"],
.bee1-filters [data-filter="filter_size"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  min-width: 44px !important;
  min-height: 40px !important;
  padding: 8px 12px !important;
  margin: 0 !important;
  border: 1px solid #333333 !important;
  border-radius: 1px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #111111 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  box-shadow: none !important;
  width: auto !important;
}

/* Hide checkbox square on size pills */
.bee1-ulg-shell .bee1-filter:has([data-filter="filter_size"]) .bee1-filter__item > .bee1-filter__control::before,
.bee1-filters .bee1-filter:has([data-filter="filter_size"]) .bee1-filter__item > .bee1-filter__control::before,
.bee1-ulg-shell .bee1-filter:has([data-filter="filter_size"]) .bee1-filter__item > a::before,
.bee1-filters .bee1-filter:has([data-filter="filter_size"]) .bee1-filter__item > a::before,
.bee1-ulg-shell .bee1-filter:has([data-filter="filter_size"]) .bee1-filter__item > button::before,
.bee1-filters .bee1-filter:has([data-filter="filter_size"]) .bee1-filter__item > button::before,
.bee1-ulg-shell [data-filter="filter_size"]::before,
.bee1-filters [data-filter="filter_size"]::before {
  display: none !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: none !important;
  background-image: none !important;
}

.bee1-ulg-shell .bee1-filter:has([data-filter="filter_size"]) .bee1-term-name,
.bee1-filters .bee1-filter:has([data-filter="filter_size"]) .bee1-term-name,
.bee1-ulg-shell [data-filter="filter_size"] .bee1-term-name,
.bee1-filters [data-filter="filter_size"] .bee1-term-name {
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  margin: 0 !important;
}

.bee1-ulg-shell .bee1-filter:has([data-filter="filter_size"]) .bee1-count,
.bee1-filters .bee1-filter:has([data-filter="filter_size"]) .bee1-count,
.bee1-ulg-shell [data-filter="filter_size"] .bee1-count,
.bee1-filters [data-filter="filter_size"] .bee1-count {
  display: none !important;
}

/* ACTIVE size: dark fill + WHITE number text */
.bee1-ulg-shell .bee1-filter:has([data-filter="filter_size"]) .bee1-filter__item.is-active > .bee1-filter__control,
.bee1-filters .bee1-filter:has([data-filter="filter_size"]) .bee1-filter__item.is-active > .bee1-filter__control,
.bee1-ulg-shell .bee1-filter:has([data-filter="filter_size"]) .bee1-filter__item.is-active > a,
.bee1-filters .bee1-filter:has([data-filter="filter_size"]) .bee1-filter__item.is-active > a,
.bee1-ulg-shell .bee1-filter:has([data-filter="filter_size"]) .bee1-filter__item.is-active > button,
.bee1-filters .bee1-filter:has([data-filter="filter_size"]) .bee1-filter__item.is-active > button,
.bee1-ulg-shell .bee1-filter__item.is-active > [data-filter="filter_size"],
.bee1-filters .bee1-filter__item.is-active > [data-filter="filter_size"],
.bee1-ulg-shell li.is-active > [data-filter="filter_size"],
.bee1-filters li.is-active > [data-filter="filter_size"],
.bee1-filters.has-pending-filters .bee1-filter__item.is-active > [data-filter="filter_size"],
.bee1-ulg-shell.has-pending-filters .bee1-filter__item.is-active > [data-filter="filter_size"] {
  background: #333333 !important;
  background-color: #333333 !important;
  border-color: #333333 !important;
  color: #ffffff !important;
}

.bee1-ulg-shell .bee1-filter:has([data-filter="filter_size"]) .bee1-filter__item.is-active .bee1-term-name,
.bee1-filters .bee1-filter:has([data-filter="filter_size"]) .bee1-filter__item.is-active .bee1-term-name,
.bee1-ulg-shell .bee1-filter__item.is-active > [data-filter="filter_size"] .bee1-term-name,
.bee1-filters .bee1-filter__item.is-active > [data-filter="filter_size"] .bee1-term-name,
.bee1-ulg-shell .bee1-filter__item.is-active > [data-filter="filter_size"] *,
.bee1-filters .bee1-filter__item.is-active > [data-filter="filter_size"] * {
  color: #ffffff !important;
}

.bee1-ulg-shell .bee1-filter:has([data-filter="filter_size"]) .bee1-filter__item > .bee1-filter__control:hover,
.bee1-filters .bee1-filter:has([data-filter="filter_size"]) .bee1-filter__item > .bee1-filter__control:hover,
.bee1-ulg-shell [data-filter="filter_size"]:hover,
.bee1-filters [data-filter="filter_size"]:hover {
  background: #f3f4f6 !important;
  background-color: #f3f4f6 !important;
  color: #111111 !important;
  border-color: #111111 !important;
}

.bee1-ulg-shell .bee1-filter:has([data-filter="filter_size"]) .bee1-filter__item.is-active > .bee1-filter__control:hover,
.bee1-filters .bee1-filter:has([data-filter="filter_size"]) .bee1-filter__item.is-active > .bee1-filter__control:hover,
.bee1-ulg-shell .bee1-filter__item.is-active > [data-filter="filter_size"]:hover,
.bee1-filters .bee1-filter__item.is-active > [data-filter="filter_size"]:hover {
  background: #111111 !important;
  background-color: #111111 !important;
  color: #ffffff !important;
  border-color: #111111 !important;
}

/* Kill ULG accent paint on size active pseudo/control backgrounds */
.bee1-ulg-shell .bee1-filter:has([data-filter="filter_size"]) .bee1-filter__item.is-active a::before,
.bee1-ulg-shell .bee1-filter:has([data-filter="filter_size"]) .bee1-filter__item.is-active button::before {
  display: none !important;
  background: none !important;
  background-color: transparent !important;
}

/* Disabled options stay greyed but not black-on-black */
.bee1-ulg-shell .bee1-filter__item.is-disabled > .bee1-filter__control,
.bee1-filters .bee1-filter__item.is-disabled > .bee1-filter__control {
  color: #9ca3af !important;
  opacity: 0.65 !important;
}

/* Collapse toggle readable */
.bee1-ulg-shell .bee1-collapse-toggle button,
.bee1-filters .bee1-collapse-toggle button {
  color: #333333 !important;
  border: 1px solid #d4d4d8 !important;
  background: #fff !important;
  font-weight: 700 !important;
  min-height: 34px !important;
}

.bee1-ulg-shell .bee1-collapse-toggle button:hover,
.bee1-filters .bee1-collapse-toggle button:hover {
  background: #333333 !important;
  border-color: #333333 !important;
  color: #fff !important;
}

/* (RTL color rules are with the color block above) */


/*
 * Francobane: hard 1px radius on color swatches + checkbox boxes only.
 * Plugin defaults are 7px (square) / 999px (round) / 4px (--b1f-radius on ::before).
 * Load last via client-overrides; nuclear selectors beat plugin + ULG.
 */
html body .bee1-filters,
html body .bee1-ulg-shell,
html body .bee1-ulg-filters-panel {
  --b1f-radius: 1px !important;
}

html body .bee1-swatch,
html body span.bee1-swatch,
html body .bee1-filters .bee1-swatch,
html body .bee1-ulg-shell .bee1-swatch,
html body .bee1-filter__item--color .bee1-swatch,
html body .bee1-filters .bee1-filter__item--color .bee1-swatch,
html body .bee1-ulg-shell .bee1-filter__item--color .bee1-swatch,
html body .bee1-filter__list--color-square .bee1-swatch,
html body .bee1-filter__list--color-round .bee1-swatch,
html body .bee1-filter__list--color-grid .bee1-swatch,
html body .bee1-filters .bee1-filter__list--color-square .bee1-swatch,
html body .bee1-filters .bee1-filter__list--color-round .bee1-swatch,
html body .bee1-filters .bee1-filter__list--color-grid .bee1-swatch,
html body .bee1-ulg-shell .bee1-filter__list--color-square .bee1-swatch,
html body .bee1-ulg-shell .bee1-filter__list--color-round .bee1-swatch,
html body .bee1-ulg-shell .bee1-filter__list--color-grid .bee1-swatch {
  border-radius: 1px !important;
  -webkit-border-radius: 1px !important;
}

/* Active check overlay must match the square */
html body .bee1-swatch::after,
html body .bee1-filter__item--color.is-active .bee1-swatch::after,
html body .bee1-filters .bee1-filter__item--color.is-active .bee1-swatch::after,
html body .bee1-ulg-shell .bee1-filter__item--color.is-active .bee1-swatch::after {
  border-radius: 1px !important;
  -webkit-border-radius: 1px !important;
}

/* Checkbox / list boxes (not size pills — those hide ::before) */
html body .bee1-filter__item:not(.bee1-filter__item--color) a::before,
html body .bee1-filter__item:not(.bee1-filter__item--color) button::before,
html body .bee1-filter__item:not(.bee1-filter__item--color) .bee1-filter__control::before,
html body .bee1-filters .bee1-filter__item:not(.bee1-filter__item--color) a::before,
html body .bee1-filters .bee1-filter__item:not(.bee1-filter__item--color) button::before,
html body .bee1-filters .bee1-filter__item:not(.bee1-filter__item--color) .bee1-filter__control::before,
html body .bee1-filters .bee1-filter__item:not(.bee1-filter__item--color) > a::before,
html body .bee1-filters .bee1-filter__item:not(.bee1-filter__item--color) > button::before,
html body .bee1-ulg-shell .bee1-filter__item:not(.bee1-filter__item--color) a::before,
html body .bee1-ulg-shell .bee1-filter__item:not(.bee1-filter__item--color) button::before,
html body .bee1-ulg-shell .bee1-filter__item:not(.bee1-filter__item--color) .bee1-filter__control::before,
html body .bee1-ulg-shell .bee1-filter__item:not(.bee1-filter__item--color) > a::before,
html body .bee1-ulg-shell .bee1-filter__item:not(.bee1-filter__item--color) > button::before {
  border-radius: 1px !important;
  -webkit-border-radius: 1px !important;
}

/*
 * 2026-07-26 — gentler color names (beat plugin .bee1-swatch-label { 600 }).
 * Regular weight only; titles / size pills / chips keep their own weights.
 */
html body .bee1-swatch-label,
html body .bee1-filters .bee1-swatch-label,
html body .bee1-ulg-shell .bee1-swatch-label,
html body .bee1-filter__item--color .bee1-swatch-label,
html body .bee1-filters .bee1-filter__item--color .bee1-swatch-label,
html body .bee1-ulg-shell .bee1-filter__item--color .bee1-swatch-label,
html body .bee1-filter__item--color > .bee1-filter__control,
html body .bee1-filters .bee1-filter__item--color > .bee1-filter__control,
html body .bee1-ulg-shell .bee1-filter__item--color > .bee1-filter__control {
  font-weight: 400 !important;
  font-size: 10px !important;
}

html body .bee1-swatch-label,
html body .bee1-filters .bee1-swatch-label,
html body .bee1-ulg-shell .bee1-swatch-label,
html body .bee1-filter__item--color .bee1-swatch-label {
  font-size: 10px !important;
}

/*
 * Uniform 1px radius on ALL visible filter chrome (chips, size pills, bar, collapse).
 * Swatches + checkboxes already forced above; this closes the remaining surfaces.
 */
html body .bee1-active-filters,
html body .bee1-filters .bee1-active-filters,
html body .bee1-ulg-shell .bee1-active-filters,
html body .bee1-active-filter,
html body .bee1-filters .bee1-active-filter,
html body .bee1-ulg-shell .bee1-active-filter,
html body .bee1-filter:has([data-filter="filter_size"]) .bee1-filter__item > .bee1-filter__control,
html body .bee1-filters .bee1-filter:has([data-filter="filter_size"]) .bee1-filter__item > .bee1-filter__control,
html body .bee1-ulg-shell .bee1-filter:has([data-filter="filter_size"]) .bee1-filter__item > .bee1-filter__control,
html body [data-filter="filter_size"],
html body .bee1-filters [data-filter="filter_size"],
html body .bee1-ulg-shell [data-filter="filter_size"],
html body .bee1-collapse-toggle button,
html body .bee1-filters .bee1-collapse-toggle button,
html body .bee1-ulg-shell .bee1-collapse-toggle button,
html body .bee1-filter__select,
html body .bee1-filters .bee1-filter__select,
html body .bee1-ulg-shell .bee1-filter__select {
  border-radius: 1px !important;
  -webkit-border-radius: 1px !important;
}

/*
 * Thin 1px borders everywhere (beat plugin 2px swatch/checkbox defaults).
 */
html body .bee1-swatch,
html body .bee1-filters .bee1-swatch,
html body .bee1-ulg-shell .bee1-swatch,
html body .bee1-filter__item--color .bee1-swatch,
html body .bee1-active-filters,
html body .bee1-filters .bee1-active-filters,
html body .bee1-ulg-shell .bee1-active-filters,
html body .bee1-active-filter,
html body .bee1-filters .bee1-active-filter,
html body .bee1-ulg-shell .bee1-active-filter,
html body [data-filter="filter_size"],
html body .bee1-filters [data-filter="filter_size"],
html body .bee1-ulg-shell [data-filter="filter_size"],
html body .bee1-filter:has([data-filter="filter_size"]) .bee1-filter__item > .bee1-filter__control,
html body .bee1-collapse-toggle button,
html body .bee1-filters .bee1-collapse-toggle button,
html body .bee1-filter__select,
html body .bee1-filters .bee1-filter__select {
  border-width: 1px !important;
}

html body .bee1-filter__item:not(.bee1-filter__item--color) a::before,
html body .bee1-filter__item:not(.bee1-filter__item--color) button::before,
html body .bee1-filter__item:not(.bee1-filter__item--color) .bee1-filter__control::before,
html body .bee1-filters .bee1-filter__item:not(.bee1-filter__item--color) a::before,
html body .bee1-filters .bee1-filter__item:not(.bee1-filter__item--color) button::before,
html body .bee1-filters .bee1-filter__item:not(.bee1-filter__item--color) .bee1-filter__control::before,
html body .bee1-ulg-shell .bee1-filter__item:not(.bee1-filter__item--color) a::before,
html body .bee1-ulg-shell .bee1-filter__item:not(.bee1-filter__item--color) button::before,
html body .bee1-ulg-shell .bee1-filter__item:not(.bee1-filter__item--color) .bee1-filter__control::before {
  border-width: 1px !important;
}

html body .bee1-filter__item--color.is-active .bee1-swatch,
html body .bee1-filters .bee1-filter__item--color.is-active .bee1-swatch,
html body .bee1-ulg-shell .bee1-filter__item--color.is-active .bee1-swatch {
  box-shadow:
    0 0 0 1px #fff,
    0 0 0 2px #333333 !important;
}