.wp-reactions{
    background:none;
}

.wp-reactions .reaction:hover{
    background:#f5f5f5;
}

.wp-reactions{
    display:flex;
    justify-content:center;   /* centraliza as reações */
    align-items:stretch;
    width:100%;
    gap:5px;
    flex-wrap:wrap;           /* quebra linha em telas pequenas */
}

/* cada reação ocupa espaço igual */
.wp-reactions .reaction{
    flex:1 1 100px;
    max-width:120px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;        /* centraliza texto */
    padding:10px;
    border-radius:10px;
    cursor:pointer;
    transition:0.15s;
}

/* bloco interno */
.wp-reactions .reaction-inner{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

/* imagem da reação */
.wp-reactions img{
    width:80px;
    height:80px;
    object-fit:contain;
}

/* texto da reação */
.wp-reactions .reaction-label{
    font-size:13px;
    font-weight:700;
    margin-top:6px;
    text-align:center;
    width:100%;
}

/* contador */
.wp-reactions .reaction-count{
    font-size:13px;
    margin-top:4px;
    font-weight:600;
}

/* hover */
.wp-reactions .reaction:hover{
    background:#f5f5f5;
    transform:translateY(-2px);
}

/* destaque top reaction */
.wp-reactions .top-reaction{
    border:1px solid #ddd;
    box-shadow:0 5px 12px rgba(0,0,0,0.08);
}

/* reação selecionada */
.wp-reactions .selected{
    background:rgba(0,120,255,0.08);
}

/* ---------------- */
/* RESPONSIVO MOBILE */
/* ---------------- */

@media (max-width:768px){

    .wp-reactions{
        gap:1px;
    }

    .wp-reactions .reaction{
        flex:1 1 80px;
        max-width:90px;
        padding:8px;
    }

    .wp-reactions img{
        width:60px;
        height:60px;
    }

    .wp-reactions .reaction-label{
        font-size:12px;
    }

}

@media (max-width:480px){

    .wp-reactions{
        gap:1px;
    }

    .wp-reactions .reaction{
        flex:1 1 70px;
        max-width:80px;
        padding:6px;
    }

    .wp-reactions img{
        width:50px;
        height:50px;
    }

    .wp-reactions .reaction-label{
        font-size:11px;
    }

}

.select2-container--default .select2-selection--single{
    height:38px;
    border-radius:8px;
    border:1px solid #ccc;
}

.select2-container--default .select2-selection__rendered{
    line-height:38px;
}

/* REAÇÕES */

.wdr-title{
    text-align:center;
    font-weight:600;
    margin-bottom:12px;
	 	margin-top: 10px;
    position:relative;
}

/* linha decorativa */
.wdr-title::after{
    content:'';
    display:block;
    width:30%;
    height:3px;
    margin:6px auto 0;
    background:linear-gradient(90deg, transparent, #ff3c3c, transparent);
}

.wdr-top-reactions{
    display:flex;
    justify-content:center;
    align-items:center;
}

/* base sem fundo */
.wdr-reaction{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:0.3s ease;
}

/* imagem base */
.wdr-reaction img{
    display:block;
    width:32px;
    height:32px;
}

/* =========================
   🥇 PRIMEIRO (DESTAQUE)
========================= */
.wdr-reaction.rank-1{
    z-index:3;
}

.wdr-reaction.rank-1 img{
    width:150px;
    height:150px;

    /* 🔴 brilho seguindo o contorno da imagem */
    filter:
        drop-shadow(0 0 6px rgba(255,0,0,0.1))
        drop-shadow(0 0 12px rgba(255,0,0,0.1))
        drop-shadow(0 0 20px rgba(255,0,0,0.1));
}

/* =========================
   🥈 SEGUNDO
========================= */
.wdr-reaction.rank-2{
    z-index:2;
    margin-left:-25px;
}

.wdr-reaction.rank-2 img{
    width:80px;
    height:80px;
    opacity:0.9;
}

/* =========================
   🥉 TERCEIRO
========================= */
.wdr-reaction.rank-3{
    z-index:1;
    margin-left:-15px;
}

.wdr-reaction.rank-3 img{
    width:70px;
    height:70px;
    opacity:0.75;
}

/* REAÇÕES CSS */