/*
 * Frontend-Stile für die Anzeige der Sponsoren-Logos.
 */

.villa-wellentanz-sponsors-container {
    display: flex; /* Flexbox für responsive Anordnung */
    flex-wrap: wrap; /* Logos in nächste Zeile umbrechen */
    justify-content: center; /* Logos zentrieren */
    align-items: center; /* Logos vertikal zentrieren */
    gap: 15px; /* ANPASSUNG: Abstand zwischen Elementen reduziert */
    padding: 15px; /* ANPASSUNG: Innenabstand reduziert */
    background-color: #f7f7f7;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    margin: 20px auto;
    max-width: 1000px; /* ANPASSUNG: Maximale Breite des Containers etwas reduziert */
    flex-direction: column; /* Elemente vertikal anordnen (Überschrift über Logos) */
}

.vws-sponsor-type-title {
    width: 100%; /* Überschrift volle Breite */
    text-align: center; /* Überschrift zentrieren */
    margin-bottom: 8px; /* ANPASSUNG: Abstand zu den Logos weiter reduziert */
    font-size: 1.4em; /* ANPASSUNG: Schriftgröße etwas kleiner */
    color: #333;
    font-family: "Inter", sans-serif;
    line-height: 1.2;
}

.vws-sponsor-items-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 15px; /* ANPASSUNG: Abstand zwischen Logos reduziert */
    width: 100%;
}

.vws-sponsor-item {
    text-align: center;
    transition: transform 0.2s ease-in-out;
}

.vws-sponsor-item:hover {
    transform: translateY(-3px); /* ANPASSUNG: Leichter Hoch-Effekt reduziert */
}

.vws-sponsor-item img {
    max-width: 130px; /* Maximale Breite für Logos reduziert */
    height: auto;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
    transition: opacity 0.2s ease-in-out;
}

.vws-sponsor-item a:hover img {
    opacity: 0.8;
}

/* Spezifische Größen für Gold- und Silber-Sponsoren - basierend auf `container_class` */
/* Diese Klassen müssen im Aufruf der Funktion `vws_get_sponsors_html` übergeben werden */
/* Beispiel: echo vws_get_sponsors_html( 'gold-sponsor', null, 'gold-sponsors-section' ); */

.gold-sponsors-container .vws-sponsor-item img {
    max-width: 200px; /* Größer für Gold-Sponsoren */
}

.silver-sponsors-container .vws-sponsor-item img {
    max-width: 160px; /* Etwas kleiner für Silber-Sponsoren */
}

/* NEU: Konzert-Partner Logos sollen die gleiche Größe wie Gold-Sponsoren haben */
.konzert-partner-container .vws-sponsor-item img {
    max-width: 200px; /* Gleiche Größe wie Gold-Sponsoren */
}


/* Styling für Namen der privaten Gönner */
.vws-patron-name {
    font-family: "Inter", sans-serif;
    font-size: 0.85em; /* ANPASSUNG: Schriftgröße leicht reduziert */
    color: #555;
    margin-top: 5px;
}

/* Responsive Anpassungen */
@media (max-width: 768px) {
    .villa-wellentanz-sponsors-container {
        padding: 10px; /* ANPASSUNG: padding weiter reduziert */
        gap: 10px; /* ANPASSUNG: gap weiter reduziert */
    }
    .vws-sponsor-type-title {
        font-size: 1.2em; /* ANPASSUNG: Schriftgröße weiter reduziert */
        margin-bottom: 8px;
    }
    .vws-sponsor-items-wrapper {
        gap: 10px; /* ANPASSUNG: gap weiter reduziert */
    }
    .vws-sponsor-item img {
        max-width: 100px; /* ANPASSUNG: max-width weiter reduziert */
    }
    .gold-sponsors-container .vws-sponsor-item img,
    .konzert-partner-container .vws-sponsor-item img { /* ANPASSUNG: Konzert-Partner hinzugefügt */
        max-width: 160px; /* ANPASSUNG: max-width weiter reduziert */
    }
    .silver-sponsors-container .vws-sponsor-item img {
        max-width: 130px; /* ANPASSUNG: max-width weiter reduziert */
    }
}

@media (max-width: 480px) {
    .villa-wellentanz-sponsors-container {
        padding: 8px; /* ANPASSUNG: padding weiter reduziert */
        gap: 8px; /* ANPASSUNG: gap weiter reduziert */
    }
    .vws-sponsor-type-title {
        font-size: 1.1em; /* ANPASSUNG: Schriftgröße weiter reduziert */
        margin-bottom: 6px; /* ANPASSUNG: margin-bottom weiter reduziert */
    }
    .vws-sponsor-items-wrapper {
        gap: 8px; /* ANPASSUNG: gap weiter reduziert */
    }
    .vws-sponsor-item img {
        max-width: 80px; /* ANPASSUNG: max-width weiter reduziert */
    }
    .gold-sponsors-container .vws-sponsor-item img,
    .konzert-partner-container .vws-sponsor-item img { /* ANPASSUNG: Konzert-Partner hinzugefügt */
        max-width: 120px; /* ANPASSUNG: max-width weiter reduziert */
    }
    .silver-sponsors-container .vws-sponsor-item img {
        max-width: 100px; /* ANPASSUNG: max-width weiter reduziert */
    }
}