/* ==========================================================
   MEGA SPRINT 20 - AVATAR SOCIAL TONDI
   File condiviso da tutte le pagine sociali.
   ========================================================== */

:root {
    --avatar-ring: rgba(255,255,255,.14);
    --avatar-vip: #d7b86f;
    --avatar-online: #75d18a;
    --avatar-playing: #6fa8dc;
    --avatar-tournament: #b798e0;
    --avatar-moderator: #a98fe3;
    --avatar-admin: #c86f6f;
}

.avatar,
.user-avatar,
.person .avatar,
.private-avatar,
.public-profile-avatar,
.seat-avatar,
.ranking-avatar,
.avatar-preview,
.avatar-history-item img,
.avatar-review-card img,
[class*="avatar-circle"],
[data-avatar] {
    border-radius: 50% !important;
}

.avatar img,
.user-avatar img,
.private-avatar img,
.public-profile-avatar img,
.seat-avatar img,
.ranking-avatar img,
.avatar-preview img,
[data-avatar] img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
}

.avatar,
.user-avatar,
.private-avatar,
.public-profile-avatar,
.seat-avatar,
.ranking-avatar {
    position: relative;
    flex: 0 0 auto;
    border: 2px solid var(--avatar-ring) !important;
    box-shadow:
        0 0 0 3px rgba(255,255,255,.025),
        0 7px 20px rgba(0,0,0,.24);
}

.avatar.vip,
.user-avatar.vip,
.private-avatar.vip,
.public-profile-avatar.vip,
.seat-avatar.vip,
.ranking-avatar.vip,
[data-vip="true"] .avatar,
[data-vip="true"] .user-avatar,
[data-vip="true"] .seat-avatar,
[data-vip="true"] .ranking-avatar {
    border-color: var(--avatar-vip) !important;
    box-shadow:
        0 0 0 3px rgba(215,184,111,.10),
        0 0 18px rgba(215,184,111,.15);
}

.avatar.online::after,
.user-avatar.online::after,
.private-avatar.online::after,
.public-profile-avatar.online::after,
.seat-avatar.online::after,
.ranking-avatar.online::after,
[data-status="online"] .avatar::after,
[data-status="online"] .user-avatar::after {
    content: "";
    position: absolute;
    right: -1px;
    bottom: 1px;
    width: 10px;
    height: 10px;
    border: 2px solid #182019;
    border-radius: 50%;
    background: var(--avatar-online);
    box-shadow: 0 0 0 2px rgba(117,209,138,.12);
}

[data-status="playing"] .avatar,
[data-status="playing"] .user-avatar,
.seat-card.active-turn .seat-avatar {
    border-color: var(--avatar-playing) !important;
}

[data-status="tournament"] .avatar,
[data-status="tournament"] .user-avatar {
    border-color: var(--avatar-tournament) !important;
}

[data-role="moderator"] .avatar,
[data-role="moderator"] .user-avatar {
    border-color: var(--avatar-moderator) !important;
}

[data-role="administrator"] .avatar,
[data-role="administrator"] .user-avatar {
    border-color: var(--avatar-admin) !important;
}

.avatar-preview {
    border-radius: 50% !important;
}

.avatar-studio-preview {
    border-radius: 50% !important;
}

.avatar-history-item img,
.avatar-review-card img {
    border-radius: 50% !important;
}

@media (prefers-reduced-motion: no-preference) {
    .seat-card.active-turn .seat-avatar {
        animation: avatar-turn-pulse 1.7s ease-in-out infinite;
    }

    @keyframes avatar-turn-pulse {
        0%, 100% {
            box-shadow:
                0 0 0 3px rgba(111,168,220,.08),
                0 7px 20px rgba(0,0,0,.24);
        }
        50% {
            box-shadow:
                0 0 0 7px rgba(111,168,220,.13),
                0 7px 22px rgba(0,0,0,.3);
        }
    }
}