/* Krafty header icons — appearance only. Original anchors, URLs and WooCommerce cart fragments remain untouched. */
:root {
  --kcxe-icon-coral: #ff735e;
  --kcxe-icon-gold: #bd963a;
  --kcxe-icon-black: #101010;
}

.kce-header-search,
.kce-header-cart {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 26px;
  min-height: 26px;
  color: var(--kcxe-icon-coral) !important;
  line-height: 1 !important;
  text-decoration: none !important;
  transition: color .18s ease, transform .18s ease !important;
}

.kce-header-search:hover,
.kce-header-search:focus,
.kce-header-cart:hover,
.kce-header-cart:focus {
  color: var(--kcxe-icon-gold) !important;
  transform: translateY(-1px);
  outline: none;
}

.kce-header-search::before,
.kce-header-cart::before {
  display: block !important;
  width: 22px;
  height: 22px;
  background: currentColor;
  content: "" !important;
  flex: 0 0 22px;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}

.kce-header-search::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M10.7 3a7.7 7.7 0 1 0 4.78 13.74l4.39 4.39 1.41-1.42-4.38-4.38A7.7 7.7 0 0 0 10.7 3Zm0 2a5.7 5.7 0 1 1 0 11.4 5.7 5.7 0 0 1 0-11.4Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M10.7 3a7.7 7.7 0 1 0 4.78 13.74l4.39 4.39 1.41-1.42-4.38-4.38A7.7 7.7 0 0 0 10.7 3Zm0 2a5.7 5.7 0 1 1 0 11.4 5.7 5.7 0 0 1 0-11.4Z'/%3E%3C/svg%3E");
}

.kce-header-cart::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7 4h-2v2h1.2l1.7 8.5A2 2 0 0 0 9.86 16H18v-2H9.86l-.4-2H18.3a2 2 0 0 0 1.9-1.37L22 5H7Zm2.86 6L9.46 8H19.3l-.7 2H9.86ZM10 17a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7 4h-2v2h1.2l1.7 8.5A2 2 0 0 0 9.86 16H18v-2H9.86l-.4-2H18.3a2 2 0 0 0 1.9-1.37L22 5H7Zm2.86 6L9.46 8H19.3l-.7 2H9.86ZM10 17a2 2 0 1 0 0 4 2 2 0 0 0 0-4Zm7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z'/%3E%3C/svg%3E");
}

/* Hide only icon glyphs. Cart count elements remain visible and functional. */
.kce-header-search > i,
.kce-header-search > svg,
.kce-header-search > .icon,
.kce-header-search > .fa,
.kce-header-cart > i,
.kce-header-cart > svg,
.kce-header-cart > .icon,
.kce-header-cart > .fa,
.kce-header-cart .icon-shopping-bag,
.kce-header-cart .icon-bag,
.kce-header-cart .icon-cart {
  display: none !important;
}

.kce-header-cart .count,
.kce-header-cart .cart-count,
.kce-header-cart .quantity,
.kce-header-cart .woocommerce-Price-amount + .count {
  position: absolute !important;
  top: -9px !important;
  right: -11px !important;
  display: inline-grid !important;
  min-width: 17px;
  height: 17px;
  padding: 0 4px;
  place-items: center;
  border: 1px solid var(--kcxe-icon-gold);
  border-radius: 50%;
  background: var(--kcxe-icon-black);
  color: var(--kcxe-icon-gold) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

.kce-header-search:focus-visible,
.kce-header-cart:focus-visible {
  outline: 2px solid var(--kcxe-icon-gold) !important;
  outline-offset: 4px;
}