/* =============================================================================
   Markup by Attribute Admin Styles
   ========================================================================== */

/* =============================================================================
   WooCommerce Integration
   ========================================================================== */

/* Hide WooCommerce's Add Price Button - prevents conflicts with bulk pricing */
.woocommerce-add-variation-price-container {
	display: none !important;
}

/* =============================================================================
   Product List Table
   ========================================================================== */

.wp-list-table {
	table-layout: fixed;
}

.wp-list-table td {
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Column Layout */
.wp-list-table .column-product_attributes {
	width: 11%;
}

.wp-list-table .column-mt2mba_base_price {
	width: 8%;
	text-align: center;
}

/* =============================================================================
   Action Links & Buttons
   ========================================================================== */

.js-mt2mba-reapply-markup {
	color: #2271b1;
	text-decoration: none;
}

.js-mt2mba-reapply-markup .dashicons {
	font-size: 20px;
	width: 22px;
	height: 22px;
}

.js-mt2mba-reapply-markup:hover {
	color: #135e96;
	text-decoration: none;
}

.js-mt2mba-reapply-markup:focus {
	color: #2271b1;
	outline: none;
	box-shadow: none;
}

/* Action Link States */
.js-mt2mba-reapply-markup.processing {
	color: #2271b1;
	opacity: 0.5;
}

.js-mt2mba-reapply-markup.error {
	color: #dc3232;
}

/* =============================================================================
   Progress Indicators & Animations
   ========================================================================== */

.mt2mba-bulk-progress {
	margin: 5px 0 15px;
}

.mt2mba-bulk-progress .spinner {
	float: none;
	margin: 0 10px;
}

@keyframes spin {
	100% {
		transform: rotate(360deg);
	}
}

.dashicons-update-spin {
	animation: spin 1.5s linear infinite;
}

/* =============================================================================
   Overlays & UI States
   ========================================================================== */

.mt2mba-processing-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(224, 224, 224, 0.5);
	z-index: 1000;
	cursor: wait;
}

/* =============================================================================
   Base Price Information
   ========================================================================== */

span.base-price-info {
	font-size: 18px;
}