body.woocommerce-cart main,
body.woocommerce-checkout main,
body.woocommerce-account main {
	padding-block-start: clamp(2rem, 5vw, 4rem);
}

body.woocommerce-cart .woocommerce-info,
body.woocommerce-checkout .woocommerce-info,
body.woocommerce-account .woocommerce-info,
body.woocommerce-cart .woocommerce-message,
body.woocommerce-checkout .woocommerce-message,
body.woocommerce-account .woocommerce-message {
	border: 1px solid #84e2d8;
	border-block-start: 4px solid #0b8f83;
	background: #ecfffc;
	color: #082f2c !important;
	font-weight: 700;
	line-height: 1.9;
}

body.woocommerce-cart .woocommerce .woocommerce-info *,
body.woocommerce-checkout .woocommerce .woocommerce-info *,
body.woocommerce-account .woocommerce .woocommerce-info *,
body.woocommerce-cart .woocommerce .woocommerce-message *,
body.woocommerce-checkout .woocommerce .woocommerce-message *,
body.woocommerce-account .woocommerce .woocommerce-message * {
	color: inherit !important;
	opacity: 1 !important;
}

body.woocommerce-cart .woocommerce .woocommerce-info a,
body.woocommerce-checkout .woocommerce .woocommerce-info a,
body.woocommerce-account .woocommerce .woocommerce-info a,
body.woocommerce-cart .woocommerce .woocommerce-message a,
body.woocommerce-checkout .woocommerce .woocommerce-message a,
body.woocommerce-account .woocommerce .woocommerce-message a {
	color: #0b8f83 !important;
	font-weight: 800;
	text-decoration: underline;
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.18em;
}

body.woocommerce-cart .woocommerce-info::before,
body.woocommerce-checkout .woocommerce-info::before,
body.woocommerce-account .woocommerce-info::before,
body.woocommerce-cart .woocommerce-message::before,
body.woocommerce-checkout .woocommerce-message::before,
body.woocommerce-account .woocommerce-message::before {
	color: #0b8f83;
}

body.woocommerce-cart .woocommerce a.button,
body.woocommerce-cart .woocommerce button.button,
body.woocommerce-cart .woocommerce input.button,
body.woocommerce-checkout .woocommerce a.button,
body.woocommerce-checkout .woocommerce button.button,
body.woocommerce-checkout .woocommerce input.button,
body.woocommerce-checkout .woocommerce #payment #place_order,
body.woocommerce-account .woocommerce a.button,
body.woocommerce-account .woocommerce button.button,
body.woocommerce-account .woocommerce input.button {
	border: 0;
	border-radius: 999px;
	background: linear-gradient(135deg, #0b8f83, #16b8a5);
	color: #fff;
	font-weight: 800;
	box-shadow: 0 14px 30px rgba(11, 143, 131, 0.22);
	transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease;
}

body.woocommerce-cart .woocommerce a.button:hover,
body.woocommerce-cart .woocommerce button.button:hover,
body.woocommerce-cart .woocommerce input.button:hover,
body.woocommerce-checkout .woocommerce a.button:hover,
body.woocommerce-checkout .woocommerce button.button:hover,
body.woocommerce-checkout .woocommerce input.button:hover,
body.woocommerce-checkout .woocommerce #payment #place_order:hover,
body.woocommerce-account .woocommerce a.button:hover,
body.woocommerce-account .woocommerce button.button:hover,
body.woocommerce-account .woocommerce input.button:hover {
	transform: translateY(-1px);
	box-shadow: 0 18px 36px rgba(11, 143, 131, 0.28);
	filter: saturate(1.05);
}

body.woocommerce-checkout #payment {
	border: 1px solid rgba(11, 143, 131, 0.14);
	border-radius: 1.2rem;
	background: #f7fbfa;
	box-shadow: 0 18px 48px rgba(6, 33, 31, 0.08);
	overflow: hidden;
}

body.woocommerce-checkout #payment ul.payment_methods {
	border-block-end: 1px solid rgba(11, 143, 131, 0.14);
	padding: 1.15rem;
}

body.woocommerce-checkout #payment .payment_method_webkomak_order_coordination > label {
	font-weight: 800;
	color: #073c38;
}

body.woocommerce-checkout #payment .payment_method_webkomak_order_coordination .payment_box {
	margin-block-start: 0.85rem;
	border-radius: 1rem;
	background: #fff;
	color: #16433f;
	line-height: 1.9;
}

body.woocommerce-checkout #payment .payment_method_webkomak_order_coordination .payment_box::before {
	border-block-end-color: #fff;
}

body.woocommerce-checkout #payment .woocommerce-privacy-policy-text,
body.woocommerce-checkout #payment .woocommerce-privacy-policy-text p {
	color: #365f5a !important;
	opacity: 1 !important;
}

body.woocommerce-checkout .woocommerce form .form-row input.input-text,
body.woocommerce-checkout .woocommerce form .form-row textarea,
body.woocommerce-checkout .woocommerce form .form-row select,
body.woocommerce-account .woocommerce form .form-row input.input-text,
body.woocommerce-account .woocommerce form .form-row textarea,
body.woocommerce-account .woocommerce form .form-row select {
	border: 1px solid rgba(10, 53, 49, 0.16);
	border-radius: 0.85rem;
	padding: 0.82rem 1rem;
	color: #123532;
	background: #fff;
}

body.woocommerce-checkout .woocommerce form .form-row input.input-text:focus,
body.woocommerce-checkout .woocommerce form .form-row textarea:focus,
body.woocommerce-checkout .woocommerce form .form-row select:focus,
body.woocommerce-account .woocommerce form .form-row input.input-text:focus,
body.woocommerce-account .woocommerce form .form-row textarea:focus,
body.woocommerce-account .woocommerce form .form-row select:focus {
	border-color: #0b8f83;
	box-shadow: 0 0 0 3px rgba(11, 143, 131, 0.14);
	outline: 0;
}

.webkomak-order-coordination-message,
.webkomak-order-coordination-email-note {
	border: 1px solid #84e2d8;
	border-radius: 1rem;
	background: #ecfffc;
	color: #082f2c;
	padding: 1rem 1.15rem;
	line-height: 1.9;
}

@media (max-width: 782px) {
	body.woocommerce-checkout #payment ul.payment_methods {
		padding: 0.9rem;
	}

	body.woocommerce-checkout #payment .payment_box {
		padding: 0.9rem;
	}
}
