/* ======================================================= */
/* CSS OPTIMIZADO - METADATOS DEL POST (LIKES/VIEWS) */
/* ======================================================= */

/* LIKES/DISLIKES (Posts Like Dislike Plugin) - MOBILE FIRST */
.toolbar-left {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.toolbar-right {
    display: flex;
    align-items: center;
}

.entry-meta button {
    border: 1px solid var(--color-bg-solid);
    /* ADAPTADO */
    border-radius: 16px;
    padding: 3px 9px;

    margin: 2px;
    transition: all 0.2s ease;
    background-color: transparent;
}

.entry-meta button:hover {
    border-color: var(--color-text-alt);
    /* ADAPTADO (antes texto-color-2-oscuro) */
    color: var(--color-text-alt);
    /* ADAPTADO */
}

/* Contadores e Iconos */
.pld-like-wrap,
.pld-dislike-wrap {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    vertical-align: middle;
    margin-bottom: 0;
}

.pld-like-wrap {
    margin-right: 8px;
}

.pld-dislike-wrap {
    margin-right: 12px;
}

.entry-meta .pld-common-wrap button:hover {
    border-color: var(--color-text-title);
    /* Color estático */
}

/* Colores de votos (Estáticos, se mantienen como están) */
.entry-meta button.pld-like-trigger:hover,
.entry-meta button.pld-like-trigger:focus,
button.pld-like-trigger.pld-prevent.pld-undo-trigger .voting-icon svg {
    color: #007AFF;
    /* Azul iOS */
}

.entry-meta button.pld-dislike-trigger:hover,
.entry-meta button.pld-dislike-trigger:focus,
button.pld-dislike-trigger.pld-prevent.pld-undo-trigger .voting-icon svg {
    color: #FF3B30;
    /* Rojo iOS */
}

/* ANULACIÓN DEL COLOR PERSISTENTE AL QUITAR EL VOTO */
.entry-meta button.pld-like-dislike-trigger:focus:not(.pld-undo-trigger) {
    color: inherit;
}

.pld-like-count-wrap,
.pld-dislike-count-wrap {
    font-size: 0.875rem;
}


/* ESTILOS DEL CONTADOR DE VISTAS - MOBILE FIRST */
.contador-views {
    display: inline-flex;
    align-items: center;
    font-size: 0.875rem;
}

.views-label {
    display: none;
    /* Oculto en móvil por defecto */
    margin-left: 4px;
}

/* Icono de reportar en móvil */
.toolbar-right .reportar span {
    display: none;
}

.fa-solid.fa-flag {
    padding: 4px;
    margin-right: 0;
}

/* ELEMENTOS ADICIONALES DE REPORTE (ZGP) */
.zgp-reporte p {
    font-size: 0.85rem;
}

.zgp-reporte p span {
    font-weight: 500;
    font-size: 1rem;
}

.zgp-reporte .zgp-titulo {
    font-size: 1.2rem;
    font-weight: 600;
}

/* MEDIA QUERIES */

/* TABLET (min-width: 769px) */
@media (min-width: 769px) {
    .toolbar-left {
        gap: 15px;
    }

    .pld-like-wrap,
    .pld-dislike-wrap {
        gap: 5px;
    }

    .pld-like-wrap {
        margin-right: 10px;
    }

    .pld-dislike-wrap {
        margin-right: 15px;
    }

    .pld-like-count-wrap,
    .pld-dislike-count-wrap {
        font-size: 1rem;
    }

    .contador-views {
        font-size: 1rem;
    }
}

/* DESKTOP (min-width: 1025px) */
@media (min-width: 1025px) {
    .views-label {
        display: inline;
        /* Mostrar label en desktop */
        margin-left: 5px;
    }

    .toolbar-right .reportar span {
        display: inline;
        /* Mostrar texto "Reportar" en desktop */
    }

    .fa-solid.fa-flag {
        margin-right: 4px;
    }
}