/**
 * ============================================================================
 * VIVERES — Properties archive | Teaser box global styling — v2
 * Snippet 675
 * ============================================================================
 * WPCode: CSS Snippet | Site Wide Header | Priority: 10
 *
 * Wijzigingen t.o.v. v1:
 *  - 'Playfair Display', Georgia, serif → var(--font-serif)
 *  - 'Lato', sans-serif                → var(--font-sans)
 *  - #c19e45 (hover border)            → var(--color-primary)
 *  - #2c2c2c                           → var(--color-text)
 *  - #5a5a5a                           → var(--color-text-light)
 * ============================================================================
 */

.vcex-teaser {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 35px 30px;
    min-height: 320px;
    max-width: 100%;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease;
}

.vcex-teaser:hover {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
    border-color: var(--color-primary, #b8986f);
    transform: translateY(-4px);
}

.vcex-teaser .vcex-teaser-heading,
.vcex-teaser .vcex-teaser-title {
    font-family: var(--font-serif, "Playfair Display", Georgia, serif);
    font-size: 28px;
    font-weight: 700;
    color: var(--color-text, #2c2c2c);
    margin-bottom: 15px;
    line-height: 1.3;
}

.vcex-teaser .vcex-teaser-content,
.vcex-teaser .vcex-teaser-text {
    font-family: var(--font-sans, sans-serif);
    font-size: 15px;
    font-weight: 400;
    color: var(--color-text-light, #5a5a5a);
    line-height: 1.7;
    margin-bottom: 0;
}

.vcex-teaser img {
    width: 100%;
    height: auto;
    border-radius: 4px;
    margin-bottom: 20px;
}

@media (max-width: 768px) {
    .vcex-teaser {
        min-height: auto;
        padding: 25px 20px;
        margin-bottom: 20px;
    }
    .vcex-teaser .vcex-teaser-heading,
    .vcex-teaser .vcex-teaser-title { font-size: 22px; }
    .vcex-teaser .vcex-teaser-content,
    .vcex-teaser .vcex-teaser-text  { font-size: 14px; }
}

/* Banner sectie — button in teaser kaart */
.pf-banner-section .vc_column-inner > .wpb_wrapper {
    position: relative;
    max-width: 550px;
}

.pf-banner-section .vcex-teaser { padding-bottom: 90px; }

.pf-banner-section .wpb_wrapper > a.vcex-button {
    position: absolute;
    bottom: 0;
    left: 0;
}