/*
 * MPRS - My Premium Rating Stars (Lite)
 * Frontend Stylesheet
 * Version: 1.0.7
*/

/* ----------------------------------------------------------------------
 * 1. ΒΑΣΙΚΗ ΔΟΜΗ (Common)
 * ---------------------------------------------------------------------- */

.mrs-rating-container {
    margin: 15px 0;
    padding: 10px;
    border: 1px solid #eee;
    border-radius: 8px;
    display: inline-block; /* Για να μπορεί να λειτουργήσει η στοίχιση του wrapper */
    font-family: inherit;
}

.mrs-rating-container h3 {
    font-size: 1.1em;
    margin-top: 0;
    margin-bottom: 5px;
    line-height: 1.2;
    color: #333;
}

.mrs-interactive-stars {
    /* Εξασφαλίζει ότι τα αστέρια είναι δίπλα-δίπλα */
    display: inline-block;
    cursor: pointer;
    line-height: 1;
    margin: 5px 0;
    user-select: none;
}

.mrs-average-display {
    font-size: 0.9em;
    color: #666;
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px dashed #eee;
}

/* Ενεργοποίηση loading state */
.mrs-interactive-stars.mrs-submitting {
    opacity: 0.6;
    pointer-events: none; /* Αποτρέπει περαιτέρω κλικ */
    cursor: wait;
}

/* Μηνύματα UX */
.mprs-message-area {
    min-height: 1.2em; /* Κρατάει χώρο για τα μηνύματα */
    text-align: center;
    margin-bottom: 5px;
}
.mprs-loading, .mprs-success, .mprs-error {
    font-size: 0.9em;
    padding: 4px 8px;
    border-radius: 4px;
    display: inline-block;
}
.mprs-loading { background: #ffc; border: 1px solid #ff0; color: #666; }
.mprs-success { background: #d4edda; border: 1px solid #c3e6cb; color: #155724; }
.mprs-error { background: #f8d7da; border: 1px solid #f5c6cb; color: #721c24; }

/* Locked State (για μη συνδεδεμένους χρήστες) */
.mrs-interactive-stars.mprs-locked {
    cursor: not-allowed;
    background-color: #f7f7f7;
    padding: 10px;
    border-radius: 4px;
    color: #a00;
}
.mrs-interactive-stars.mprs-locked .mrs-star {
    opacity: 0.4;
    pointer-events: none;
}
.mrs-interactive-stars.mprs-locked a {
    color: #721c24;
    font-weight: bold;
}


/* ----------------------------------------------------------------------
 * 2. ΜΕΓΕΘΗ (Sizes)
 * ---------------------------------------------------------------------- */

.mrs-star {
    display: inline-block;
    transition: color 0.2s ease-out, text-shadow 0.2s ease-out;
    color: #ccc; /* Default grey color */
    padding: 0 1px;
}

/* Small */
.mrs-size-small .mrs-star {
    font-size: 1.2em; /* ~18px */
    padding: 0 1px;
}
/* Medium (Default) */
.mrs-size-medium .mrs-star {
    font-size: 1.6em; /* ~24px */
    padding: 0 2px;
}
/* Large */
.mrs-size-large .mrs-star {
    font-size: 2.2em; /* ~32px */
    padding: 0 3px;
}

/* ----------------------------------------------------------------------
 * 3. ΧΡΩΜΑΤΑ & INTERACTIVITY (Styles)
 * ---------------------------------------------------------------------- */

/* Default Color (Χρυσό) */
:root { --mprs-default-color: #FFD700; }
.mrs-style-default .mrs-star.mrs-active, 
.mrs-style-default .mrs-star.mrs-hover, 
.mrs-style-default .mrs-star:hover,
/* Επιλογή με τα προηγούμενα */
.mrs-style-default .mrs-star:hover ~ .mrs-star.mrs-active,
.mrs-style-default .mrs-star:hover ~ .mrs-star {
    color: var(--mprs-custom-color, var(--mprs-default-color)); /* Χρησιμοποιεί Custom αν υπάρχει */
}

/* Blue Color */
.mrs-style-blue .mrs-star.mrs-active, 
.mrs-style-blue .mrs-star.mrs-hover, 
.mrs-style-blue .mrs-star:hover,
.mrs-style-blue .mrs-star:hover ~ .mrs-star.mrs-active,
.mrs-style-blue .mrs-star:hover ~ .mrs-star {
    color: #0073AA;
}

/* Red Color */
.mrs-style-red .mrs-star.mrs-active, 
.mrs-style-red .mrs-star.mrs-hover, 
.mrs-style-red .mrs-star:hover,
.mrs-style-red .mrs-star:hover ~ .mrs-star.mrs-active,
.mrs-style-red .mrs-star:hover ~ .mrs-star {
    color: #D93B3B;
}


/* ----------------------------------------------------------------------
 * 4. ΤΥΠΟΙ / ΕΦΕ (Types)
 * ---------------------------------------------------------------------- */

/* 1. Solid (Default) - No extra effects needed */

/* 2. Shadowed */
.mrs-type-shadow .mrs-star.mrs-active,
.mrs-type-shadow .mrs-star.mrs-hover {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}

/* 3. 3D Effect */
.mrs-type-3d .mrs-star {
    /* Ελαφριά αλλαγή χρώματος για βάθος */
    color: #ccc; 
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
.mrs-type-3d .mrs-star.mrs-active,
.mrs-type-3d .mrs-star.mrs-hover {
    /* Δύο στρώσεις σκίασης για 3D */
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 
                 0 2px 3px rgba(0, 0, 0, 0.3);
}

/* ----------------------------------------------------------------------
 * 5. PRO FEATURE: Hover Effects (Δεν υλοποιείται στην Lite, αλλά 
 * προετοιμάζει τα CSS classes)
 * ---------------------------------------------------------------------- */

/* .mrs-type-pulse .mrs-star:hover { animation: mprs-pulse 1s infinite; } */
/* .mrs-type-glow .mrs-star.mrs-hover { box-shadow: 0 0 10px currentColor; } */
/* .mrs-type-shake .mrs-star:active { animation: mprs-shake 0.3s; } */