/*contact formulier reserveren*/
/* .formulier { */
    /* display: flex; */
    /* flex-direction: column; */
    /* gap: 18px; */
/* } */

/* --- LABELS --- */
.formulier label {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 12px;   /* MEER AFSTAND BOVEN TEKSTVELD */
}

.formulier input {
border: 2px solid #9487F1;
}
input[name="username"] {
    position: absolute;
    left: -999999999px;
}
/* --- HONEYPOT --- */
input[name="username"] {
    display: none;
}
/* ANTI SPAM REGEL OP ÉÉN LIJN */
/* --- CODEROW --- */
.coderow {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 15px;
    margin-top: 10px;
}

.coderow label {
    width: 100%;
    font-weight: 600;
}

/* Spamtekst */
	.formulier #anti {
		white-space: nowrap;
		font-size: 1.2em;
		color: #444;
		margin-left: 20px;
	}

/* Spamcode (gegenereerde code) */
	.formulier #antispam {
		font-weight: bold;
		font-size: 1.5em;
		letter-spacing: 2px;
	}

/* --- ALGEMENE INPUTS & TEXTAREA --- */
/* --- GROTERE TEKST IN TEKSTVELD --- */
textarea {
    width: 100%;
    padding: 14px 30px 14px 30px !important; /* links extra ruimte */
    border: 1px solid #bbb;
    border-radius: 6px;
    box-sizing: border-box;
    font-size: 2.2rem;
    line-height: 1.4;
    min-height: 200px;
    resize: vertical;
}
#t {
	border: 2px solid #9487F1;
	font-size: 1.5em;
	background-image: url(../img/deco/LPT_logo.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: left bottom;
	background-color:white;
	height: 600px;
	width: 100%;
	resize: none;
	padding: 1em 2em 6em 2.5em;
	margin-bottom: 20px;
}
/*FORCEER GROTE TEKST IN TEKSTVELD*/
textarea#t {
    font-size: 2.0rem !important;
    line-height: 1.4;
    padding: 16px 10px 16px 80px !important;  /* zelfde grote tekst, maar nu ook ruime linkerkant */
}

#vn, #n,#e {
    width: 65%;
    padding: 12px 20px;
    margin: 15px 0;
	font-size: 1.4em;
    border: 2px solid #9487F1 !important;
    border-radius: 8px !important;
}

/* CODE INPUTVELD IETS KLEINER + DICHTER BIJ LABEL */
#c {
    width: 100px !important;        /* iets kleiner */
    padding: 8px 10px !important;   /* iets minder hoog */
    font-size: 1.4rem !important;
    margin-top: 2px !important;     /* vlak onder label */
    border: 2px solid #666 !important;
    border-radius: 8px !important;
}

.tekst_code_invoeren {
    display: block !important;
    width: 100% !important;
    margin-top: 40px !important;
}

/* --- FORMULIER CONTAINER --- */
.formulier {
    /* hier hoef je niets te veranderen, maar staat voor de duidelijkheid */
}

/* --- KNOPPEN BINNEN HET FORMULIER --- */
.gb-buttons {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

/* --- DE KNOPPEN ZELF --- */
.gb-buttons .button {
    background: #6C89BA;
    color: #ffffff;
    border: 1px solid #6C89BA;
    padding: 12px 32px;
    font-size: 1.15em;
    font-weight: 600;
    border-radius: 12px;
    cursor: pointer;
    box-shadow: 0 3px 8px #0002;
    transition: 0.25s ease;
    text-align: center;
}

/* Hover */
.gb-buttons .button:hover {
    background: linear-gradient(135deg, #d6d6d6, #596b89);
    border-color: #6C89BA;
    box-shadow: 0 5px 12px #0003;
    transform: translateY(-1px);
}

/* Active */
.gb-buttons .button:active {
    transform: translateY(0);
    box-shadow: 0 3px 8px #0002;
}

/* --- NIEUWE CODE KNOP --- */
.newcode-btn {
    margin-left: 330px;
    padding: 6px 14px;
    font-size: 1em;
    background: #D2D2D2;
    color: black;
    border: none;
    border-radius: 8px;
    cursor: pointer;
}
.newcode-btn:hover {
    background: #FFD42A !important;
}