/* Kort omkring formular */

.form-card{
    max-width:760px;
    margin:0 auto;
    background:white;
    border-radius:18px;
    padding:24px;
    box-shadow:0 10px 26px rgba(0,0,0,0.1);
}
/*
.form-card{
    max-width:760px;
    margin:0 auto;
}
*/
/* Formular layout */

.guestbook-form{
    display:flex;
    flex-direction:column;
    gap:18px;
}

/* Formular grupper */

.form-group{
    display:flex;
    flex-direction:column;
    gap:8px;
}

.form-group label{
    font-weight:bold;
    color:#374151;
}

/* Input felter */

.form-input,
.form-textarea{
    width:100%;
    border:1px solid #cfd8e3;
    border-radius:12px;
    padding:14px 16px;
    font-family:inherit;
    font-size:1rem;
    color:#1f2937;
    background:#ffffff;
}

/* Fokus styling */

.form-input:focus,
.form-textarea:focus{
    outline:2px solid rgba(24,119,242,0.18);
    border-color:#1877f2;
}

/* Tekstfelt */

.form-textarea{
    min-height:180px;
    resize:vertical;
}

/* Knapper */

.form-actions{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    margin-top:6px;
}

/* Honeypot felt mod bots */

.hp-felt{
    position:absolute;
    left:-9999px;
    width:1px;
    height:1px;
    overflow:hidden;
}

@media (max-width: 700px){
    .form-card{
        padding:18px;
    }

    .btn{
        width:100%;
    }
}