/* -------------------------------------------------------------------------------- */
/*	X. Notifications
/* -------------------------------------------------------------------------------- */


.woocommerce-message,
.woocommerce-info {
	background-color: #3c5b90;
}

.woocommerce-message.no-button,
.woocommerce-info.no-button {
	padding-right: 20px;
}


/* -------------------------------------------------------------------------------- */
/*	X. Checkout Page
/* -------------------------------------------------------------------------------- */


form.woocommerce-checkout #customer_details {
	background: #3c5b90;
	color: #fff;
	margin-bottom: 10px;
	padding: 40px;
}

form.woocommerce-checkout #customer_details .woocommerce-billing-fields > h3 {
	background: #fff;
	color: #111;
	margin: -40px -40px 0 -40px;
	padding-bottom: 25px;
}

form.woocommerce-checkout #customer_details .woocommerce-billing-fields > h3 + div {
	padding-top: 40px;
}

form.woocommerce-checkout .quantity input[type=number] {
	padding-right: 15px;
	margin: 0;
}

#site-content form.woocommerce-checkout table.woocommerce-checkout-review-order-table .product-name {
	width: 70%;
}

#site-content form.woocommerce-checkout table.woocommerce-checkout-review-order-table .product-name img {
	width: 120px;
}

/* SVEA PAYMENT */

.payment_method_sveawebpay_invoice label img {
	display: block;
	height: 23px;
	position: absolute;
		right: 0;
		top: 0;
	width: auto;
}

.payment_method_sveawebpay_invoice > .payment_box {
	font-size: 14px;
	margin-top: 10px;
}

.svea-fields > div {
	margin-top: 15px;
}

.svea-fields label {
	font-size: inherit;
	margin-bottom: 3px;
}


/* Order Review ----------------------------- */

tr.recurring-totals th {
	text-align: left !important;
}


/* -------------------------------------------------------------------------------- */
/*	X. Pay Order Page (Add Payment Method)
/* -------------------------------------------------------------------------------- */


body.woocommerce-order-pay #site-content .section-inner {
	max-width: 600px;
}

#kco-wrapper {
	width: 100%;
}


/* -------------------------------------------------------------------------------- */
/*	X. Order Received
/* -------------------------------------------------------------------------------- */


.woocommerce-order {
	display: flex;
}

.woocommerce-order > * {
	order: 99;
	margin-bottom: 40px;
}

.woocommerce-order > p {
	line-height: 1.4;
	width: 100%;
}

.woocommerce-order > p:nth-of-type(1) { order: 1; }
.woocommerce-order > p:nth-of-type(2) { order: 2; }
.woocommerce-order > p:nth-of-type(3) { 
	margin: -35px 0 60px;
	order: 3; 
}
.woocommerce-order > p:nth-of-type(4) { 
	margin: -35px 0 60px;
	order: 5; 
}

.woocommerce-order p a {
	text-decoration: underline;
}

.woocommerce-order > #klarna-checkout-container {
	order: 4;
	width: 100%;
}

.woocommerce-order .woocommerce-order-downloads, 
.woocommerce-order .woocommerce-order-details {
	margin-top: 0;
}

.woocommerce-order-details header {
	margin: 40px 0 5px;
}

.woocommerce-order-details h2 {
	font-size: 28px;
}

.woocommerce-order-details td,
.woocommerce-order-details th {
    padding: 20px 10px 20px 0;
}

.woocommerce-checkout .cart-subtotal,
.woocommerce-checkout .first-payment-date {
	display: none;
}

.woocommerce-checkout .recurring-totals {
	font-weight: bold;
}


/* -------------------------------------------------------------------------------- */
/*	X. My Account
/* -------------------------------------------------------------------------------- */


.woocommerce-MyAccount-navigation-link--subscriptions a:before { 
	background-image: url( ../images/icons/filings-black.svg ); 
	background-size: auto 18px;
}


/* My Account Orders --------------------------------------- */

table.my_account_orders thead {
	display: table-header-group;
}

body table.my_account_orders td,
body table.my_account_orders th {
	width: auto;
}

table.my_account_orders th {
	font-size: 0.85em;
}

body table.my_account_orders td.order-actions {
	padding-right: 0;
}

table.my_account_orders .button {
	padding: 10px 14px;
	min-width: 0;
	white-space: nowrap;
	width: 100%;
}



/* -------------------------------------------------------------------------------- */
/*	X. Media Queries
/* -------------------------------------------------------------------------------- */


@media ( max-width: 1100px ) {


	/* Order Received --------------------------------------- */

	.woocommerce-order-details header {
		margin: 30px 0 20px;
	}


	/* My Account --------------------------------------- */

	table.my_account_orders thead {
		display: none;
	}

	table.my_account_orders tr {
		display: flex;
		flex-wrap: wrap;
	}

	body table.my_account_orders td {
		width: 50%;
	}

	table.my_account_orders td:before {
		content: attr( data-title );
        display: block;
        font-size: 12px;
        font-weight: 500;
        margin-bottom: 3px;
	}

	table.my_account_orders td.subscription-actions,
	table.my_account_orders td.subscription-actions .button {
		width: 100%;
	}


}


@media ( max-width: 900px ) {


	/* Order Received --------------------------------------- */

	.woocommerce-order > *,
	.woocommerce-order .woocommerce-notice {
		margin-bottom: 40px;
	}

	.woocommerce-order > p:nth-of-type(3) { 
		margin: -35px 0 50px;
	}

	.woocommerce-order-details h2 {
		font-size: 24px;
	}

	.woocommerce-order .woocommerce-columns--addresses {
		margin-top: 0;
	}


}


@media ( max-width: 500px ) {


	/* Checkout Page --------------------------------------- */

	form.woocommerce-checkout #customer_details {
		margin-bottom: 10px;
		padding: 20px;
	}

	form.woocommerce-checkout #customer_details .woocommerce-billing-fields > h3 {
		background: #fff;
		margin: -20px -20px 0 -20px;
		padding-bottom: 15px;
	}

	form.woocommerce-checkout #customer_details .woocommerce-billing-fields > h3 + div {
		padding-top: 20px;
	}


}