/**
 * Medifee Theme - Questions Listing Styles
 *
 * @package Medifee
 * @since   1.0.0
 */

/* ==========================================================================
   Listing Header
   ========================================================================== */
.questions-listing-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}

.questions-listing-title {
	font-size: 24px;
	font-weight: 700;
	margin: 0;
}

/* ==========================================================================
   Question Card
   ========================================================================== */
.ap-question-card {
	background: var(--mf-bg);
	border: 1px solid var(--mf-border);
	border-radius: var(--mf-radius-lg);
	margin-bottom: 12px;
	transition: box-shadow var(--mf-transition), border-color var(--mf-transition);
}

.ap-question-card:hover {
	box-shadow: var(--mf-shadow);
	border-color: var(--mf-primary);
}

.ap-question-card-inner {
	display: flex;
	gap: 16px;
	padding: 16px 20px;
}

/* Stats Column */
.ap-question-card-stats {
	display: flex;
	flex-direction: column;
	gap: 8px;
	flex-shrink: 0;
	min-width: 60px;
}

.stat-item {
	text-align: center;
	padding: 6px 10px;
	border-radius: var(--mf-radius);
	background: var(--mf-bg-light);
	border: 1px solid var(--mf-border);
}

.stat-item.has-selected {
	background: var(--mf-success-bg);
	border-color: var(--mf-success);
}

.stat-count {
	display: block;
	font-size: 16px;
	font-weight: 700;
	color: var(--mf-text);
}

.has-selected .stat-count {
	color: var(--mf-success);
}

.stat-label {
	display: block;
	font-size: 11px;
	color: var(--mf-text-muted);
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

/* Content Column */
.ap-question-card-content {
	flex: 1;
	min-width: 0;
}

.ap-question-card-title {
	font-size: 16px;
	font-weight: 600;
	margin: 0 0 6px;
	line-height: 1.4;
}

.ap-question-card-title a {
	color: var(--mf-text);
	text-decoration: none;
}

.ap-question-card-title a:hover {
	color: var(--mf-primary);
}

.ap-question-card-excerpt {
	font-size: 14px;
	color: var(--mf-text-secondary);
	margin-bottom: 10px;
	line-height: 1.5;
}

/* Card Meta */
.ap-question-card-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	font-size: 13px;
	color: var(--mf-text-muted);
}

.ap-card-author {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.ap-card-author img {
	width: 20px;
	height: 20px;
	border-radius: 50%;
}

/* ==========================================================================
   AnsPress List Overrides (for ap_page() output)
   ========================================================================== */
.anspress .ap-questions {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* ==========================================================================
   No Questions
   ========================================================================== */
.ap-no-questions {
	text-align: center;
	padding: 48px 24px;
	background: var(--mf-bg);
	border: 1px solid var(--mf-border);
	border-radius: var(--mf-radius-lg);
	color: var(--mf-text-secondary);
}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width: 768px) {
	.ap-question-card-inner {
		flex-direction: column;
		gap: 10px;
		padding: 14px 16px;
	}

	.ap-question-card-stats {
		flex-direction: row;
		gap: 12px;
	}

	.stat-item {
		flex: 1;
	}
}