/* forgot_password.css - styling alleen voor forgot_password.php */

* { box-sizing: border-box; }
body { font-family: Arial, sans-serif; color: #333; }

/* vlaggen */
.lang-selector { position:absolute; top:12px; right:12px; }
.lang-selector img { width:30px; margin-left:8px; cursor:pointer; }

/* container */
.container.forgot-container {
    max-width: 420px;
    margin: 80px auto;
    background: rgba(255,255,255,0.95);
    padding: 26px;
    border-radius: 10px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.12);
}

/* titel */
.title { text-align:center; font-size:20px; font-weight:700; margin-bottom:14px; }

/* messages */
.message {
    background: #e6ffed;
    color: #1a6a2b;
    border: 1px solid #c8f0d1;
    padding: 8px 10px;
    border-radius: 6px;
    margin-bottom: 10px;
}
.error {
    background: #fdecea;
    color: #611a15;
    border: 1px solid #f5c6cb;
    padding: 8px 10px;
    border-radius: 6px;
    margin-bottom: 10px;
}

/* form rows align label left, input right */
.form-row { display:flex; align-items:center; gap:12px; margin-bottom:12px; }
.form-row label { width:120px; text-align:right; font-size:14px; }
.form-row input { flex:1; padding:9px 10px; border-radius:6px; border:1px solid #ccc; font-size:14px; }

/* buttons */
.btn-row { display:flex; gap:10px; justify-content:center; margin-top:8px; flex-wrap:wrap; }
.btn { padding:10px 16px; border-radius:6px; color:#fff; font-weight:600; text-decoration:none; border:none; cursor:pointer; min-width:110px; }
.primary-btn { background:#0077cc; }
.light-btn { background:#6fb7e6; }

/* responsive */
@media (max-width:560px){
    .form-row { flex-direction:column; align-items:stretch; }
    .form-row label { width:100%; text-align:left; margin-bottom:6px; }
    .container.forgot-container { margin: 40px 16px; padding: 18px; }
}