/* ==========================================================
   RYVA UPDATE V8
   Avatares + perfiles limpios + búsqueda global + Top 1/2/3
   ========================================================== */

/* 1) ELIMINAR EL PANEL VERDE GIGANTE EN LOGIN Y PROFILES */
body[data-vulk-page="login"] .modules_cont,
body[data-vulk-page="profile"] .modules_cont,
body[data-vulk-page="login"] .modules_cont:hover,
body[data-vulk-page="profile"] .modules_cont:hover{
    padding:0 !important;
    margin-top:18px !important;
    margin-bottom:18px !important;
    background:transparent !important;
    background-image:none !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    overflow:visible !important;
    transform:none !important;
    filter:none !important;
}
body[data-vulk-page="login"] .modules_cont:before,
body[data-vulk-page="login"] .modules_cont:after,
body[data-vulk-page="profile"] .modules_cont:before,
body[data-vulk-page="profile"] .modules_cont:after{
    display:none !important;
    content:none !important;
}
body[data-vulk-page="profile"] #container,
body[data-vulk-page="profile"] #content,
body[data-vulk-page="profile"] .container,
body[data-vulk-page="profile"] .row-flex,
body[data-vulk-page="profile"] .col-xs-12,
body[data-vulk-page="login"] #content{
    background:transparent !important;
    box-shadow:none !important;
}

/* 2) AVATARES: tamaño estable y sin imagen rota */
.rankings-class-image,
.ryva-p6-avatar-img,
.ryva-g6-avatar-img,
.ryva-g6-mini-avatar img{
    object-fit:cover !important;
    object-position:center top !important;
    background:#03100a !important;
}
body[data-vulk-page="rankings"] .rankings-class-image{
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    max-width:48px !important;
    max-height:48px !important;
    border-radius:12px !important;
    border:1px solid rgba(22,238,151,.30) !important;
    box-shadow:0 0 16px rgba(22,238,151,.07) !important;
}
.ryva-g6-mini-avatar{
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
}
.ryva-g6-mini-avatar img,
.ryva-g6-avatar-img{
    width:100% !important;
    height:100% !important;
}

/* 3) BUSCADOR GLOBAL DE PERSONAJES */
body[data-vulk-page="rankings"] .ranking-search-box.ryva-global-player-search{
    position:relative !important;
    max-width:760px !important;
    margin:0 auto 28px !important;
    padding:14px !important;
    border:1px solid rgba(22,238,151,.25) !important;
    border-radius:17px !important;
    background:linear-gradient(180deg,rgba(3,17,11,.90),rgba(1,9,6,.95)) !important;
    box-shadow:0 14px 30px rgba(0,0,0,.20) !important;
}
body[data-vulk-page="rankings"] .ryva-search-label{
    margin:0 0 9px !important;
    color:#67ffc0 !important;
    font-size:10px !important;
    font-weight:1000 !important;
    letter-spacing:1.25px !important;
    text-transform:uppercase !important;
}
body[data-vulk-page="rankings"] .ryva-search-label i{margin-right:6px !important;}
body[data-vulk-page="rankings"] .ryva-search-row{
    display:grid !important;
    grid-template-columns:1fr auto !important;
    gap:8px !important;
}
body[data-vulk-page="rankings"] #rankingNickSearch{
    height:52px !important;
    margin:0 !important;
    padding:0 16px !important;
    border:1px solid rgba(22,238,151,.22) !important;
    border-radius:12px !important;
    background:#020b07 !important;
    color:#effff7 !important;
    box-shadow:none !important;
    outline:none !important;
}
body[data-vulk-page="rankings"] #rankingNickSearch:focus{
    border-color:rgba(126,255,205,.66) !important;
    box-shadow:0 0 0 3px rgba(22,238,151,.07) !important;
}
body[data-vulk-page="rankings"] #rankingNickSearch::placeholder{color:#6f8d7e !important;}
body[data-vulk-page="rankings"] #rankingNickSearchBtn{
    min-width:138px !important;
    height:52px !important;
    padding:0 16px !important;
    border:1px solid rgba(126,255,205,.58) !important;
    border-radius:12px !important;
    background:linear-gradient(180deg,#18e994,#098e58) !important;
    color:#032214 !important;
    font-size:10px !important;
    font-weight:1000 !important;
    letter-spacing:.7px !important;
    text-transform:uppercase !important;
}
body[data-vulk-page="rankings"] #rankingNickSearchBtn i{margin-right:6px !important;}
body[data-vulk-page="rankings"] #rankingNickSearchBtn:hover{
    filter:brightness(1.10) !important;
    transform:translateY(-1px) !important;
}
body[data-vulk-page="rankings"] #rankingSearchEmpty{
    display:block !important;
    margin:8px 2px 0 !important;
    color:#718c7e !important;
    font-size:8px !important;
    text-align:left !important;
}

/* mata el azul viejo del buscador aunque venga con más especificidad */
body[data-vulk-page="rankings"] .ranking-search-box,
body[data-vulk-page="rankings"] .ranking-search-box *{
    --bs-primary:#16ee97 !important;
}
body[data-vulk-page="rankings"] .ranking-search-box:before,
body[data-vulk-page="rankings"] .ranking-search-box:after{
    border-color:rgba(22,238,151,.20) !important;
}

/* 4) TOP 1/2/3: deben destacar SIEMPRE */
body[data-vulk-page="rankings"] table.general-rank tbody tr:nth-child(1) td,
body[data-vulk-page="rankings"] table.general-rank tbody tr:nth-child(2) td,
body[data-vulk-page="rankings"] table.general-rank tbody tr:nth-child(3) td{
    position:relative !important;
}
body[data-vulk-page="rankings"] table.general-rank tbody tr:nth-child(1) td{
    background:linear-gradient(90deg,rgba(255,211,74,.085),rgba(3,16,10,.98) 32%) !important;
    border-top-color:rgba(255,215,82,.52) !important;
    border-bottom-color:rgba(255,215,82,.52) !important;
    box-shadow:inset 0 0 24px rgba(255,215,82,.025) !important;
}
body[data-vulk-page="rankings"] table.general-rank tbody tr:nth-child(2) td{
    background:linear-gradient(90deg,rgba(204,225,239,.065),rgba(3,16,10,.98) 32%) !important;
    border-top-color:rgba(210,231,244,.34) !important;
    border-bottom-color:rgba(210,231,244,.34) !important;
}
body[data-vulk-page="rankings"] table.general-rank tbody tr:nth-child(3) td{
    background:linear-gradient(90deg,rgba(222,143,75,.065),rgba(3,16,10,.98) 32%) !important;
    border-top-color:rgba(225,148,79,.34) !important;
    border-bottom-color:rgba(225,148,79,.34) !important;
}
body[data-vulk-page="rankings"] table.general-rank tbody tr:nth-child(1) .rankings-table-place,
body[data-vulk-page="rankings"] table.general-rank tbody tr:nth-child(1) .rankings-table-place i{color:#ffe16d !important;text-shadow:0 0 12px rgba(255,217,82,.24)!important;}
body[data-vulk-page="rankings"] table.general-rank tbody tr:nth-child(2) .rankings-table-place,
body[data-vulk-page="rankings"] table.general-rank tbody tr:nth-child(2) .rankings-table-place i{color:#e1eff8 !important;}
body[data-vulk-page="rankings"] table.general-rank tbody tr:nth-child(3) .rankings-table-place,
body[data-vulk-page="rankings"] table.general-rank tbody tr:nth-child(3) .rankings-table-place i{color:#e5a36a !important;}

body[data-vulk-page="rankings"] table.general-rank tbody tr:nth-child(1) td:first-child:before,
body[data-vulk-page="rankings"] table.general-rank tbody tr:nth-child(2) td:first-child:before,
body[data-vulk-page="rankings"] table.general-rank tbody tr:nth-child(3) td:first-child:before{
    position:absolute !important;
    top:-9px !important;
    left:10px !important;
    z-index:4 !important;
    padding:3px 7px !important;
    border-radius:999px !important;
    font-size:7px !important;
    font-weight:1000 !important;
    letter-spacing:.8px !important;
}
body[data-vulk-page="rankings"] table.general-rank tbody tr:nth-child(1) td:first-child:before{content:"TOP 1" !important;background:#f1cf55 !important;color:#2b2100 !important;}
body[data-vulk-page="rankings"] table.general-rank tbody tr:nth-child(2) td:first-child:before{content:"TOP 2" !important;background:#d7e6ee !important;color:#142128 !important;}
body[data-vulk-page="rankings"] table.general-rank tbody tr:nth-child(3) td:first-child:before{content:"TOP 3" !important;background:#cf8b54 !important;color:#261306 !important;}

/* top cards de guild profile */
.ryva-g6-top-card:nth-child(1){
    border-color:rgba(255,215,82,.52) !important;
    background:linear-gradient(180deg,rgba(255,215,82,.07),rgba(2,11,7,.95)) !important;
}
.ryva-g6-top-card:nth-child(2){border-color:rgba(218,233,242,.28) !important;}
.ryva-g6-top-card:nth-child(3){border-color:rgba(216,145,82,.28) !important;}

@media(max-width:650px){
    body[data-vulk-page="rankings"] .ryva-search-row{grid-template-columns:1fr !important;}
    body[data-vulk-page="rankings"] #rankingNickSearchBtn{width:100% !important;}
}