/**
 * Styles for the menu list table
 *
 * @since 1.5
 */

// Menu Sections
.fdm-cols {

	&:before,
	&:after {
		content: " ";
		display: table;
	}

	&:after {
		clear: both;
	}

	*,
	*:before,
	*:after {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	a {
		display: block;
		padding: 0.25em 0.5em;
		border: 1px solid rgba(0,0,0,0.1);
		border-left-width: 0.25em;
		margin-bottom: 0.25em;
		background: #fff;
	}

	@media(min-width: 468px) {

		.fdm-col {
			float: left;
			width: 50%;

			&:nth-child(2) {
				padding-left: 0.5em;
			}
		}
	}
}

// Price in the menu list table
.fdm-item-list-price {

	.fdm-item-price-form {
		position: absolute;
		left: -9999px;
	}

	&.is-visible {

		.fdm-item-price-form {
			position: relative;
			left: auto;
		}

		.fdm-item-price-actions {
			position: absolute;
			left: -9999px;
		}
	}
}

.fdm-item-price-form {
	margin: 1em 0;
	padding: 0 1em 1em 1em;
	border: 1px solid rgba(0,0,0,0.1);
	background: #fff;
}

.fdm-item-price-buttons {
	margin-top: 1em;
	text-align: right;

	.spinner {
		float: none;
		margin-top: 0.35em;
	}
}

.fdm-item-price-message {
	display: block;
	margin-top: 1em;
	padding: 0.5em;
	border: 1px solid red;
	border-left-width: 0.25em;
}
.fdm-item-price-message:empty {
	display: none;
}
