/**
 * Frontend-Styles für Aktionsnetzwerk Links Block (Social Icons)
 * Nutzt WordPress Social Icons Styling
 */

.wp-block-wp-aktionsnetzwerk-links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em;
    padding: 0;
    list-style: none;
    margin: 0;
}

/* Social Link Items */
.wp-block-wp-aktionsnetzwerk-links .wp-social-link {
    display: block;
    border-radius: 9999px;
    transition: transform 0.1s ease;
    height: 2.25em;
    width: 2.25em;
    padding: 0.5em;
}

.wp-block-wp-aktionsnetzwerk-links .wp-social-link:hover {
    transform: scale(1.1);
}

.wp-block-wp-aktionsnetzwerk-links .wp-social-link a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
    padding: 0;
}

.wp-block-wp-aktionsnetzwerk-links .wp-social-link svg {
    width: 1.25em;
    height: 1.25em;
    fill: currentColor;
}

/* Screen Reader Text */
.wp-block-wp-aktionsnetzwerk-links .screen-reader-text {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* Service-spezifische Farben (WordPress Standard) */
.wp-social-link-facebook {
    background-color: #1778f2;
    color: #fff;
}

.wp-social-link-twitter {
    background-color: #1da1f2;
    color: #fff;
}

.wp-social-link-instagram {
    background-color: #e4405f;
    color: #fff;
}

.wp-social-link-linkedin {
    background-color: #0077b5;
    color: #fff;
}

.wp-social-link-youtube {
    background-color: #ff0000;
    color: #fff;
}

.wp-social-link-github {
    background-color: #24292e;
    color: #fff;
}

.wp-social-link-email {
    background-color: #ea4335;
    color: #fff;
}

.wp-social-link-website {
    background-color: #777;
    color: #fff;
}

/* Fallback für Links ohne Icon-Zuordnung */
.wp-social-link:not([class*="wp-social-link-"]) {
    background-color: #f0f0f0;
    color: #444;
}

/* Größenvarianten (optional, kann über Block-Einstellungen hinzugefügt werden) */
.wp-block-wp-aktionsnetzwerk-links.is-style-logos-only .wp-social-link {
    background: none;
    padding: 0;
}

.wp-block-wp-aktionsnetzwerk-links.is-style-logos-only .wp-social-link svg {
    width: 1.5em;
    height: 1.5em;
}

/* Pill Shape Style */
.wp-block-wp-aktionsnetzwerk-links.is-style-pill-shape .wp-social-link {
    border-radius: 1.125em;
}

/* === Bilder-Modus === */
.wp-aktionsnetzwerk-image-links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em;
    padding: 0;
    list-style: none;
    margin: 0;
}

.wp-aktionsnetzwerk-image-link {
    display: inline-flex;
}

.wp-aktionsnetzwerk-image-link a {
    display: inline-flex;
    align-items: center;
    gap: 0.4em;
    text-decoration: none;
    transition: opacity 0.15s ease;
}

.wp-aktionsnetzwerk-image-link a:hover {
    opacity: 0.75;
}

.wp-aktionsnetzwerk-image-link img {
    height: 2.25em;
    display: block;
}

.wp-aktionsnetzwerk-image-link-label {
    font-size: 0.875em;
    color: inherit;
}