/* Algemene stijl voor de sterrenbeoordeling */
.ssrp-box {
    text-align: center;
    width: 260px;
    margin: auto;
    font-family: Arial, sans-serif;
}

.ssrp-lines {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 10px;
}

.line {
    flex: 1;
    border-top: 1px dashed #cfcfcf;
}

.circle {
    width: 70px;
    height: 70px;
    border: 2px dashed #cfcfcf;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    color: #444;
}

.title {
    font-size: 14px;
    color: #999;
    margin-bottom: 10px;
}

.stars span {
    font-size: 42px;
    cursor: pointer;
    color: #d6d6d6;
    transition: 0.2s;
}

.stars span:hover,
.stars span:hover ~ span {
    color: #ffc107;
}

.stars span.active {
    color: #ffc107;
}

/* FEEDBACK BERICHT */

#feedback-message{
    display:none;
    background:#e9f9ec;
    border:1px solid #4CAF50;
    color:#2e7d32;
    padding:8px;
    border-radius:6px;
    margin-bottom:10px;
    font-size:14px;
    font-weight:bold;
}