/* =================================================================
   Pickleheart — Side Cart (Side Cart WooCommerce / xootix drawer)
   -----------------------------------------------------------------
   Loads on every front-end request while the plugin is active, via
   ph_side_cart_assets() in includes/woocommerce/side-cart.php. Reads
   the shared tokens only — like the site header, it's site-wide
   chrome, so it doesn't use the page-template .pkl-* component layer.
   ================================================================= */

/* The plugin's own empty-cart image/text/button — replaced by .ph-empty-cart
   when that renders (it doesn't when no community shop is live). */
.xoo-wsc-empty-cart:has(+ .ph-empty-cart) {
  display: none !important;
}

.ph-empty-cart {
  padding: var(--space-5);
  font-family: var(--font-body);
}

.ph-empty-cart__intro {
  margin: 0 0 var(--space-6);
  color: var(--text-neutral-weak);
  font-size: var(--type-small-size);
  line-height: var(--type-small-line);
}

.ph-shop-card {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-4);
  margin-bottom: var(--space-4);
  background: var(--background-neutral);
  border: 1px solid var(--border-neutral);
  border-radius: var(--radius-input);
}

.ph-shop-card:last-child {
  margin-bottom: 0;
}

.ph-shop-card img {
  width: 34px;
  height: 34px;
  border-radius: var(--radius-full);
  object-fit: cover;
  flex-shrink: 0;
}

.ph-shop-card__content {
  flex: 1;
}

.ph-shop-card__content h4 {
  margin: 0 0 var(--space-1);
  font-family: var(--font-heading);
  font-size: var(--type-caption-size);
  line-height: 1.2;
  font-weight: 600;
  color: var(--text-neutral-strong);
}

.ph-shop-card__content p {
  margin: 0;
  color: var(--text-neutral-weak);
  font-size: var(--type-small-size);
  line-height: var(--type-small-line);
}

.ph-shop-card__link {
  color: var(--text-brand-strong);
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}

.ph-shop-card__link:hover {
  text-decoration: underline;
}