/* CHECKOUT COMMON */

.checkout-pages-layout {
	display: flex;
	width: 100%;
	gap: 1rem;
}

.checkout-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.checkout-pages-layout>div {
	width: 50%;
}

@media only screen and (max-width: 600px) {
	.checkout-pages-layout {
		flex-direction: column;
	}

	.checkout-pages-layout>div {
		margin-right: 1rem;
		width: 100%;
	}
}

/* CHECKOUT PAGE */
.customerInputFields {
	display: flex;
	flex-direction: column;
}

.customerInputFields form,
.customerInputFields div {
	width: 100%;
}


.address {
	display: flex;
	flex-direction: column;
}

#addressError {
	background-color: #ffe6e6;
	color: rgb(148, 0, 0);
	width: 100%;
	padding: .5rem;
	margin: .5rem 0;
}

/* DELVIERY */
.transport-methods-wrapper,
.payment-methods-wrapper {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 1rem;
	padding-bottom: 1rem;
}

.transport-methods-wrapper:last-of-type,
.payment-methods-wrapper:last-of-type {
	padding-bottom: 4rem;
}

input[type="radio"] {
	width: fit-content;
}

.country-selection {
	display: flex;
	gap: 1rem;
}

.country-selection .button{
	background-color: white;
	color: black;
}

.active {
	background-color: black !important;
	color: white !important;
}