/* ------------------------------------------------------------------
 * Header additions (2026-09-28). Linked with a ?v= cache-buster from
 * snippets/header.liquid: bump it on every change.
 * ------------------------------------------------------------------ */

/* Item count over the cart icon, desktop and mobile. The svg box is wider
   than the drawn bag and centres it, so the badge is placed from the middle. */
.kr-cart-icon {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.kr-cart-badge {
  position: absolute;
  top: -7px;
  left: 50%;
  margin-left: 3px;
  box-sizing: border-box;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 9px;
  background: #111827;
  box-shadow: 0 0 0 2px #fff;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  line-height: 18px;
  text-align: center;
  pointer-events: none;
}

.kr-cart-badge[hidden] {
  display: none;
}

/* The menu links carry 8.5px of top padding and 12.5px of bottom padding,
   the Weglot switcher none: centred by the same flex row, the flag and "FR"
   sat about 3px above the other labels. */
@media (min-width: 992px) {
  .navbar-right > .weglot-container {
    position: relative;
    top: 3px;
  }
}