/* Company 51 — Account + Cart */
.c51-site-header__actions {
  gap: clamp(10px, 1vw, 18px);
}

.c51-site-header__actions > .c51-account,
.c51-site-header__actions > .c51-cart,
.c51-site-header__actions > .c51-header-search {
  flex: 0 0 auto;
}

.c51-account .wc-block-customer-account__account-icon,
.c51-account svg {
  width: 24px;
  height: 24px;
}

.c51-account a,
.c51-cart .wc-block-mini-cart__button {
  color: #f7f7f2;
  min-height: 44px;
  min-width: 44px;
  padding: 10px;
  border-radius: 2px;
}

.c51-account a:hover,
.c51-account a:focus-visible,
.c51-cart .wc-block-mini-cart__button:hover,
.c51-cart .wc-block-mini-cart__button:focus-visible {
  color: #b8d631;
}

.c51-account a:focus-visible,
.c51-cart .wc-block-mini-cart__button:focus-visible {
  outline: 2px solid #b8d631;
  outline-offset: 2px;
}

.c51-cart .wc-block-mini-cart__quantity-badge,
.c51-cart .wc-block-mini-cart__badge {
  color: #101413;
  font-weight: 700;
}

@media (max-width: 960px) {
  .c51-site-header__actions {
    gap: 6px;
  }
}

@media (max-width: 600px) {
  .c51-account a,
  .c51-cart .wc-block-mini-cart__button {
    min-height: 42px;
    min-width: 42px;
    padding: 9px;
  }
}

/* v0.1.9: normalize WooCommerce Mini Cart icon treatment */
.c51-cart .wc-block-mini-cart__button {
  --wc-mini-cart-icon-color: #ffffff !important;
  background: transparent !important;
  background-color: transparent !important;
  color: #ffffff !important;
  box-shadow: none !important;
  border: 0 !important;
}

.c51-cart .wc-block-mini-cart__button svg,
.c51-cart .wc-block-mini-cart__button svg path,
.c51-cart .wc-block-mini-cart__button svg rect,
.c51-cart .wc-block-mini-cart__button svg circle {
  color: #ffffff !important;
  fill: none !important;
  stroke: currentColor !important;
}

.c51-cart .wc-block-mini-cart__button:hover,
.c51-cart .wc-block-mini-cart__button:focus-visible {
  background: transparent !important;
  background-color: transparent !important;
  color: #b8d631 !important;
}

.c51-cart .wc-block-mini-cart__button:hover svg,
.c51-cart .wc-block-mini-cart__button:hover svg path,
.c51-cart .wc-block-mini-cart__button:focus-visible svg,
.c51-cart .wc-block-mini-cart__button:focus-visible svg path {
  color: #cdf580 !important;
  fill: none !important;
  stroke: currentColor !important;
}

.c51-cart .wc-block-mini-cart__quantity-badge {
  background: #cdf580 !important;
  color: #101413 !important;
  border: 0 !important;
}


/* v0.2.1: remove WooCommerce Mini Cart wrapper/background styling */
.c51-cart,
.c51-cart .wc-block-mini-cart,
.c51-cart .wc-block-mini-cart__button-container,
.c51-cart .wc-block-mini-cart__button,
.c51-cart .wc-block-components-button {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}
.c51-cart .wc-block-mini-cart__button-container {
  padding: 0 !important;
  margin: 0 !important;
}
.c51-cart .wc-block-mini-cart__button {
  -webkit-appearance: none !important;
  appearance: none !important;
}
.c51-cart .wc-block-mini-cart__button svg {
  background: transparent !important;
  background-color: transparent !important;
  filter: none !important;
}
.c51-cart .wc-block-mini-cart__button svg path,
.c51-cart .wc-block-mini-cart__button svg rect,
.c51-cart .wc-block-mini-cart__button svg circle,
.c51-cart .wc-block-mini-cart__button svg polygon {
  fill: none !important;
  stroke: currentColor !important;
}

.c51-cart .wc-block-mini-cart__button:hover,
.c51-cart .wc-block-mini-cart__button:focus-visible {
  color: #cdf580 !important;
  --wc-mini-cart-icon-color: #cdf580 !important;
}

/* Draw the visible bag ourselves so WooCommerce/theme color rules cannot turn
   its icon into a filled tile. The native mini-cart button remains functional. */
.c51-cart .wc-block-mini-cart__icon,
.c51-cart .wc-block-mini-cart__button svg {
  display: none !important;
}
.c51-cart .wc-block-mini-cart__button::before {
  content: "";
  display: block;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("../images/icons/cart-bag-mask.svg") center / contain no-repeat;
  mask: url("../images/icons/cart-bag-mask.svg") center / contain no-repeat;
}
.c51-cart .wc-block-mini-cart__button,
.c51-cart .wc-block-mini-cart__button:hover,
.c51-cart .wc-block-mini-cart__button:focus-visible {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.c51-cart .wc-block-mini-cart__button {
  color: #ffffff !important;
  --wc-mini-cart-icon-color: #ffffff !important;
}
.c51-cart .wc-block-mini-cart__button:hover,
.c51-cart .wc-block-mini-cart__button:focus-visible {
  color: #cdf580 !important;
  --wc-mini-cart-icon-color: #cdf580 !important;
}