/* Protected Sumkova account-page surfaces. Loaded after UniShop2 styles. */
:root {
	--sumkova-card-shadow: 0 8px 24px rgba(31, 31, 31, .1);
}

/* Password recovery page */
html body #account-forgotten #content > .uni-wrapper {
	margin-bottom: 30px !important;
	padding: 24px !important;
	background: #fff !important;
	border: 0 !important;
	border-radius: var(--border-radius-1, 3px) !important;
	box-shadow: var(--sumkova-card-shadow) !important;
	overflow: visible !important;
}

html body #account-forgotten .account-forgotten {
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

html body #account-forgotten .account-forgotten__heading {
	margin-top: 0 !important;
	color: #3a2418 !important;
}

html body #account-forgotten .account-forgotten__text {
	color: #4a352b !important;
}

html body #account-forgotten #input-email {
	background: #fffdf9 !important;
	border: 1px solid #cda77f !important;
	border-radius: 3px !important;
	box-shadow: none !important;
}

html body #account-forgotten #input-email:focus {
	border-color: #6b4636 !important;
	box-shadow: 0 0 0 2px rgba(107, 70, 54, .12) !important;
}

html body #account-forgotten .account-forgotten__btn {
	background: #6b4636 !important;
	border-color: #6b4636 !important;
	border-radius: 3px !important;
	color: #fff !important;
}

/* Newsletter page */
html body #account-newsletter #content > .uni-wrapper {
	margin-bottom: 30px !important;
	padding: 24px !important;
	background: #fff !important;
	border: 0 !important;
	border-radius: var(--border-radius-1, 3px) !important;
	box-shadow: var(--sumkova-card-shadow) !important;
	overflow: visible !important;
}

html body #account-newsletter .account-newsletter {
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

html body #account-newsletter .account-newsletter .form-group:last-child {
	margin-bottom: 0;
}

/* Order details page */
html body #account-order .account-order-info.uni-wrapper {
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	overflow: visible !important;
}

html body #account-order .account-order-info__description,
html body #account-order .account-order-info__products,
html body #account-order .account-order-info__product-wrap,
html body #account-order .account-order-info__products-wrap,
html body #account-order .account-order-info__shipping-card,
html body #account-order .account-order-info > .row > [style*="max-width:450px"],
html body #account-order .account-order-info__comment,
html body #account-order .account-order-info__history-wrap {
	background: #fff !important;
	border: 0 !important;
	border-radius: var(--border-radius-1, 3px) !important;
	box-shadow: var(--sumkova-card-shadow) !important;
}

html body #account-order .account-order-info__shipping-card {
	float: none !important;
	width: 100% !important;
	max-width: none !important;
	margin-bottom: 30px !important;
	padding: 20px !important;
}

html body #account-order .account-order-info > .row > [style*="max-width:450px"] {
	display: flex !important;
	align-items: flex-start !important;
	gap: 20px !important;
	float: none !important;
	width: 100% !important;
	max-width: none !important;
	margin-bottom: 30px !important;
	padding: 20px !important;
}

html body #account-order .account-order-info > .row {
	margin-right: 0 !important;
	margin-left: 0 !important;
}

html body #account-order .account-order-info > .row > [style*="max-width:450px"]::before,
html body #account-order .account-order-info > .row > [style*="max-width:450px"]::after {
	display: none !important;
}

html body #account-order .account-order-info__shipping-card .heading {
	margin-top: 0 !important;
}

html body #account-order .account-order-info > .row > [style*="max-width:450px"] .heading {
	flex: 0 0 230px !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

html body #account-order .account-order-info__shipping-address {
	flex: 1 1 auto !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

html body #account-order .account-order-info__description {
	margin-bottom: 20px !important;
	padding: 20px !important;
}

html body #account-order .account-order-info__products,
html body #account-order .account-order-info__product-wrap,
html body #account-order .account-order-info__products-wrap {
	margin-bottom: 30px !important;
	overflow: hidden !important;
}

html body #account-order .account-order-info__comment {
	margin-bottom: 30px !important;
	padding: 20px !important;
}

html body #account-order .account-order-info__history-wrap {
	margin-bottom: 30px !important;
	overflow: hidden !important;
}

html body #account-order .account-order-info__history-table,
html body #account-order .account-order-info__product-table {
	margin-bottom: 0 !important;
}

html body #account-order .account-order-info > .heading {
	margin-top: 26px;
	margin-bottom: 12px;
}

@media (max-width: 767px) {
	html body #account-forgotten #content > .uni-wrapper {
		padding: 15px !important;
	}

	html body #account-newsletter #content > .uni-wrapper {
		padding: 15px !important;
	}

	html body #account-order .account-order-info__description,
	html body #account-order .account-order-info__shipping-card,
	html body #account-order .account-order-info > .row > [style*="max-width:450px"],
	html body #account-order .account-order-info__comment {
		padding: 15px !important;
	}

	html body #account-order .account-order-info > .row > [style*="max-width:450px"] {
		display: block !important;
	}

	html body #account-order .account-order-info > .row > [style*="max-width:450px"] .heading {
		margin-bottom: 12px !important;
	}

	html body #account-order .account-order-info__products,
	html body #account-order .account-order-info__product-wrap,
	html body #account-order .account-order-info__products-wrap,
	html body #account-order .account-order-info__history-wrap {
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch;
	}
}