/**
 * [2026-01-12] VERSION: 42.0.0 - SINGLE POST (STABLE INTERACTION)
 */

/* --- CONTAINER & BUTTONS --- */
.user-interaction-btns { 
    display: flex; 
    gap: 15px; 
    align-items: center;
    justify-content: right;
    position: relative; 
}

.mp-action-btn { 
    position: relative; 
    cursor: pointer; 
    display: flex; 
    align-items: center; 
    gap: 5px; 
    background: none;
    border: none;
    padding: 0;
    color: #ccc;
    transition: color 0.2s ease;
    text-decoration: none;
}


/* --- FIX ICON LONCAT (LOCK SIZE) --- */
.mp-action-btn .action-icon {
    font-size: large; 
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transform: none !important;
    transition: none !important;
    animation: none !important;
}

.mp-action-btn .action-count { font-size: small; }

/* --- TOOLTIP (POST NAMESPACE) --- */
.mp-post-tip {
    position: absolute;
    background: rgba(0, 0, 0, 0.85);
    color: #ffffff;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 11px;
    bottom: 35px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    z-index: 9999;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

.mp-post-tip.show-tip {
    opacity: 1;
    visibility: visible;
    bottom: 48px;
}

.mp-post-tip::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.85) transparent transparent transparent;
}