.wp-share-buttons {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    align-items: center;
    margin: 1rem 0;

    /* Vorgabewerte. Bei Farbgebung "Eigene Farben" ueberschreibt das Plugin
       diese drei Variablen direkt am Container. */
    --wp-share-bg: #fff;
    --wp-share-fg: #333;
    --wp-share-border: #ddd;
}
.wp-share-heading {
    font-weight: 600;
    margin-right: 0.25rem;
}
.wp-share-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--wp-share-border);
    border-radius: 6px;
    background: var(--wp-share-bg);
    color: var(--wp-share-fg);
    text-decoration: none;
    cursor: pointer;
    font-size: 1rem;
    line-height: 1;
    transition: background 0.2s, border-color 0.2s, color 0.2s, filter 0.2s;
}
.wp-share-btn:hover,
.wp-share-btn:focus-visible {
    text-decoration: none;
    filter: brightness(0.94);
}
.wp-share-icon {
    display: inline-flex;
    align-items: center;
}
.wp-share-icon svg {
    width: 1.15em;
    height: 1.15em;
    display: block;
}

/* --- Ausrichtung ------------------------------------------------------- */
.wp-share-align-center { justify-content: center; }
.wp-share-align-right  { justify-content: flex-end; }

/* --- Groesse ----------------------------------------------------------- */
.wp-share-size-sm .wp-share-btn { padding: 0.3rem 0.5rem;  font-size: 0.85rem; }
.wp-share-size-lg .wp-share-btn { padding: 0.7rem 1.1rem;  font-size: 1.15rem; }

/* --- Form -------------------------------------------------------------- */
.wp-share-shape-square .wp-share-btn { border-radius: 0; }
.wp-share-shape-pill   .wp-share-btn { border-radius: 999px; }
.wp-share-shape-circle .wp-share-btn {
    border-radius: 50%;
    padding: 0.55rem;
}
/* Im Kreis ist fuer Text kein Platz — die Beschriftung bleibt fuer
   Screenreader ueber aria-label erhalten. */
.wp-share-shape-circle .wp-share-label { display: none; }
.wp-share-size-sm.wp-share-shape-circle .wp-share-btn { padding: 0.35rem; }
.wp-share-size-lg.wp-share-shape-circle .wp-share-btn { padding: 0.8rem; }

/* --- Farbgebung: neutral (Vorgabe) ------------------------------------- */
.wp-share-colors-neutral .wp-share-whatsapp:hover  { border-color: #25d366; color: #25d366; }
.wp-share-colors-neutral .wp-share-facebook:hover  { border-color: #1877f2; color: #1877f2; }
.wp-share-colors-neutral .wp-share-twitter:hover   { border-color: #000;    color: #000; }
.wp-share-colors-neutral .wp-share-pinterest:hover { border-color: #e60023; color: #e60023; }
.wp-share-colors-neutral .wp-share-linkedin:hover  { border-color: #0a66c2; color: #0a66c2; }
.wp-share-colors-neutral .wp-share-email:hover     { border-color: #ea4335; color: #ea4335; }

/* --- Farbgebung: Markenfarben ------------------------------------------ */
.wp-share-colors-brand .wp-share-btn {
    color: #fff;
    border-color: transparent;
}
.wp-share-colors-brand .wp-share-btn:hover { color: #fff; }
.wp-share-colors-brand .wp-share-whatsapp  { background: #25d366; }
.wp-share-colors-brand .wp-share-facebook  { background: #1877f2; }
.wp-share-colors-brand .wp-share-twitter   { background: #000; }
.wp-share-colors-brand .wp-share-pinterest { background: #e60023; }
.wp-share-colors-brand .wp-share-linkedin  { background: #0a66c2; }
.wp-share-colors-brand .wp-share-email     { background: #ea4335; }
.wp-share-colors-brand .wp-share-copy      { background: #555; }

.wp-share-live {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}