
.bestelformulier {
	padding: 5px;
	background-color: white;
}

.adresinfo {
	background-color: #fafafa;
}

.winkelmandje_inhoud {
	display: grid;
	grid-template-columns: 70px 50px auto 80px 80px 80px;
	border-collapse: collapse;
	width: 100%;
	font-size: 10px;
}

.winkelmandje_kop {
	background-color: #0088FF;
	color: white;
	text-align: left;
	padding: 8px;
}

.item {
	border: 1px solid #ddd;
	padding: 8px;
	text-align: left;
}

.bestel_plus, .bestel_min, .bestel_plus {
	color: white; /* Gebruik dezelfde kleur als de omringende tekst */
	border: 1px solid green;
	background-color: green;
	border-radius: 3px;
}

.bestel_min {
	border: 1px solid orange;
	background-color: orange;
}

.bestel_wis {
	border: 1px solid red;
	background-color: red;
}

.right-align {
	text-align: right;
}

.center-align {
	text-align: center;
}

/* Verzendmethode */
#levermethode {
	margin-top : 10px;
}

/* Factuuradres gegevens */
#factuuradres section {
    display: block;
}

.factuuradres_invoerveld {
    margin-bottom: 10px;
    display: flex;
    align-items: center; /* Verticaal centreren van label en input */
}

.factuuradres_invoerveld label {
    max-width: 300px;
    flex: 0 0 175px; /* Flexibele breedte voor labels */
    font-weight: bold;
    color: blue;
    margin-right: 10px; /* Afstand tussen label en input */
}

.factuuradres_invoerveld input[type="text"],
.factuuradres_invoerveld input[type="email"] {
    flex: 1; /* Neem resterende ruimte in beslag */
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
}

#factuur_postcode, #aflever_postcode {
	max-width: 100px;
}

#factuur_telefoon, #factuur_gsm {
	max-width: 150px;
}

.factuuradres_invoerveld input[type='text']:hover {
    border-color: lightblue; /* Rand oplichten */
}

.factuuradres_invoerveld input[type='text']:focus {
    border-color: red; /* Rand oplichten wanneer het veld actief is */
	background-color: #CAE1FF;
	color: black;
}

.factuuradres_invoerveld input[type='text'] {
    width: 200px; /* Stel de gewenste breedte in */
    border: 1px solid #ccc; /* Standaard randkleur */
    border-radius: 5px; /* Afronding van de hoeken */
    padding: 5px; /* Ruimte binnenin het invoerveld */
    transition: border-color 0.3s ease; /* Vloeiende overgang voor de randkleur */
}


