/**
 * Post Meta Component Styles — Ontwo Theme
 *
 * Metadata display for posts (date, author, categories, tags)
 * Kept subtle and secondary to main content
 *
 * Structure:
 * - .post-meta (wrapper)
 *   - .post-meta__item (generic item wrapper)
 *     - .post-meta__date (publish date)
 *     - .post-meta__author (author info)
 *     - .post-meta__categories (category list)
 *     - .post-meta__tags (tag list)
 *
 * Usage:
 * - Used in card components and single post templates
 * - Items separated by visual separators
 * - Links inherit subtle color scheme
 * - No layout rules (inline/block determined by parent)
 * - No responsive rules (added separately)
 *
 * Design reference: legacy meta sections in posts
 */

/* ==========================================================================
   Post Meta Wrapper
   ========================================================================== */

/**
 * .post-meta
 * Container for metadata items
 * Subtle, secondary styling
 */
.post-meta {
	font-size: var(--font-size-small);
	line-height: var(--line-height-base);
	color: var(--color-gray);
}

/* ==========================================================================
   Post Meta Items
   ========================================================================== */

/**
 * .post-meta__item
 * Generic wrapper for individual metadata items
 * Provides spacing and separator between items
 */
.post-meta__item {
	display: inline;
}

/**
 * Add separator between items
 * Visual pipe character with spacing
 */
.post-meta__item:not(:last-child)::after {
	content: '|';
	margin: 0 var(--spacing-tiny);
	color: var(--color-gray);
}

/* ==========================================================================
   Post Meta Date
   ========================================================================== */

/**
 * .post-meta__date
 * Publish/updated date
 * Inherits item styling
 */
.post-meta__date {
	/* Inherits from .post-meta__item */
}

/**
 * time element
 * Semantic time markup
 */
.post-meta__date time {
	font-style: normal;
	color: inherit;
}

/* ==========================================================================
   Post Meta Author
   ========================================================================== */

/**
 * .post-meta__author
 * Author name and optional link
 * Inherits item styling
 */
.post-meta__author {
	/* Inherits from .post-meta__item */
}

/**
 * .post-meta__author-link
 * Link to author archive/profile
 * Subtle hover state
 */
.post-meta__author-link {
	color: inherit;
	text-decoration: none;
}

.post-meta__author-link:hover {
	color: var(--color-secondary);
	text-decoration: none;
}

/* ==========================================================================
   Post Meta Categories
   ========================================================================== */

/**
 * .post-meta__categories
 * Category list container
 * Inherits item styling
 */
.post-meta__categories {
	/* Inherits from .post-meta__item */
}

/**
 * .post-meta__category-link
 * Individual category link
 * Subtle color, hover interaction
 */
.post-meta__category-link {
	color: inherit;
	text-decoration: none;
}

.post-meta__category-link:hover {
	color: var(--color-secondary);
	text-decoration: none;
}

/* ==========================================================================
   Post Meta Tags
   ========================================================================== */

/**
 * .post-meta__tags
 * Tag list container
 * Inherits item styling
 */
.post-meta__tags {
	/* Inherits from .post-meta__item */
}

/**
 * .post-meta__tag-link
 * Individual tag link
 * Subtle color, hover interaction
 */
.post-meta__tag-link {
	color: inherit;
	text-decoration: none;
}

.post-meta__tag-link:hover {
	color: var(--color-secondary);
	text-decoration: none;
}