/**
 * Staffelpreise - Frontend.
 *
 * Die Darstellung entspricht der des Vorgängerplugins
 * "WooCommerce Tiered Price Table" inklusive der Flatsome-Anpassungen.
 *
 * @package staffelpreise-meckelein
 */

.mm-staffelpreise,
.mm-staffelpreise-summary {
	width: 100%;
}

.mm-staffelpreise--hidden {
	display: none;
}

/* In der eingeblendeten Sticky-Kaufleiste keine Tabelle anzeigen. */
.sticky-add-to-cart .mm-staffelpreise,
.ast-sticky-add-to-cart .mm-staffelpreise {
	display: none;
}

/**
 * Tabelle
 */
.mm-staffelpreise-title {
	clear: both;
	margin: 20px 0;
}

.mm-staffelpreise-table {
	margin: 15px 0;
	width: 100%;
}

.mm-staffelpreise-table tr {
	background: #fff;
}

/* Flatsome gibt Tabellenzellen sonst kaum Innenabstand. */
.mm-staffelpreise-table tbody td {
	padding: 10px;
}

.mm-staffelpreise-table th {
	padding-left: 10px;
}

.mm-staffelpreise--active td {
	background-color: #96598A;
	color: #fff;
	transition: all .3s ease-in-out;
}

.mm-staffelpreise--active td .amount,
.mm-staffelpreise--active td .woocommerce-Price-amount,
.mm-staffelpreise--active td .woocommerce-Price-currencySymbol {
	color: #fff;
	transition: all .3s ease-in-out;
}

/**
 * Summenblock
 */
.mm-staffelpreise-summary {
	margin: 20px 0;
}

.mm-staffelpreise-summary--hidden {
	display: none;
}

.mm-staffelpreise-summary__title {
	margin: 20px 0;
}

.mm-staffelpreise-summary__top {
	display: flex;
	justify-content: space-between;
	padding: 5px 0;
	font-weight: bold;
	border-top: 1px solid #f5f5f5;
}

.mm-staffelpreise-summary__bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.mm-staffelpreise-summary__total {
	font-size: 1.5em;
	margin-left: 5px;
}