/*
 * WalksDevour Blog — Promo Popup Recolor
 * Overrides parent's assets/css/promo-popup.css.
 * Source for parent file: repos/takewalks-blog-theme @ release_20251119
 */

.sales-popup-container .promo-signup {
  background-color: var(--wd-secondary) !important;
}

.sales-popup-container .promo-signup .close-circle-icon {
  fill: var(--wd-foreground) !important;
}
.sales-popup-container .promo-signup .close-circle-icon:hover {
  fill: var(--wd-primary) !important;
}

.sales-popup-container .ribbon-date-color {
  color: var(--wd-primary) !important;
}

.sales-popup-container .promo-signup .bg-img,
.sales-popup-container .promo-signup .content {
  background-color: var(--wd-foreground) !important;
}

.sales-popup-container .promo-signup .content .terms {
  color: #FFFFFF !important;
}
.sales-popup-container .promo-signup .content .terms a {
  color: var(--wd-secondary) !important;
}

.sales-popup-container .promo-signup .content .email-input::placeholder {
  color: var(--wd-muted) !important;
}

.sales-popup-container .promo-signup .content .btn.secondary-btn.promo-signup-btn {
  background-color: var(--wd-primary) !important;
  color: #FFFFFF !important;
}
.sales-popup-container .promo-signup .content .btn.secondary-btn.promo-signup-btn:hover {
  background-color: var(--wd-primary-hover) !important;
}

.signup-modal-container {
  background: var(--wd-cream) !important;
  color: var(--wd-foreground) !important;
}
.signup-modal-container > div .modal-title,
.signup-modal-container > div .modal-text {
  color: var(--wd-foreground) !important;
}
.signup-modal-container > div .modal-btn {
  background: var(--wd-primary) !important;
}
.signup-modal-container > div .modal-btn:hover {
  background: var(--wd-primary-hover) !important;
}