/* Shared native checkbox appearance for the shop and back office.
   Uniform wrappers remain in place so existing events and form state are preserved. */
input[type="checkbox"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  position: relative !important;
  box-sizing: border-box !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  max-width: 16px !important;
  min-height: 16px !important;
  max-height: 16px !important;
  aspect-ratio: 1;
  flex: 0 0 16px;
  padding: 0 !important;
  border: 1px solid var(--filter-border, #b8c4d3) !important;
  border-radius: 3px !important;
  background: #fff !important;
  background-image: none !important;
  box-shadow: none !important;
  vertical-align: middle;
  cursor: pointer;
}
input[type="checkbox"]::before {
  content: "" !important;
  display: none !important;
  position: absolute !important;
  left: 4px !important;
  top: 1px !important;
  width: 5px !important;
  height: 9px !important;
  border: solid var(--filter-accent, #00cf78) !important;
  border-width: 0 2px 2px 0 !important;
  transform: rotate(45deg) !important;
}
input[type="checkbox"]:checked,
input[type="checkbox"]:indeterminate {
  border-color: var(--filter-accent, #00cf78) !important;
  background: var(--filter-selected, #e8f7ef) !important;
}
input[type="checkbox"]:checked::before,
input[type="checkbox"]:indeterminate::before { display: block !important; }
input[type="checkbox"]:indeterminate::before {
  left: 3px !important;
  top: 6px !important;
  width: 8px !important;
  height: 0 !important;
  border-width: 0 0 2px !important;
  transform: none !important;
}
input[type="checkbox"]:focus-visible { outline: 2px solid var(--filter-accent, #00cf78); outline-offset: 3px; }
input[type="checkbox"]:disabled { opacity: .5; cursor: default; }
.checker, .checker > span {
  box-sizing: border-box !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  max-width: 16px !important;
  min-height: 16px !important;
  max-height: 16px !important;
  aspect-ratio: 1;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}
div.checker > span::before, div.checker > span::after { content: none !important; display: none !important; }
.checker > span { display: inline-block !important; position: relative !important; }
.checker > span > input[type="checkbox"] {
  position: absolute !important;
  inset: 0 !important;
  margin: 0 !important;
  opacity: 1 !important;
}
.checker > span > input[type="checkbox"]:disabled { opacity: .5 !important; }
/* Switches keep their label-driven layout; their checkbox remains hidden. */
.prestashop-switch input[type="checkbox"], .switch-light input[type="checkbox"] { position: absolute !important; }
@media (forced-colors: active) {
  input[type="checkbox"] { forced-color-adjust: none; border-color: CanvasText !important; background: Canvas !important; }
  input[type="checkbox"]:checked, input[type="checkbox"]:indeterminate { background: Highlight !important; border-color: Highlight !important; }
  input[type="checkbox"]::before { border-color: HighlightText !important; }
}