/**
 * Button color overrides – Final Color System (black dominant, purple signal, blue hover glow)
 * No gradients. Primary: #520975 | Hover: blue glow only
 */

:root {
  --ppg-accent: #520975;
  /* #0047FF micro-only - not for button hover */
  --ppg-accent-text: #ffffff;
}

/* Primary CTA: #520975, white text, max 4px radius, 14–18px vertical padding */
.ppg-slide__cta,
.ppg-btn--primary,
.ppg-add,
.ppg-newsletter__btn,
.ppg-offerCard__btn,
.ppg-product-card__btn,
.ppg-header__cta-btn,
.ppg-subscription-page__btn--cart,
.ppg-login-page__submit,
.ppg-signup-page__submit {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  min-height: 44px;
}

/* Primary CTA buttons */
.ppg-slide__cta {
  background: #520975 !important;
  color: #fff !important;
  border-radius: 4px;
  font-weight: 700;
  text-transform: uppercase;
}
.ppg-slide__cta:hover {
  background: #520975 !important;
  box-shadow: none !important;
  color: #fff !important;
}

/* Banner CTA */
.ppg-banner__cta {
  background: #fff !important;
  color: #1a1a1a !important;
  border-color: #fff !important;
  border-radius: 4px;
}
.ppg-banner__cta:hover {
  background: #fff !important;
  box-shadow: none !important;
  color: #1a1a1a !important;
  border-color: #fff !important;
}

/* Add to cart, newsletter, offer card, product card */
.ppg-add,
.ppg-newsletter__btn,
.ppg-offerCard__btn,
.ppg-product-card__btn,
.ppg-date-select__reorder,
.ppg-btn--primary {
  background: #520975 !important;
  color: #fff !important;
  border-color: transparent !important;
  border-radius: 4px;
  font-weight: 700;
  text-transform: uppercase;
}
.ppg-add:hover,
.ppg-newsletter__btn:hover,
.ppg-offerCard__btn:hover,
.ppg-product-card:hover .ppg-product-card__btn,
.ppg-date-select__reorder:hover,
.ppg-btn--primary:hover {
  background: #520975 !important;
  box-shadow: 0 0 0 2px rgba(0, 71, 255, 0.4) !important;
  color: #fff !important;
  border-color: transparent !important;
}

/* Secondary buttons: transparent, 1px white border, white text. Hover: purple glow only */
.ppg-cardslider__btn,
.ppg-btn--secondary,
.ppg-hero__cta--secondary,
.ppg-profile-btn--secondary,
.ppg-pref-modal__btn--cancel {
  background: transparent !important;
  color: #FFFFFF !important;
  border: 1px solid #FFFFFF !important;
  border-radius: 4px;
}
.ppg-cardslider__btn:hover,
.ppg-btn--secondary:hover,
.ppg-hero__cta--secondary:hover {
  background: transparent !important;
  box-shadow: 0 0 0 2px rgba(0, 71, 255, 0.4) !important;
  color: #FFFFFF !important;
  border-color: #FFFFFF !important;
}

/* Date select sort button */
.ppg-date-select__sort {
  border-color: rgba(255,255,255,.4) !important;
  color: #fff !important;
}
.ppg-date-select__sort:hover {
  background: #1A1A1A !important;
  box-shadow: none !important;
}

/* Nav cart badge, price tags */
.ppg-nav__cart-badge,
.ppg-offerCard__priceTag,
.ppg-product-card__price-tag {
  background: #520975 !important;
  color: #fff !important;
  border-radius: 4px;
}

/* Slider dot active state */
.ppg-slider__dot.active {
  background: #520975 !important;
  border-color: #fff !important;
}

/* Footer social hover */
.ppg-footer__social a:hover {
  box-shadow: none !important;
  border-color: rgba(255,255,255,.3) !important;
}
