/**
 * EDD - Cart menu item dropdown.
 */

// Outside the main navigation, display as inline-block.
div.wpbf-edd-menu-item {
	display: inline-block;
}

// Cart menu item - support tab navigation.
.wpbf-sub-menu-focus > .wpbf-edd-sub-menu {
	display: block !important;
	opacity: 1 !important;
}

// Cart menu item.
.wpbf-edd-menu-item {
	position: relative; // needed/applied as this can live outside the main navigation.
	a:after {
		display: none;
	}
	.wpbf-edd-menu-item-label {
		margin-right: 5px;
	}
	.wpbf-edd-menu-item-separator {
		margin: 0 5px;
	}
	.wpbf-edd-sub-menu {
		// Default sub-menu styles.
		// This sub menu item is styled individually
		// as it can live outside the main navigation.
		position: absolute;
		display: none;
		z-index: 999;
		background: #fff;
		@include box-shadow(0px 0px 10px 0px rgba(#000, 0.15));

		font-size: $small-fontsize;
		padding: 0;
		left: auto;
		right: 0;
		width: 340px;
		text-align: right;
		// Fix for EDD menu item shortcode.
		li {
			list-style: none;
		}
	}
	.wpbf-edd-sub-menu-table-wrap {
		padding: $padding-small $padding 0 $padding;
	}
	.wpbf-table {
		text-align: left;
		border: none;
		margin-bottom: 0;
		th {
			background: transparent;
		}
		td,
		th {
			padding: 8px 0;
			border: none;
		}
		tr {
			border-bottom: 1px solid $base-color-alt;
		}
		tr:last-child {
			border-bottom: none;
		}
		th:nth-child(2),
		td:nth-child(2) {
			text-align: right;
		}
		a {
			padding: 0 !important;
		}
	}
	.wpbf-edd-sub-menu-product-wrap {
		display: flex;
		align-items: center;
	}
	.wpbf-edd-sub-menu-image-wrap {
		flex-grow: 0;
		flex-shrink: 0;
		flex-basis: 54px;
		margin-right: $margin-small;
	}
	.wpbf-edd-sub-menu-button-wrap {
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
	}
	.wpbf-button {
		padding: $padding !important;
		color: $brand-color-alt;
		border: none;
		border-radius: 0;
		margin-top: 10px;
		width: 100%;
	}
	.wpbf-button-primary {
		color: #fff;
	}
	.wpbf-button-primary:hover {
		color: #fff;
	}
}