/**
 * WooCommerce Account: Subscription Cancellation Endpoint.
 */
 
#cancellation-options-section-wrapper .et_pb_row {
	padding-top: 0;
}

#cancellation-options-section-wrapper .pwc-subscription-options-error {
	font-weight: bold;
	color: #E23737;
}

#cancellation-options-section-wrapper .pwc-subscription-option-radios-wrapper {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-bottom: 30px;
}

#cancellation-options-section-wrapper .pwc-subscription-option-wrapper .pwc-subscription-option-title {
	position: relative;
	display: flex !important;
	align-items: center;
	gap: 5px;
	padding: 5px;
	background-color: #EFEFEF;
	font-weight: bold;
	border-radius: 4px 4px 0 0;
	z-index: 2;
}

#cancellation-options-section-wrapper .pwc-subscription-option-wrapper .pwc-subscription-option-title label {
	margin-bottom: -1px;
	width: 100%;
}

#cancellation-options-section-wrapper .pwc-subscription-option-wrapper .pwc-subscription-option-content {
	position: relative;
	display: block;
	margin-top: -1px;
	height: 0;
	visibility: collapse;
	border: 1px solid #EFEFEF;
	transform: translateY(-10px);
	opacity: 0;
	transition: transform 0.3s ease-in-out;
}

#cancellation-options-section-wrapper .pwc-subscription-option-wrapper .pwc-subscription-option-content.active {
	height: auto;
	visibility: visible;
	padding: 10px 30px;
	transform: translateY(0);
	opacity: 1;
	transition: transform 0.3s ease-in-out;
}

#cancellation-options-section-wrapper .pwc-subscription-option-content .pwc-subscription-option-description {
	color: #444444;
}

#cancellation-options-section-wrapper .pwc-subscription-option-content .pwc-notice-text {
	color: #A5427F;
	font-weight: bold;
}

#cancellation-options-section-wrapper .pwc-subscription-option-content .pwc-subscription-pause-date-wrapper {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 10px;
}

#cancellation-options-section-wrapper .pwc-subscription-pause-date-wrapper label {
	color: #444444;
}

#cancellation-options-section-wrapper .pwc-subscription-pause-date-wrapper .pwc-subscription-pause-date-select {
	flex-grow: 1 !important;
	padding: 5px;
	border-radius: 4px;
}

#cancellation-options-section-wrapper .pwc-subscription-pause-date-wrapper .pwc-subscription-pause-date-select.focused {
	border: 3px solid #f56262;
}

#cancellation-options-section-wrapper .pwc-subscription-option-button {
	background-color: #95427F9E;
	margin-bottom: 10px;
}

#cancellation-options-section-wrapper .pwc-subscription-change-text.hidden {
	display: none;
}

#cancellation-options-section-wrapper .pwc-subscription-change-text {
	display: block;
	margin-bottom: 20px;
	padding: 10px;
	border-radius: 4px;
	background-color: #EFEFEF;
}

#cancellation-options-section-wrapper .pwc-subscription-change-text.fail {
	background-color: #E2373740;
}

#cancellation-options-section-wrapper .pwc-subscription-change-text.success {
	background-color: #7EC9B540;
}

#cancellation-options-section-wrapper hr {
	border-width: 1px;
	border-color: #F9F9F9;
}

@media screen and (max-width: 767.98px) {
	.woocommerce-account.woocommerce-cancel-subscription .woocommerce-MyAccount-navigation {
		display: none;
	}
}