/**
 * Blog archive + single — meta chips (date, author, comments, categories, tags).
 */

.zitex-post-meta {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 0.85rem 0 1.25rem;
}

.zitex-post-meta .meta-sep,
.zitex-post-meta .entry-meta-sep {
	display: none !important;
}

/* Chip base */
.zitex-meta-chip,
.entry-info.zitex-post-meta .entry-date a,
.entry-info.zitex-post-meta .meta-comment,
.entry-info.zitex-post-meta .meta-author a,
.entry-info.zitex-post-meta .author.vcard a {
	align-items: center;
	background: #fff;
	border: 1px solid color-mix(in srgb, var(--zitex-text) 22%, var(--zitex-bg));
	border-radius: 999px;
	color: var(--zitex-secondary);
	display: inline-flex;
	font-size: 0.8125rem;
	font-weight: 600;
	gap: 0.4rem;
	line-height: 1.3;
	padding: 0.4em 0.85em;
	text-decoration: none;
	transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
	vertical-align: middle;
}

.zitex-meta-chip:hover,
.entry-info.zitex-post-meta .entry-date a:hover,
.entry-info.zitex-post-meta .meta-comment:hover,
.entry-info.zitex-post-meta .meta-author a:hover,
.entry-info.zitex-post-meta .author.vcard a:hover {
	background: color-mix(in srgb, var(--zitex-primary) 10%, #fff);
	border-color: color-mix(in srgb, var(--zitex-primary) 45%, var(--zitex-bg));
	color: var(--zitex-heading);
	box-shadow: 0 2px 8px rgba(36, 38, 32, 0.06);
}

/* Icons (inline SVG masks) */
.zitex-meta-chip--date::before,
.zitex-meta-chip--author::before,
.zitex-meta-chip--comments::before,
.zitex-meta-chip--category::before,
.zitex-meta-chip--tag::before {
	background-color: currentColor;
	content: "";
	flex-shrink: 0;
	height: 1rem;
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: contain;
	width: 1rem;
}

.zitex-meta-chip--date::before {
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E");
}

.zitex-meta-chip--author::before {
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21a8 8 0 0 0-16 0'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
}

.zitex-meta-chip--comments::before {
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H8l-5 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E");
}

.zitex-meta-chip--category::before {
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z'/%3E%3C/svg%3E");
}

.zitex-meta-chip--tag::before {
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z'/%3E%3Ccircle cx='7.5' cy='7.5' r='.5' fill='black'/%3E%3C/svg%3E");
}

/* Taxonomy chips — gold tint */
.zitex-meta-chip--category,
.zitex-meta-chip--tag,
.entry-info.zitex-post-meta .entry-tax a {
	background: color-mix(in srgb, var(--zitex-primary) 14%, #fff);
	border-color: color-mix(in srgb, var(--zitex-primary) 38%, var(--zitex-bg));
	color: var(--zitex-heading);
}

.zitex-meta-chip--empty {
	background: color-mix(in srgb, var(--zitex-text) 8%, var(--zitex-bg));
	border-style: dashed;
	color: color-mix(in srgb, var(--zitex-text) 75%, var(--zitex-bg));
	cursor: default;
}

.zitex-meta-chip--empty::before {
	opacity: 0.55;
}

.entry-info.zitex-post-meta .entry-tax {
	display: contents;
}

.entry-info.zitex-post-meta .entry-date,
.entry-info.zitex-post-meta .entry-author,
.entry-info.zitex-post-meta .entry-comments {
	display: contents;
}

.entry-info.zitex-post-meta .entry-date time {
	font-weight: inherit;
}

/* Single post footer — tags row */
.single-post footer.entry-meta {
	border-top: 1px solid color-mix(in srgb, var(--zitex-text) 22%, var(--zitex-bg));
	margin-top: 2rem;
	padding-top: 1.5rem;
}

.single-post footer.entry-meta .entry-tax.zitex-post-meta--tags {
	align-items: flex-start;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 0 0 1rem;
}

.single-post footer.entry-meta .zitex-post-meta-label {
	align-items: center;
	color: var(--zitex-heading);
	display: inline-flex;
	font-size: 0.875rem;
	font-weight: 700;
	gap: 0.35rem;
	margin-inline-end: 0.25rem;
	width: 100%;
}

@media (min-width: 480px) {
	.single-post footer.entry-meta .zitex-post-meta-label {
		width: auto;
	}
}

.single-post footer.entry-meta .zitex-post-meta-label::before {
	background-color: var(--zitex-primary);
	content: "";
	height: 1rem;
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z'/%3E%3Ccircle cx='7.5' cy='7.5' r='.5' fill='black'/%3E%3C/svg%3E");
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: contain;
	width: 1rem;
}

.single-post footer.entry-meta .entry-tax:not(.zitex-post-meta--tags) a {
	/* legacy tag markup fallback */
}

.single-post footer.entry-meta .aux-post-share,
.single-post footer.entry-meta .aux-single-post-share {
	margin-bottom: 1rem;
}

/* Archive read-more spacing */
.blog .entry-meta .readmore,
.archive .entry-meta .readmore {
	margin-top: 0.5rem;
}

/* Override generic entry-meta muted color from inner-pages */
.blog .entry-info.zitex-post-meta,
.single-post .entry-info.zitex-post-meta {
	color: inherit;
	font-size: inherit;
}