a.contact-email {
    background-color: var(--color-secondary);
    padding: 10px 20px;
    display: inline-block;
    margin-bottom: 1rem;
}

a.contact-email:hover {
    background-color: var(--color-secondary);
    padding: 10px 20px;
    display: inline-block;
    margin-bottom: 1rem;
    color: #fff !important;
    cursor: pointer;
}

/* CONTACT FOOTER - 3 kolommen met afgeronde bovenkant */
.contact-footer-section {
    background: white;
    padding: 0;
    margin-top: 80px;
}

.contact-footer-section .py--5 {
    padding-top: 0 !important;
}

.contact-footer-wrapper {
    background: #2b4c8c;
    color: white;
    border-radius: 50px 50px 0 0;
    padding: 60px 0 40px 0;
}

.contact-content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 80px;
    margin-bottom: 40px;
}

.contact-left h2 {
    color: white;
    margin-bottom: 20px;
}

.contact-left p {
    color: white;
    margin-bottom: 15px;
    line-height: 1.6;
}

.contact-left svg {
    margin-right: 5px;
    margin-top: -3px;
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: auto;
}

.contact-email {
    font-size: var(--font-size-h5);
    margin-top: 20px !important;
    font-weight: 700;
}

.contact-right img{
    max-width: 300px;
}

/* WPForms Nieuwsbrief Styling */
.form--nieuwsbrief {
    display: flex !important;
    gap: 10px !important;
    margin-top: 25px !important;
    align-items: flex-start !important;
    width: 100% !important;
}

.form--nieuwsbrief .wpforms-field-container {
    display: flex !important;
    gap: 10px !important;
    margin-bottom: 0 !important;
    flex: 1 !important;
}

.form--nieuwsbrief .wpforms-field {
    flex: 1 !important;
    margin-bottom: 0 !important;
    padding: 0px !important;
}

/* Label verbergen */
.form--nieuwsbrief .wpforms-field-label {
    display: none !important;
}

/* Input field styling */
.form--nieuwsbrief input[type="text"], .form--nieuwsbrief input[type="email"] {
    flex: 1 !important;
    padding: 12px 20px !important;
    border: 0px !important;
    background: transparent !important;
    color: white !important;
    border-radius: 0px !important;
    font-size: var(--font-size-sm) !important;
    width: 100% !important;
    background-color: #6D9BD2 !important;
}

.form--nieuwsbrief form {
    display: flex;
    width: 100% !important;
}

.form--nieuwsbrief input[type="text"]::placeholder,
.form--nieuwsbrief input[type="email"]::placeholder {
    color: rgba(255,255,255,0.7) !important;
}

.form--nieuwsbrief .wpforms-submit-container {
    flex-shrink: 0 !important;
    margin-bottom: 0 !important;
    display: flex !important;
    align-items: flex-start !important;
    margin-top: 0 !important;
}

/* Submit button met zwaan SVG - vierkant */
.form--nieuwsbrief .wpforms-submit.form--zwaan, .form--nieuwsbrief button.wpforms-submit.form--zwaan {
    width: 50px !important;
    height: 100% !important;
    min-width: 50px !important;
    border-radius: 0px !important;
    background: var(--color-secondary) !important;
    border: none !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: transform 0.3s ease !important;
    padding: 0 !important;
    font-size: 0 !important;
    position: relative !important;
}

.form--nieuwsbrief .wpforms-submit.form--zwaan::before,
.form--nieuwsbrief button.wpforms-submit.form--zwaan::before {
    content: '' !important;
    width: 27px !important;
    height: 31px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27.05' height='30.983' viewBox='0 0 27.05 30.983'%3E%3Cpath d='M18.3,0A9.1,9.1,0,0,1,22,1.306,6.507,6.507,0,0,1,23.51,2.722c.957,1.192.665,2.4.449,3.733-.235,1.457.605,3.012,1.122,4.313a1.606,1.606,0,0,1,.141,1.295c-.156.5-1.213,1.22-1.73.708L17.573,6.916a.314.314,0,0,0-.34-.029c-.072.05-.131.292-.057.365l5.438,5.426c.753.751,1.452,1.473,2.149,2.263a8.407,8.407,0,0,1,1.428,2.235,9.825,9.825,0,0,1-.7,9.337,9.972,9.972,0,0,1-7.427,4.47H13.109c-.227,0-.551-.069-.822-.093A13.01,13.01,0,0,1,3.043,26a12.257,12.257,0,0,1-2.774-6,16.131,16.131,0,0,1-.244-2.519L0,14.279a.7.7,0,0,1,.322-.615.651.651,0,0,1,.688.03,22.214,22.214,0,0,0,1.914,1.152l13.256,0-4.162-4.785a5.767,5.767,0,0,1-.927-5.905A6.809,6.809,0,0,1,16.974,0ZM10.938,29.4a15.705,15.705,0,0,0,3.077.3l3.659-.019a8.461,8.461,0,0,0,8.052-7.712,8.1,8.1,0,0,0-2.243-6.538L16.25,8.122a1.539,1.539,0,0,1-.185-1.85,1.557,1.557,0,0,1,1.685-.7,1.934,1.934,0,0,1,1.022.672,2.368,2.368,0,0,0,2.725.69,2.305,2.305,0,0,0,1.419-2.3C22.791,3.186,21.245,2.224,20,1.75c-2.688-1.025-5.955-.3-7.416,2.263a4.585,4.585,0,0,0,.505,5.33L18.4,15.392a4.968,4.968,0,0,1,2.723,3.383,5.171,5.171,0,0,1-4.754,6.383l-4.75.014a9.674,9.674,0,0,1-9.685-9.417l-.637-.33c-.083,3.585.259,6.674,2.583,9.552A11.8,11.8,0,0,0,10.938,29.4M23.962,11.494a19.592,19.592,0,0,1-1.255-3.7,4.153,4.153,0,0,1-1.767.655Zm-7.8,12.381a3.865,3.865,0,0,0,.017-7.728l-12.954,0a8.3,8.3,0,0,0,8.14,7.729Z' fill='%23fff'/%3E%3Cpath d='M16.286,33.272a.646.646,0,1,1-.027-1.29l5.793,0a1.284,1.284,0,0,0,1.267-1.294,1.31,1.31,0,0,0-1.326-1.3.634.634,0,0,1-.6-.646.645.645,0,0,1,.676-.632,2.582,2.582,0,0,1,2.542,2.511,2.554,2.554,0,0,1-2.5,2.638Z' transform='translate(-5.925 -10.68)' fill='%23fff'/%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    display: block !important;
}

.form--nieuwsbrief .wpforms-submit.form--zwaan:hover,
.form--nieuwsbrief button.wpforms-submit.form--zwaan:hover {
    background: #d62828 !important;
}

/* Verberg spinner */
.form--nieuwsbrief .wpforms-submit-spinner {
    display: none !important;
}

.contact-logo-img {
    width: 100%;
    max-width: 250px;
    height: auto;
}

.contact-right {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
}

.footer-social {
    display: flex;
    gap: 15px;
    margin-top: 25px;
}

.footer-social a {
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.footer-social a path{
    transition: all 0.3s ease;
}

.footer-social a:hover path {
    fill: var(--color-secondary);
}

.footer-social a svg {
    width: 30px;
    height: 30px;
}

.contact-bottom {
    padding-top: 30px;
    border-top: 1px solid rgba(255,255,255,0.2);
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px;
}

.contact-bottom-left p {
    color: white;
    margin-bottom: 10px;
    font-size: var(--font-size-sm);
}

.small-text {
    font-size: var(--font-size-xs) !important;
    opacity: 0.8;
}

.footer-credits {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid rgba(255,255,255,0.1);
    font-size: var(--font-size-xs);
}

.footer-credits a {
    color: white;
    text-decoration: none;
}

.footer-credits a:hover {
    text-decoration: underline;
}


@media screen and (max-width: 811px) {
    .contact-right {
        justify-content: center;
    }
    .contact-right img {
        max-width: 100%;
    }
}