/* =========================================================
   AnteEnti Telugu Q&A UI

   File:
   assets/css/components/meta-row.css

   Component:
   Meta Row Component v1

   Explanation:
   This file controls the visual styling for the reusable Meta Row component.

   PHP component file:
   includes/components/meta-row.php

   Current use:
   The Meta Row is used inside the Question Card Component to show:

   - answers count
   - votes count
   - views count

   Current component flow:

   Question Card Component
   ↓
   Meta Row Component

   Why this CSS file exists:
   Earlier, the stats row styles lived inside question-cards.css.
   That made the Question Card CSS responsible for smaller inner UI pieces.

   With this file, the Meta Row can later be reused in:

   - Answer Card Component
   - Profile Card Component
   - Related Question Card
   - Search Result Card
   - Tag Archive Card
   - Category Archive Card

   This keeps the project moving toward:

   Pages
   ↓
   Components
   ↓
   Templates
   ↓
   Connectors
   ↓
   Data Sources

   Note:
   This file may not visually affect the site until it is enqueued
   from the main plugin file in the next step.
========================================================= */

.anteenti-meta-row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
}

.anteenti-meta-row__item {
	display: inline-flex;
	align-items: baseline;
	gap: 4px;
	font-size: 13px;
	line-height: 1.4;
	color: var(--anteenti-color-muted);
}

.anteenti-meta-row__value {
	font-weight: 800;
	color: var(--anteenti-color-text);
}

.anteenti-meta-row__label {
	font-weight: 600;
	color: var(--anteenti-color-muted);
}


/* Context: Question Card */
.anteenti-question-card .anteenti-meta-row {
	margin: 0;
}