.bestelformulier {
	padding: 5px;
	background-color: white;
}

.adresinfo {
	background-color: #fafafa;
}

.winkelmandje_inhoud {
	display: grid;
	grid-template-columns: 70px 50px auto 80px 80px 90px;
	border-collapse: collapse;
	width: 100%;
	font-size: 12px;
}

.winkelmandje_kop {
	background-color: #0088FF;
	color: white;
	text-align: left;
	padding: 8px;
}

.item {
	border: 1px solid #ddd;
	padding: 8px;
	text-align: left;
}

.bestel-buttons {
	display: flex;
	gap: 8px;
}

.bestel_plus,
.bestel_min,
.bestel_wis {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	width: 20px;
	height: 20px;

	color: white;
	background-color: #2ecc71;
	border-radius: 6px;

	text-decoration: none;

	transition: all 0.15s ease-in-out;

    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.bestel_plus:hover,
.bestel_min:hover,
.bestel_wis:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.25);
}

.bestel_plus {
    background-color: #2ecc71;
}

.bestel_min {
    background-color: #f39c12;
}

.bestel_wis {
    background-color: #e74c3c;
}

.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 */
}