a.link-none {
  color: transparent;
  text-underline: none;
}

/* The theme's icon font predates the X logo, so the glyph is masked from an inline SVG. */
.icon-x {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'/%3E%3C/svg%3E") no-repeat center / contain;
}

.social-icon.social-x {
  color: #000;
}

.social-icon.social-x:hover,
.social-icon.social-x:focus {
  color: #fff;
  background-color: #000;
  border-color: #000;
}

/* Add to cart, product detail page.
   The theme fills the button with #c96 on hover (.product-details-action .btn-cart:hover) but a
   base rule (.btn-product:hover span) simultaneously sets the label to #c96 — the same colour —
   so the text vanished and only the icon remained. Both selectors weigh 0,2,1, so this override
   needs a third class to win. The underline box-shadow goes too; it reads as an artefact on a
   solid button. */
.product-details-action .btn-cart:hover span,
.product-details-action .btn-cart:focus span {
  color: #fff;
  box-shadow: none;
}

/* Cookie consent banner */
.cookie-banner {
  position: fixed;
  left: 1rem;
  right: 1rem;
  bottom: 1rem;
  z-index: 1050;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  max-width: 960px;
  margin: 0 auto;
  padding: 1.5rem 2rem;
  background-color: #222;
  color: #fff;
  border-radius: 4px;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.25);
}

.cookie-banner[hidden] {
  display: none;
}

.cookie-banner-text {
  margin: 0;
  font-size: 1.35rem;
  line-height: 1.6;
  flex: 1 1 320px;
}

.cookie-banner-text a {
  color: #d9a86c;
  text-decoration: underline;
}

.cookie-banner-btn {
  flex: 0 0 auto;
  min-width: 120px;
}