/* FOMO Pro – frontend styles */

.fomo-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    line-height: 1.4;
    transition: opacity .3s;
}

/* type-specific accent left border */
.fomo-badge--sales      { border-left: 3px solid #e05a2b; }
.fomo-badge--watchers   { border-left: 3px solid #1aa4ce; }
.fomo-badge--low_stock  { border-left: 3px solid #e0b02b; }
.fomo-badge--sold_today { border-left: 3px solid #2be07a; }

/* ---- Sale Notification Popup ---- */
.fomo-popup-box {
    position: fixed;
    bottom: 24px;
    left: 24px;
    z-index: 99999;
    min-width: 240px;
    max-width: 320px;
    padding: 14px 18px;
    border-radius: 10px;
    box-shadow: 0 6px 28px rgba(0,0,0,.15);
    display: flex;
    align-items: center;
    gap: 12px;
    border-left: 4px solid #1aa4ce;
    animation: fomoBounceIn .4s cubic-bezier(.22,.61,.36,1) both;
}

.fomo-popup-box.fomo-hiding {
    animation: fomoSlideOut .35s ease forwards;
}

.fomo-popup-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #1aa4ce;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    flex-shrink: 0;
}

.fomo-popup-content strong {
    display: block;
    font-weight: 600;
}
.fomo-popup-content span {
    opacity: .75;
    font-size: .9em;
}

@keyframes fomoBounceIn {
    from { transform: translateY(30px); opacity: 0; }
    to   { transform: translateY(0);    opacity: 1; }
}
@keyframes fomoSlideOut {
    to { transform: translateX(-120%); opacity: 0; }
}