/* Отличаване на роля "hider":
   - Корицата: анимиран златен border-bottom под cover изображението
   - Профилен аватар: анимиран златен пръстен в header-а
   - Навсякъде (вкл. Members): статичен златен ринг на avatar-role-hider */

/* ============ КОРИЦА НА HIDER – ЗЛАТЕН BORDER-BOTTOM ============ */

/* Истинският контейнер на снимката по твоя screenshot е #header-cover-image */
body.profile-role-hider #header-cover-image {
    position: relative;
    overflow: visible;
}

/* Анимирана златна линия само долу */
body.profile-role-hider #header-cover-image::after {
    content: "";
    position: absolute;
    left: -3px;
    right: -3px;
    bottom: 0;
    height: 4px;
    background: linear-gradient(
        90deg,
        #7b5b22,
        #f8e38a,
        #fff6cf,
        #ffd15c,
        #f8e38a,
        #b8862b
    );
    background-size: 300% 100%;
    pointer-events: none;
    z-index: 5;
    animation: hider-gold-line 3s linear infinite;
}

body.profile-role-vip #header-cover-image {
    position: relative;
    overflow: visible;
}

body.profile-role-vip #header-cover-image::after {
    content: "";
    position: absolute;
    left: -3px;
    right: -3px;
    bottom: 0;
    height: 4px;
    background: linear-gradient(
        90deg,
        #7b5b22,
        #f8e38a,
        #fff6cf,
        #ffd15c,
        #f8e38a,
        #b8862b
    );
    background-size: 300% 100%;
    pointer-events: none;
    z-index: 5;
    animation: hider-gold-line 3s linear infinite;
}


/* ===== АВАТАР НА HIDER В HEADER – АНИМИРАН ЗЛАТЕН РИНГ ===== */

body.profile-role-hider #item-header-avatar {
    position: relative;
    z-index: 20;
    overflow: visible;
}

/* Аватарът – чист, без рамки */
body.profile-role-hider #item-header-avatar img.avatar-role-hider {
    position: relative;
    z-index: 30;
    border-radius: 999px !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Анимиран златен пръстен около контейнера */
body.profile-role-hider #item-header-avatar::before {
    content: "";
    position: absolute;
    inset: -6px;
    border-radius: 999px;
    background: conic-gradient(
        from 0deg,
        #fff6cf,
        #ffd15c,
        #f8e38a,
        #b8862b,
        #7b5b22,
        #f8e38a,
        #ffd15c,
        #fff6cf
    );
    background-size: 100% 100%;
    box-shadow: 0 0 22px rgba(248, 227, 138, 0.95);
    pointer-events: none;
    z-index: 21;
    transform-origin: center center;
    animation: hider-gold-ring 4.5s linear infinite;
}

body.profile-role-vip #item-header-avatar {
    position: relative;
    z-index: 20;
    overflow: visible;
}

body.profile-role-vip #item-header-avatar img.avatar-role-vip {
    position: relative;
    z-index: 30;
    border-radius: 999px !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.profile-role-vip #item-header-avatar::before {
    content: "";
    position: absolute;
    inset: -6px;
    border-radius: 999px;
    background: conic-gradient(
        from 0deg,
        #fff6cf,
        #ffd15c,
        #f8e38a,
        #b8862b,
        #7b5b22,
        #f8e38a,
        #ffd15c,
        #fff6cf
    );
    background-size: 100% 100%;
    box-shadow: 0 0 22px rgba(248, 227, 138, 0.95);
    pointer-events: none;
    z-index: 21;
    transform-origin: center center;
    animation: hider-gold-ring 4.5s linear infinite;
}



/* Базово: всички hider и vip аватари са кръгли и без собствени бордъри */
img.avatar-role-hider,
img.avatar-role-vip {
    border-radius: 999px !important;
    border: 0 !important;
    box-shadow: none !important;
}



/* ===== АНИМАЦИЯ ЗА РИНГА ===== */

@keyframes hider-gold-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


/* ============ АВАТАР НА HIDER НАВСЯКЪДЕ (ВКЛ. MEMBERS) ============ */

/* Общ стил за всички hider и vip аватари (за да може ::before да работи коректно) */
img.avatar-role-hider,
img.avatar-role-vip {
    position: relative;
    border-radius: 999px !important;
    border: 0 !important;
    box-shadow: none !important;
    z-index: 10;
}


/* Анимиран златен ринг за аватари в списъци, карти и др. */
/* Всички hider и vip аватари – кръгли, без собствени бордъри */
img.avatar-role-hider,
img.avatar-role-vip {
    border-radius: 999px !important;
    border: 0 !important;
    box-shadow: none !important;
    position: relative;
    z-index: 1;
}


/* Контейнери около аватарите в списъци / карти */
.buddypress .item-avatar a,
.bb-card .bb-card-avatar,
.bb-user-avatar {
    position: relative;
    display: inline-block;
    overflow: visible;
}

/* Анимиран златен пръстен, само ако вътре има img.avatar-role-hider */
.buddypress .item-avatar a:has(img.avatar-role-hider)::before,
.buddypress .item-avatar a:has(img.avatar-role-vip)::before,
.bb-card .bb-card-avatar:has(img.avatar-role-hider)::before,
.bb-card .bb-card-avatar:has(img.avatar-role-vip)::before,
.bb-user-avatar:has(img.avatar-role-hider)::before,
.bb-user-avatar:has(img.avatar-role-vip)::before {
    content: "";
    position: absolute;
    top: -3px;
    left: -3px;
    width: calc(100% + 6px);   /* леко по-голям от аватара */
    height: calc(100% + 6px);
    transform: translate(-50%, -50%) rotate(0deg);
    border-radius: 999px;
    background: conic-gradient(
        from 0deg,
        #fff6cf,
        #ffd15c,
        #f8e38a,
        #b8862b,
        #7b5b22,
        #f8e38a,
        #ffd15c,
        #fff6cf
    );
    box-shadow: 0 0 16px rgba(248, 227, 138, 0.85);
    pointer-events: none;
    z-index: 0;
    transform-origin: center center;
    animation: hider-gold-ring 2.5s linear infinite;
}

/* Не допускаме този общ ринг да override-не специалния в header-а */
body.profile-role-hider #item-header-avatar:has(img.avatar-role-hider)::before {
    /* използваме горния специален блок, този не го закача */
}


/* В профилния header използваме специалния пръстен на контейнера,
   затова тук изключваме ::before върху img, за да не се дублира. */
body.profile-role-hider #item-header-avatar img.avatar-role-hider::before {
    content: none !important;
}




/* ============ АНИМАЦИИ ============ */

/* Анимирана долна линия на корицата */
@keyframes hider-gold-line {
    0%   { background-position: 0% 50%; }
    50%  { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Анимиран пръстен – въртене на конусовиден градиент */
@keyframes hider-gold-ring {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


/* Този код гарантира, че баджът "Хайдър" / ранговете стоят над златния пръстен и аватара,
   както в профилния header, така и в списъка с членове. */

/* Профилен header – баджът над пръстена */
body.profile-role-hider #item-header-avatar .bp-member-type,
body.profile-role-hider #item-header-avatar .bp-member-type * {
    position: relative;
    z-index: 50;
}

/* Списък с членове / карти – баджът над аватара и ефектите */
.buddypress .bp-member-type,
.bb-card .bp-member-type,
.bb-user-avatar .bp-member-type {
    position: relative;
    z-index: 50;
}