/*
Coupon CSS
==============================================================
*/
#pw-coupon-banner-wrap {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  }

  #pw-coupon-banner-wrap * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }

  /* Anchor Base */
  #pw-coupon-banner-wrap a.pw-coupon-anchor {
    text-decoration: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13.5px;
    line-height: 1.4;
    user-select: none;
    transition: opacity 0.2s ease, transform 0.1s ease;
  }

  #pw-coupon-banner-wrap a.pw-coupon-anchor:hover {
    opacity: 0.9;
  }

  /* Default Gold State */
  #pw-coupon-banner-wrap .pw-state-default {
    display: inline-flex;
    align-items: center;
    color: #D4AF67; /* Metallic gold */
    font-weight: 500;
  }

  #pw-coupon-banner-wrap .pw-state-default strong {
    font-weight: 700;
    margin-left: 4px;
    letter-spacing: 0.02em;
  }

  /* Loading State */
  #pw-coupon-banner-wrap .pw-state-loading {
    color: #D4AF67;
    font-weight: 500;
    opacity: 0.8;
  }

  /* Applied Green State */
  #pw-coupon-banner-wrap .pw-state-applied {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #2BB673; /* Emerald green */
    font-weight: 500;
  }

  #pw-coupon-banner-wrap .pw-check-svg {
    display: inline-block;
    flex-shrink: 0;
  }

  /* Applied & Loading Classes */
  #pw-coupon-banner-wrap a.pw-coupon-anchor.pw-applied {
    cursor: default;
    pointer-events: none;
  }

  #pw-coupon-banner-wrap a.pw-coupon-anchor.pw-applied .pw-state-default,
  #pw-coupon-banner-wrap a.pw-coupon-anchor.pw-applied .pw-state-loading {
    display: none !important;
  }

  #pw-coupon-banner-wrap a.pw-coupon-anchor.pw-applied .pw-state-applied {
    display: inline-flex !important;
  }

  #pw-coupon-banner-wrap a.pw-coupon-anchor.pw-loading {
    cursor: wait;
    pointer-events: none;
  }

  #pw-coupon-banner-wrap a.pw-coupon-anchor.pw-loading .pw-state-default,
  #pw-coupon-banner-wrap a.pw-coupon-anchor.pw-loading .pw-state-applied {
    display: none !important;
  }

  #pw-coupon-banner-wrap a.pw-coupon-anchor.pw-loading .pw-state-loading {
    display: inline-flex !important;
  }
/*
Coupon CSS END
==============================================================================*/