/* ==============================
   Basis-Style für Like/Dislike Buttons
   ============================== */
.ldp-container {
    display: flex;
    justify-content: center;  /* Buttons horizontal zentrieren */
    gap: 10px;
    align-items: center;
    margin: 10px 0;
}

.ldp-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    background-color: #2c3e50; /* dunkler Hintergrund */
    color: #fff;
    transition: background 0.2s;
}

.ldp-btn img {
    width: 48px; /* Bildgröße */
    height: 48px;
    margin-right: 5px;
}

.ldp-btn:hover {
    background-color: #34495e;
}

.ldp-count {
    font-weight: bold;
    min-width: 20px;
    text-align: center;
}

/* ==============================
   Styling für letzte Bewertungen im Footer
   ============================== */
.ldp-recent-ratings ul {
    list-style: none;   /* Punkte ausblenden */
    padding-left: 0;
    margin: 0;
}

.ldp-recent-ratings li {
    margin-bottom: 4px; /* kleiner Abstand zwischen Zeilen */
    font-size: 14px;
}

.ldp-recent-ratings li a {
    text-decoration: underline;
    color: #E9B44C;       /* dunkel und sichtbar */
    font-weight: 600;      /* leicht fetter */
    margin-right: 8px;
}

.ldp-recent-ratings li a:hover {
    text-decoration: underline;
    color: #0f8b8d;       /* dunkler beim Hover */
}

/* Dezente Farben für Like/Dislike */
.ldp-recent-ratings .ldp-like-count {
    color: #27ae60; /* sanftes Grün */
    font-weight: bold;
    margin-right: 5px;
}

.ldp-recent-ratings .ldp-dislike-count {
    color: #c0392b; /* sanftes Rot */
    font-weight: bold;
}