/* ── Contact pagina ──────────────────────────────────────── */

/* Kleur-variabelen obv de blok-kleur (zelfde idee als foto-detail: header + content afgeleid) */
.nib-static-block-page .nib-gd-block,
.nib-contact-page .nib-gd-block {
    --contact-color: var(--group-color, #075082);
    --contact-bg-1: color-mix(in oklab, var(--contact-color), white 20%);
    --contact-bg-2: color-mix(in oklab, var(--contact-color), white 35%);
    --contact-bg-3: color-mix(in oklab, var(--contact-color), white 40%);
    --contact-bg-4: color-mix(in oklab, var(--contact-color), white 55%);
    --contact-bg-5: color-mix(in oklab, var(--contact-color), white 72%);
}

.rz-material-dark .nib-static-block-page .nib-gd-block,
.rz-material-dark .nib-contact-page .nib-gd-block {
    --contact-bg-1: color-mix(in oklab, var(--contact-color), black 10%);
    --contact-bg-2: color-mix(in oklab, var(--contact-color), black 20%);
    --contact-bg-3: color-mix(in oklab, var(--contact-color), black 30%);
    --contact-bg-4: color-mix(in oklab, var(--contact-color), black 45%);
    --contact-bg-5: color-mix(in oklab, var(--contact-color), black 70%);
}

/* Content achtergrond (afgeleid van headerkleur) */
.nib-static-block-page .nib-gd-block .nib-over-content,
.nib-contact-page .nib-gd-block .nib-over-content {
    background: var(--contact-bg-5);
    border-top: 1px solid var(--contact-bg-3);
    padding: 1rem;
}

.nib-contact-form {
    max-width: 640px;
}

.nib-contact-success {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem 1.2rem;
    border-radius: 8px;
    background: color-mix(in srgb, #1a6b3c 10%, transparent);
    border: 1px solid color-mix(in srgb, #1a6b3c 30%, transparent);
    color: var(--rz-text-color);
    max-width: 640px;
}

.nib-contact-success i {
    font-size: 1.6rem;
    color: #1a6b3c;
    flex-shrink: 0;
    margin-top: .1rem;
}

.nib-contact-success strong {
    display: block;
    margin-bottom: .25rem;
}

.nib-contact-success p {
    margin: 0;
    font-size: .9rem;
    opacity: .85;
}
