/**
 * Libermenta Ansprechpartner-Box — Farben/Schriften aus den Site-Presets
 * (Greyd theme.json), Fallbacks = die live ausgelesenen Hex-Werte.
 * Flächen/Radien/Buttonform wie libermenta-leadflow (Pill-Button Gold,
 * Hover Oliv, 20px-Radius an Bildflächen).
 */

.lm-ap {
    --ap-gold: var(--wp--preset--color--primary, #bf9b4c);
    --ap-green: var(--wp--preset--color--secondary, #a6a782);
    --ap-ink: var(--wp--preset--color--foreground, #1d1d1b);
    --ap-muted: var(--wp--preset--color--dark, #5a5959);
    --ap-white: var(--wp--preset--color--lightest, #fffdf9);
    --ap-beige-200: var(--wp--preset--color--custom-libermenta-beige-200, #fcf9f2);
    --ap-beige-500: var(--wp--preset--color--custom-libermenta-beige-500, #f4e6d5);
    --ap-font-body: var(--wp--preset--font-family--source-sans-3-extralight, "Source Sans 3", system-ui, sans-serif);

    background: var(--ap-beige-200);
    border-top: 1px solid var(--ap-beige-500);
    padding: var(--wp--preset--spacing--x-large, 5rem) var(--wp--style--root--padding-right, 1.5rem);
}

/* Die ausgeblendete Formular-Sektion */
.lm-ap-replaced { display: none !important; }

.lm-ap__inner {
    max-width: var(--wp--style--global--wide-size, 1200px);
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(240px, 380px) 1fr;
    gap: clamp(1.75rem, 4vw, 4rem);
    align-items: center;
}

.lm-ap__media img {
    display: none;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 20px;
}
.lm-ap__media img.is-active { display: block; }

/* Nur die aktive Person (Foto + Name) ist sichtbar; ohne JS die erste. */
.lm-ap__name[data-lm-person] { display: none; }
.lm-ap__name[data-lm-person].is-active { display: block; }

.lm-ap__text {
    margin: 0 0 1.25rem;
    font-family: var(--ap-font-body);
    font-size: clamp(1.15rem, 1rem + 0.8vw, 1.5rem);
    font-weight: 300;
    line-height: 1.5;
    color: var(--ap-ink);
}

.lm-ap__name {
    margin: 0 0 1.75rem;
    font-family: var(--ap-font-body);
    font-size: 1rem;
    font-weight: 400;
    color: var(--ap-muted);
}

.lm-ap__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem 2rem;
}

.lm-ap__btn {
    display: inline-flex;
    align-items: center;
    gap: 0.6em;
    min-height: 52px;
    padding: 10px 28px;
    border: 1px solid var(--ap-gold);
    border-radius: 999px;
    font-family: var(--ap-font-body);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.3;
    color: var(--ap-white);
    background: var(--ap-gold);
    cursor: pointer;
    text-decoration: none;
}
.lm-ap__btn:hover { background: var(--ap-green); border-color: var(--ap-green); }
.lm-ap__btn:focus-visible { outline: 3px solid var(--ap-gold); outline-offset: 3px; }

.lm-ap__link {
    display: inline-flex;
    align-items: center;
    gap: 0.45em;
    font-family: var(--ap-font-body);
    font-size: 1rem;
    font-weight: 400;
    color: var(--ap-ink);
    text-decoration: underline;
    text-underline-offset: 4px;
}
.lm-ap__link:hover { color: var(--ap-gold); }
.lm-ap__link:focus-visible { outline: 3px solid var(--ap-gold); outline-offset: 3px; }

@media (max-width: 781px) {
    .lm-ap__inner { grid-template-columns: 1fr; }
    .lm-ap__media { max-width: 380px; }
}

@media print { .lm-ap { display: none; } }