@keyframes flash {
    0% { background-color: #ffffcc; }
    50% { background-color: #ffeb3b; }
    100% { background-color: #ffffcc; }
}

.flash-highlight {
    animation: flash 1.5s ease;
    /* Add a subtle glow to input */
    box-shadow: 0 0 8px 2px #ffeb3b;
    outline: 4px solid #c93a2f;
}


.coupon-popover {
    position: absolute;
    bottom: 100%;       /* position above the input */
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 4px; /* space between input and popover */
    background-color: #c93a2f; /* nice red */
    color: #fff;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
    z-index: 1000;
    white-space: nowrap;
    pointer-events: none;
}

/* Arrow pointing down */
.coupon-popover::after {
    content: '';
    position: absolute;
    top: 100%; /* arrow below popover */
    left: 50%;
    transform: translateX(-50%);
    border-width: 6px;
    border-style: solid;
    border-color: #c93a2f transparent transparent transparent;
}





/* Popover styling near input 
.coupon-popover {
    position: absolute;
    top: 50%;
    left: 105%; 
    transform: translateY(-50%);
    background-color: #333;
    color: #fff;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    z-index: 1000;
    white-space: nowrap;
    pointer-events: none; 
}

 Arrow pointing left from popover 
.coupon-popover::after {
    content: '';
    position: absolute;
    top: 50%;
    left: -6px; 
    transform: translateY(-50%);
    border-width: 6px;
    border-style: solid;
    border-color: transparent #333 transparent transparent;
} */

#popmake-98426 img {
    cursor: pointer !important; 
}