/* =========================================
   MELDPUNT PAGINA
========================================= */

.meldpunt-title{

    text-align:center;

    font-size:36px;

    margin-bottom:25px;

    color:#00eaff;

    text-shadow:
        0 0 10px #00eaff,
        0 0 20px #00eaff;
}

/* =========================================
   CONTAINER
========================================= */

.container{

    width:90%;
    max-width:900px;

    margin:30px auto;

    padding:30px;

    background:
        rgba(255,255,255,.08);

    backdrop-filter:blur(12px);

    border-radius:20px;

    border:
        1px solid rgba(0,234,255,.3);

    box-shadow:
        0 0 25px rgba(0,234,255,.25);
}

/* =========================================
   MAP
========================================= */

#map{

    width:100%;

    height:450px;

    border-radius:15px;

    margin-bottom:25px;

    border:
        1px solid rgba(0,234,255,.4);

    box-shadow:
        0 0 15px rgba(0,234,255,.3);
}

/* =========================================
   LABELS
========================================= */

label{

    display:block;

    margin-top:15px;

    margin-bottom:6px;

    font-weight:bold;

    color:white;
}

/* =========================================
   INPUTS
========================================= */

input,
select,
textarea{

    width:100%;

    padding:12px;

    border:none;

    border-radius:12px;

    background:#f4f7fb;

    font-size:15px;

    margin-bottom:10px;
}

textarea{

    resize:vertical;
}

/* =========================================
   BUTTON ROW
========================================= */

.button-row{

    display:flex;

    justify-content:center;

    gap:20px;

    margin-top:25px;
}

/* =========================================
   VERSTUREN
========================================= */

.request-submit{

    background:#00c851;

    color:white;

    border:none;

    padding:12px 25px;

    border-radius:12px;

    cursor:pointer;

    font-weight:bold;

    transition:.3s;

    box-shadow:
        0 0 15px rgba(0,200,81,.5);
}

.request-submit:hover{

    transform:translateY(-3px);

    box-shadow:
        0 0 25px rgba(0,200,81,.9);
}

/* =========================================
   CANCEL BUTTON
========================================= */

.cancel-btn{

    background:#ff4444;

    color:white;

    border:none;

    padding:12px 25px;

    border-radius:12px;

    cursor:pointer;

    font-weight:bold;

    transition:.3s;

    box-shadow:
        0 0 15px rgba(255,0,0,.5);
}

.cancel-btn:hover{

    transform:translateY(-3px);

    box-shadow:
        0 0 25px rgba(255,0,0,.9);
}

/* =========================================
   LOADING OVERLAY
========================================= */

#loadingOverlay{

    position:fixed;

    top:0;
    left:0;

    width:100%;
    height:100%;

    display:none;

    justify-content:center;
    align-items:center;
    flex-direction:column;

    background:
        rgba(0,0,0,.85);

    z-index:99999;
}

.loader{

    width:70px;
    height:70px;

    border:8px solid rgba(255,255,255,.15);

    border-top:8px solid #00eaff;

    border-radius:50%;

    animation:
        spin 1s linear infinite;
}

@keyframes spin{

    100%{
        transform:rotate(360deg);
    }
}

.loading-text{

    margin-top:20px;

    font-size:20px;

    color:white;
}

/* =========================================
   SUCCESS POPUP
========================================= */

#successPopup{

    position:fixed;

    top:0;
    left:0;

    width:100%;
    height:100%;

    display:none;

    justify-content:center;
    align-items:center;

    background:
        rgba(0,0,0,.85);

    z-index:100000;
}

.popup-box{

    width:500px;

    padding:30px;

    text-align:center;

    background:#1f2937;

    border-radius:20px;

    border:
        1px solid rgba(0,234,255,.4);

    box-shadow:
        0 0 25px rgba(0,234,255,.3);
}

.popup-box h3{

    color:#00ff88;

    margin-bottom:15px;
}

.popup-box p{

    color:white;

    line-height:1.6;
}

/* =========================================
   CLOSE MODULE BUTTON
========================================= */

.close-module-btn{

    background:#ff4444;

    color:white;

    border:none;

    padding:12px 25px;

    border-radius:12px;

    cursor:pointer;

    margin-bottom:25px;

    box-shadow:
        0 0 15px rgba(255,0,0,.5);
}

/* =========================================
   CONTACT FIELDS
========================================= */

#contactFields{

    margin-top:15px;
}