/* Main promotion container */
.promo-highlight commerce-promotion-discounts-approaching .slds-media {
    position: relative;
    padding: 10px 16px;
    border-radius: 4px;

    color: rgb(10, 33, 64);
    font-weight: 600;
    line-height: 1.5;

    background: linear-gradient(
        135deg,
        rgb(178, 227, 245),
        rgb(255 255 255)
    );

    overflow: hidden;
}

/* Shimmer layer */
.promo-highlight commerce-promotion-discounts-approaching .slds-media::before {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 80%;
    height: 100%;

    background: linear-gradient(
        120deg,
        transparent 30%,
        rgb(54 204 255 / 50%) 50%,
        transparent 70%
    );

    transform: skewX(-20deg);

    pointer-events: none;
}

/* Lightning icon wrapper animation */
.promo-highlight commerce-promotion-discounts-approaching .slds-media__figure {
    --sds-c-icon-color-foreground-default: rgb(10, 33, 64) ;
}

/* Container pulse */
@keyframes promoPulse {
    0%, 100% {
        box-shadow:
            0 2px 8px rgba(54, 204, 255, 0.15),
            0 0 0 1px rgba(255, 255, 255, 0.5) inset;
    }

    50% {
        box-shadow:
            0 4px 14px rgba(54, 204, 255, 0.3),
            0 0 0 1px rgba(255, 255, 255, 0.6) inset;
    }
}

/* Moving shimmer */
@keyframes shimmer {
    0% {
        left: -120%;
    }

    100% {
        left: 140%;
    }
}

/* Icon blink */
@keyframes blinkIcon {
    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.12);
    }
}