/* ═══════════════════════════════════════════════════════════════
   CONTACT
   ═══════════════════════════════════════════════════════════════ */

.ly-c-hero { padding: clamp(56px, 8vw, 96px) 0 clamp(32px, 4vw, 48px); }
.ly-c-hero .ly-lood { margin-top: 1.2em; }

.ly-c-hoofd { padding-bottom: var(--ly-section); }

.ly-c-inner {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: clamp(32px, 5vw, 64px);
    align-items: start;
}

.ly-c-formulier h2,
.ly-c-zij h2 {
    font-size: 1.3rem;
    margin-bottom: 1em;
}

/* ── Velden ──────────────────────────────────────────────────── */

.ly-veld { margin: 0 0 18px; }

.ly-veld label {
    display: block;
    margin-bottom: 6px;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--ly-ink);
}

.ly-veld input,
.ly-veld textarea {
    width: 100%;
    padding: 13px 15px;
    background: var(--ly-white);
    border: 1px solid var(--ly-line);
    border-radius: var(--ly-radius);
    font-family: inherit;
    font-size: 0.95rem;
    color: var(--ly-ink);
}
.ly-veld textarea { resize: vertical; min-height: 130px; }

.ly-veld input:focus,
.ly-veld textarea:focus {
    outline: none;
    border-color: var(--ly-olive);
    box-shadow: 0 0 0 3px rgba(111, 122, 88, .14);
}

.ly-c-melding {
    margin: 14px 0 0;
    font-size: 0.9rem;
    min-height: 1.2em;
}
.ly-c-melding.is-goed { color: var(--ly-olive-diep); font-weight: 600; }
.ly-c-melding.is-fout { color: #a4443a; }

/* ── Zijkolom ────────────────────────────────────────────────── */

.ly-c-zij {
    padding: 30px;
    background: var(--ly-white);
    border: 1px solid var(--ly-line);
    border-radius: var(--ly-radius);
}

.ly-c-foto {
    /* Geen vaste 4:3 meer: die sneed een foto met eigen beeldverhouding
       (bv. een collage met bijschrift) af. Nu altijd de volledige foto,
       op zijn eigen verhouding. */
    display: block;
    width: 100%;
    height: auto;
    border-radius: var(--ly-radius);
    margin-bottom: 24px;
}

.ly-c-zij address {
    font-style: normal;
    font-size: 0.94rem;
    line-height: 1.9;
    color: var(--ly-taupe);
}

@media (max-width: 900px) {
    .ly-c-inner { grid-template-columns: 1fr; }
}