/* Stock bar above the quantity row */
.ayp-stock-bar {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    font-weight: 700;
    color: #991b1b;
    /* red-800 */
    background: #fef2f2;
    /* red-50 */
    border: 1px solid #fecaca;
    /* red-200 */
    border-radius: 10px;
    padding: 8px 10px;
    margin: 8px 0 10px;
}

/* Warning (when exceeding while stock > 4) */
.ayp-stock-bar.is-warn {
    color: #92400e;
    /* amber-800 */
    background: #fffbeb;
    /* amber-50 */
    border-color: #fcd34d;
    /* amber-300 */
}

/* Pulse when user tries to exceed stock */
@keyframes ayp-stock-pulse {

    0%,
    100% {
        transform: scale(1);
    }

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

.ayp-stock-bar.is-pulse {
    animation: ayp-stock-pulse 600ms ease-in-out 1;
}

/* Quick CTAs (Take 2 / Take 4) aligned to the right */
.ayp-stock-quick {
    margin-left: auto;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.ayp-stock-quick .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    padding: 0 10px;
    border-radius: 9999px;
    color: #fff;
    text-decoration: none;
    border: 1px solid var(--evo_color_prime, #00aafb);
    background: var(--evo_color_prime, #00aafb);
    font-weight: 800;
    font-size: 12px;
    line-height: 1;
}

.ayp-stock-quick .btn[disabled] {
    opacity: .5;
    cursor: not-allowed;
}

/* Disable "+" visually but keep it clickable for pulse */
.evotx_quantity .qty .plu[aria-disabled="true"] {
    opacity: .5;
    cursor: not-allowed;
    /* NOT pointer-events:none; so we can still pulse */
}