/* Frontend Styles für Media License Item */
.kss-media-license-item {
    padding: 15px 20px;
    background: white;
    border-left: 4px solid #0073aa;
    margin-bottom: 12px;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s, box-shadow 0.2s;
}

.kss-media-license-item:hover {
    transform: translateX(3px);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.kss-media-license-item__source {
    font-size: 16px;
    color: #0073aa;
    margin-bottom: 8px;
}

.kss-media-license-item__source strong {
    font-weight: 600;
}

.kss-media-license-item__details {
    font-size: 14px;
    color: #555;
    line-height: 1.6;
}

.kss-media-license-item__license,
.kss-media-license-item__id,
.kss-media-license-item__link {
    margin: 4px 0;
}

.kss-media-license-item__details a {
    color: #0073aa;
    text-decoration: none;
    font-weight: 500;
}

.kss-media-license-item__details a:hover {
    text-decoration: underline;
    color: #005177;
}

/* Gruppierung nach Quelle - gleiche Quellen zusammenfassen */
.kss-media-license-manager[data-group-by-source="true"] .kss-media-license-item[data-source="Adobe Stock"] {
    border-left-color: #ff0000;
}

.kss-media-license-manager[data-group-by-source="true"] .kss-media-license-item[data-source="Unsplash"] {
    border-left-color: #000000;
}

.kss-media-license-manager[data-group-by-source="true"] .kss-media-license-item[data-source="Pexels"] {
    border-left-color: #05a081;
}

.kss-media-license-manager[data-group-by-source="true"] .kss-media-license-item[data-source="Pixabay"] {
    border-left-color: #2ec66d;
}

.kss-media-license-manager[data-group-by-source="true"] .kss-media-license-item[data-source="Shutterstock"] {
    border-left-color: #ee2b24;
}

.kss-media-license-manager[data-group-by-source="true"] .kss-media-license-item[data-source="Getty Images"] {
    border-left-color: #ea1917;
}

.kss-media-license-manager[data-group-by-source="true"] .kss-media-license-item[data-source="Eigenes Bild"] {
    border-left-color: #4caf50;
}

@media (max-width: 768px) {
    .kss-media-license-item {
        padding: 12px 15px;
    }
    
    .kss-media-license-item__source {
        font-size: 15px;
    }
    
    .kss-media-license-item__details {
        font-size: 13px;
    }
}