/**
 * Archivo NUEVO: assets/css/shared/star-rating.css
 * Origen: modules/intercambios/assets/css/star-rating.css (sin cambios de contenido)
 * Versión: 1.0.0
 * Migrado: DEUDA-CSS-004, Fase 1 — 2026-08-15
 *
 * ⚠️ HALLAZGO DE ESTA FASE (no estaba en el alcance original de la tabla):
 * Ninguna plantilla activa del repo usa estas clases hoy (.star-rating-input,
 * .rating-stars, .rating-number, .rating-comment, .valoracion-recibida,
 * .valoracion-form, .valoracion-enviada, .btn-submit-rating no aparecen como
 * clase HTML en ningún .php de modules/). El propio archivo tampoco se
 * encuentra enqueueado en ningún sitio salvo modules/allage-dashboard/
 * includes/class-dashboard-front.php (sección 'exchanges'), condicionado a
 * class_exists('LTN_Propuestas_CRUD'). Se migra tal cual pide la tabla
 * porque su enqueue SÍ existe y es real (a diferencia de agreements-admin.css
 * y dashboard-dokan.css, que no tienen ningún enqueue funcional) — pero la
 * funcionalidad de valoración con estrellas que debía consumirlo no está
 * presente en ningún template actual. Ver docs/deuda-tecnica/ para detalle.
 *
 * USO (documentado, no verificado contra ningún consumidor activo):
 * - .star-rating-input: Contenedor del input de estrellas
 * - .rating-stars: Contenedor de visualización de estrellas
 * - .rating-number: Número de valoración (ej: 4.5/5)
 */

/* ========================================
   INPUT DE ESTRELLAS (Formulario)
======================================== */
.star-rating-input {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 5px;
    font-size: 2em;
}

.star-rating-input input[type="radio"] {
    display: none;
}

.star-rating-input label {
    cursor: pointer;
    color: var(--ltn-gray-300);
    transition: color 0.2s ease;
}

.star-rating-input label:hover {
    transform: scale(1.1);
}

/* Efecto hover y checked - estrellas amarillas */
.star-rating-input input[type="radio"]:checked ~ label,
.star-rating-input label:hover,
.star-rating-input label:hover ~ label {
    color: var(--ltn-warning);
}

/* ========================================
   VISUALIZACIÓN DE ESTRELLAS (Solo lectura)
======================================== */
.rating-stars {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    font-size: 1.2em;
}

.rating-stars i.fas.fa-star {
    color: var(--ltn-warning);
}

.rating-stars i.far.fa-star {
    color: var(--ltn-gray-300);
}

.rating-number {
    margin-left: 8px;
    font-weight: 600;
    color: var(--ltn-gray-700);
}

/* ========================================
   COMENTARIO DE VALORACIÓN
======================================== */
.rating-comment {
    background: var(--ltn-gray-100);
    padding: 12px 16px;
    border-radius: 8px;
    margin-top: 10px;
    font-style: italic;
    color: var(--ltn-gray-700);
    border-left: 3px solid var(--ltn-green-primary);
}

.rating-comment i.fa-quote-left {
    color: var(--ltn-green-light);
    margin-right: 8px;
}

/* ========================================
   SECCIONES DE VALORACIÓN
======================================== */
.valoracion-recibida,
.valoracion-form,
.valoracion-enviada {
    background: var(--ltn-gray-100);
    padding: 16px;
    border-radius: 12px;
    margin-top: 16px;
}

.valoracion-recibida h4,
.valoracion-form h4 {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 12px 0;
    color: var(--ltn-gray-900);
}

.valoracion-enviada {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--ltn-green-dark);
    background: var(--ltn-green-bg);
}

.valoracion-enviada i.fa-check-circle {
    font-size: 1.5em;
    color: var(--ltn-green-primary);
}