/**
 * Козметични рамки около аватар — навсякъде (.bgwars-avatar-wrap)
 * Използва се с data-bgwars-frame и класове от cosmetics_helpers.php
 */
.bgwars-avatar-wrap {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    line-height: 0;
    flex-shrink: 0;
    border-radius: 50%;
}
.bgwars-avatar-wrap .bgwars-avatar-img,
.bgwars-avatar-wrap img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    border-radius: 50%;
    display: block;
    box-sizing: border-box;
}

/* Размери */
.bgwars-af-chat { width: 32px; height: 32px; }
.bgwars-af-xs   { width: 24px; height: 24px; }
.bgwars-af-sm   { width: 40px; height: 40px; }
.bgwars-af-md   { width: 48px; height: 48px; }
.bgwars-af-lg   { width: 64px; height: 64px; }
.bgwars-af-xl   { width: 96px; height: 96px; }
.bgwars-af-dd   { width: 2.5rem; height: 2.5rem; } /* dropdown ~40px */

@keyframes bgwarsFrameRgb {
    0%   { border-color: #ff0044; box-shadow: 0 0 12px #ff0044aa; }
    25%  { border-color: #22d3ee; box-shadow: 0 0 12px #22d3eeaa; }
    50%  { border-color: #22c55e; box-shadow: 0 0 12px #22c55eaa; }
    75%  { border-color: #e879f9; box-shadow: 0 0 12px #e879f9aa; }
    100% { border-color: #ff0044; box-shadow: 0 0 12px #ff0044aa; }
}

/* Рамки — селектори по data И по клас */
.bgwars-avatar-wrap[data-bgwars-frame="gold_lux"] .bgwars-avatar-img,
.bgwars-avatar-wrap[data-bgwars-frame="gold_lux"] img,
.bgwars-avatar-wrap.cos-avatar-frame--gold_lux .bgwars-avatar-img,
.bgwars-avatar-wrap.cos-avatar-frame--gold_lux img {
    border: 2px solid #ffd700 !important;
    box-shadow: 0 0 14px rgba(255, 215, 0, 0.55), inset 0 0 8px rgba(255, 215, 0, 0.08) !important;
}
.bgwars-avatar-wrap[data-bgwars-frame="neon_cyan"] .bgwars-avatar-img,
.bgwars-avatar-wrap[data-bgwars-frame="neon_cyan"] img,
.bgwars-avatar-wrap.cos-avatar-frame--neon_cyan .bgwars-avatar-img,
.bgwars-avatar-wrap.cos-avatar-frame--neon_cyan img {
    border: 2px solid #22d3ee !important;
    box-shadow: 0 0 14px rgba(34, 211, 238, 0.55) !important;
}
.bgwars-avatar-wrap[data-bgwars-frame="chrome"] .bgwars-avatar-img,
.bgwars-avatar-wrap[data-bgwars-frame="chrome"] img,
.bgwars-avatar-wrap.cos-avatar-frame--chrome .bgwars-avatar-img,
.bgwars-avatar-wrap.cos-avatar-frame--chrome img {
    border: 2px solid #cbd5e1 !important;
    box-shadow: 0 0 12px rgba(203, 213, 225, 0.45), inset 0 0 6px rgba(255, 255, 255, 0.1) !important;
}
.bgwars-avatar-wrap[data-bgwars-frame="rgb_orbit"] .bgwars-avatar-img,
.bgwars-avatar-wrap[data-bgwars-frame="rgb_orbit"] img,
.bgwars-avatar-wrap.cos-avatar-frame--rgb_orbit .bgwars-avatar-img,
.bgwars-avatar-wrap.cos-avatar-frame--rgb_orbit img {
    border: 2px solid #ff0044 !important;
    animation: bgwarsFrameRgb 3s linear infinite !important;
}

/* Чат: махни VIP златно, ако има рамка */
.bgwars-avatar-wrap[data-bgwars-frame] .chat-avatar.vip {
    border-color: transparent !important;
    box-shadow: none !important;
}