/*
 * Active-coupon visual treatment: strikethrough original + brand-colored
 * discount price, plus the site-wide active-coupon banner.
 */

.isc-discount-pair {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 0.4em;
}

.isc-from-price del,
.isc-discount-strike,
.woocommerce-Price-amount.isc-discount-strike {
    color: #888;
    text-decoration: line-through;
}

/*
 * Salient/WC default styling shrinks <del> and enlarges <ins> for native sale
 * prices. We don't want that here — the strikethrough and discount should
 * read as a single before/after pair at the parent's typography size.
 */
.isc-discount-strike,
.isc-discount-new {
    font-size:   inherit !important;
    font-weight: inherit !important;
    font-style:  inherit !important;
    line-height: inherit !important;
}

.isc-from-price ins,
.isc-discount-new,
.woocommerce-Price-amount.isc-discount-new {
    color: var(--isc-discount-color, #cf2409);
    font-weight: 600;
    text-decoration: none;
}

/*
 * Banner — sticky-ish at top of body. Sits above the theme header by default;
 * if Salient's transparent header overlaps, set position:relative on it via
 * the child theme.
 */
.isc-coupon-banner {
    background: var(--isc-discount-color, #cf2409);
    color: #fff;
    padding: 10px 16px;
    text-align: center;
    font-size: 14px;
    line-height: 1.4;
    z-index: 10000;
}

.isc-coupon-banner__code {
    font-weight: 700;
    letter-spacing: 0.02em;
}

.isc-coupon-banner__sep {
    margin: 0 0.6em;
    opacity: 0.7;
}

.isc-coupon-banner a,
.isc-coupon-banner a:visited {
    color: #fff;
    text-decoration: underline;
}

.isc-coupon-banner a:hover {
    text-decoration: none;
}

/*
 * "-23% CODE: SPRING23" tag pill — sits next to the discounted price so
 * the visitor immediately understands *why* the price is lower.
 */
.isc-coupon-tag {
    display: inline-flex;
    align-items: center;
    gap: 0.3em;
    background: var(--isc-discount-color, #cf2409);
    color: #fff;
    font-size: 0.7em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 2px 7px 2px 6px;
    border-radius: 999px;
    line-height: 1.25;
    white-space: nowrap;
    text-decoration: none;
}

.isc-coupon-tag__icon {
    width: 0.85em;
    height: 0.85em;
    flex-shrink: 0;
}

.isc-coupon-tag__text {
    white-space: nowrap;
}