/**
 * WooCommerce Deposits
 */

/**
 * Imports
 */
@import "bourbon";
@import "../../sass/utils/variables";
@import "../../sass/utils/mixins";
@import "../../sass/vendors/modular-scale";

/**
 * Style
 */
.wc-deposits-wrapper {

	.wc-deposits-option {

		li {
			padding: ms(-2) 1em;
			border: none;
			background: rgba(#000, 0.0125);
			box-shadow: none;
			border-radius: 0;

			&:hover {
				background: rgba(#000, 0.02);
			}

			input {
				margin-right: ms(-2);
			}
		}
	}

	.wc-deposits-payment-description {
		color: inherit;
	}

	.wc-deposits-payment-plans {
		background: transparent;
		padding: 0;
		border: 0;
		box-shadow: none;

		li.wc-deposits-payment-plan {
			border: 1em solid rgba(#000, 0.0125);
			padding: ms(3);
			margin-bottom: 1em;

			input {
				margin-right: 0;
			}

			&:hover {
				background: rgba(#000, 0.0125);
			}

			&:last-child {
				border-bottom: 1em solid rgba(#000, 0.0125);
			}

			.wc-deposits-payment-plan-description {
				color: inherit;
				display: block;
				font-weight: 400;
				opacity: 0.5;
			}

			label {
				max-width: none;
			}
		}
	}

	&.wc-deposits-optional {

		.wc-deposits-payment-plans {
			margin-bottom: ms(3);

			&::after {
				display: none;
			}

			&::before {
				border-bottom-color: rgba(#000, 0.025);
				top: -1px;
			}
		}
	}
}

