/* CDEK and payment plugin presentation. Business logic remains in plugins. */
.woocommerce-checkout .open-pvz-btn {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 48px;
	margin: 10px 0 4px !important;
	padding: 11px 15px !important;
	border: 1px solid #b2ddff !important;
	border-radius: 13px !important;
	background: var(--kp-primary-soft) !important;
	box-shadow: none !important;
	color: var(--kp-primary-dark) !important;
	font-size: 14px !important;
	font-weight: 750 !important;
	line-height: 1.25 !important;
	white-space: normal !important;
	transition: background-color 160ms ease, border-color 160ms ease;
}

.woocommerce-checkout .open-pvz-btn::before {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-right: 8px;
	background: currentColor;
	content: "";
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E") center / contain no-repeat;
}

.woocommerce-checkout .open-pvz-btn:hover {
	border-color: var(--kp-primary) !important;
	background: #dcebff !important;
}

.woocommerce-checkout .open-pvz-btn a {
	color: inherit !important;
	font-size: inherit !important;
	text-decoration: none;
}

.woocommerce-checkout .cdek-office-info {
	position: relative;
	margin: 10px 0 !important;
	padding: 13px 14px 13px 42px !important;
	border: 1px solid #abefc6;
	border-radius: 13px !important;
	background: var(--kp-success-soft) !important;
	color: #05603a;
	font-size: 13px;
	line-height: 1.4;
}

.woocommerce-checkout .cdek-office-info::before {
	position: absolute !important;
	top: 13px !important;
	left: 14px;
	display: block !important;
	width: 18px !important;
	height: 18px !important;
	margin: 0 !important;
	content: "" !important;
	background: var(--kp-success);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E") center / contain no-repeat;
}

.woocommerce-checkout .cdek-error {
	margin: 10px 0;
	padding: 12px 14px;
	border: 1px solid #fecdca;
	border-radius: 12px;
	background: var(--kp-danger-soft);
	color: var(--kp-danger);
	font-size: 13px;
}

/* The widget itself is maintained by the CDEK fork. Improve only its outer popup. */
[class*="cdek-"][class*="mobile"] button,
[class*="cdek-"] button {
	font-family: inherit;
}

.woocommerce-checkout .payment_methods li {
	margin-bottom: 8px;
	padding: 12px;
	border: 1px solid var(--kp-line);
	border-radius: 13px;
	background: #fff;
}

.woocommerce-checkout .payment_methods li > label {
	font-weight: 750;
}

.woocommerce-checkout .payment_methods img {
	max-height: 28px;
	width: auto;
}

@media (max-width: 600px) {
	.woocommerce-checkout .open-pvz-btn {
		min-height: 52px;
	}
}