/*
 * CLQ Platform Core 1.0.0
 * High-contrast clay keeps the visual identity while meeting WCAG AA in the
 * combinations detected by the automated audit.
 */
:root {
  --clq-a11y-clay: #8f4325;
}

.has-clay-color,
.has-clay-color a:not(.wp-element-button),
.wp-block-woocommerce-product-price {
  color: var(--clq-a11y-clay) !important;
}

.has-clay-background-color {
  background-color: var(--clq-a11y-clay) !important;
}

/* Product cards currently use a dark #484848 surface. Prices must not inherit
 * the dark clay foreground on that surface. */
body.woocommerce-shop li.product > .wp-block-group.has-background :where(
  .wp-block-woocommerce-product-price,
  .wp-block-woocommerce-product-price *,
  .wc-block-components-product-price,
  .wc-block-components-product-price *,
  .woocommerce-Price-amount,
  .woocommerce-Price-currencySymbol,
  bdi
) {
  color: #fff !important;
}

/* The moss text in the Explore section measured 4.48:1 against the cream
 * surface. A very small darkening clears AA without changing the palette. */
body.home #explorar .has-moss-color {
  color: #586a53 !important;
}

/* Lightweight replacement for the WooCommerce mini-cart drawer. */
.clq-simple-cart {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
}

.clq-simple-cart__link {
  align-items: center;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 999px;
  color: #fff !important;
  display: inline-flex;
  gap: .35rem;
  justify-content: center;
  min-height: 44px;
  min-width: 52px;
  padding: .45rem .7rem;
  text-decoration: none;
}

.clq-simple-cart__link:hover,
.clq-simple-cart__link:focus-visible {
  background: rgba(255, 255, 255, .12);
  color: #fff !important;
}

.clq-simple-cart__icon {
  display: block;
  flex: 0 0 auto;
}

.clq-simple-cart__count {
  font-size: .82rem;
  font-weight: 800;
  line-height: 1;
  min-width: 1ch;
  text-align: center;
}

@media (max-width: 1280px) {
  .clq-simple-cart__link {
    min-width: 44px;
    padding-inline: .55rem;
  }
}