/* FILENAME: online_indicator.css */
/* LOCATION: public_html/online_indicator.css */

/* Online Status Red Dot Indicator */
.avatar-wrapper {
    position: relative;
    display: inline-block;
}
.avatar-wrapper.is-online::after {
    content: '';
    position: absolute;
    bottom: 2px;
    right: 2px;
    width: 14px;
    height: 14px;
    background: #e94560;
    border: 2px solid #fff;
    border-radius: 50%;
    z-index: 2;
}
/* Smaller dot for conversation message avatars */
.avatar-wrapper.is-online.small-avatar::after {
    width: 10px;
    height: 10px;
    bottom: 0px;
    right: 0px;
}
/* Larger dot for profile page main avatar */
.avatar-wrapper.is-online.large-avatar::after {
    width: 18px;
    height: 18px;
    bottom: 5px;
    right: 5px;
    border-width: 3px;
}