/**
 * TPF Order Board Styles
 * 
 * Styles for the order board frontend functionality.
 * 
 * @package TPF
 * @since 1.1.0
 */

/* ==========================================================================
   Loading State
   ========================================================================== */

/**
 * Loading overlay for order grids
 * Applied via .tpf-loading class during AJAX requests
 */
.tpf-loading {
	position: relative;
	min-height: 200px;
}

.tpf-loading::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 0.7);
	z-index: 10;
}

.tpf-loading::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin: -20px 0 0 -20px;
	border: 4px solid #f3f3f3;
	border-top: 4px solid #0073aa; /* WordPress blue */
	border-radius: 50%;
	z-index: 11;
	animation: tpf-spin 1s linear infinite;
}

@keyframes tpf-spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/* Disabled filter state during loading */
.tpf-filter-select:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

/* ==========================================================================
   Filter Options
   ========================================================================== */

/**
 * Hidden filter options (instead of removing them)
 * This allows options to be shown again when filters are reset
 */
.tpf-option-hidden {
	display: none !important;
}