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

   File:
   assets/css/components/pill.css

   Component:
   Pill Component v1

   Explanation:
   This file controls the visual styling for reusable pill-style elements.

   PHP component file:
   includes/components/pill.php

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

   - category pill
   - tag pill
   - empty topic pill

   Current component flow:

   Question Card Component
   ↓
   Pill Component

   Why this CSS file exists:
   Earlier, category and tag pill styles lived inside question-cards.css.
   That made the Question Card CSS responsible for smaller reusable UI pieces.

   With this file, the Pill Component can later be reused in:

   - Question Card
   - Answer Card
   - Profile Card
   - Tag Archive Header
   - Category Archive Header
   - Badge displays
   - Rank displays

   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-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}

.anteenti-pill:hover,
.anteenti-pill:focus {
	text-decoration: none;
}


/* Category Pill */
.anteenti-pill--category {
	white-space: nowrap;
}


/* Tag Pill */
.anteenti-pill--tag {
	white-space: nowrap;
}


/* Empty Pill */
.anteenti-pill--empty {
	cursor: default;
}