/* /shop only: keep the three top-right action icons outlined on hover. */
.site-shell:has(input[placeholder^="Search products, services"]) > header a:is(
  [href="/account/wishlist"],
  [href="/account/registries"],
  [href="/cart"]
):hover {
  color: #000 !important;
  background-color: transparent !important;
}

.site-shell:has(input[placeholder^="Search products, services"]) > header a:is(
  [href="/account/wishlist"],
  [href="/account/registries"],
  [href="/cart"]
):hover svg,
.site-shell:has(input[placeholder^="Search products, services"]) > header a:is(
  [href="/account/wishlist"],
  [href="/account/registries"],
  [href="/cart"]
):hover svg :is(path, circle, rect, line, polyline, polygon, ellipse) {
  fill: none !important;
  stroke: #000 !important;
}


/* Product detail page only: same outlined black header icons on hover. */
.site-shell:has(a[href="/shop"][class*="mb-6"][class*="inline-flex"]) > header a:is(
  [href="/account/wishlist"],
  [href="/account/registries"],
  [href="/cart"]
):hover {
  color: #000 !important;
  background-color: transparent !important;
}

.site-shell:has(a[href="/shop"][class*="mb-6"][class*="inline-flex"]) > header a:is(
  [href="/account/wishlist"],
  [href="/account/registries"],
  [href="/cart"]
):hover svg,
.site-shell:has(a[href="/shop"][class*="mb-6"][class*="inline-flex"]) > header a:is(
  [href="/account/wishlist"],
  [href="/account/registries"],
  [href="/cart"]
):hover svg :is(path, circle, rect, line, polyline, polygon, ellipse) {
  fill: none !important;
  stroke: #000 !important;
}