/*
 * "About the author" card at the end of blog posts (template-parts/author-box.php).
 * Hand-written; uses the brand tokens from omnia.css.
 */

.omnia-ui .omnia-author { margin-top: 3rem; padding: 1.75rem 1.5rem; border: 1px solid var(--color-line); border-radius: 1.5rem; background: #fff; box-shadow: 0 18px 40px -30px rgb(6 77 54 / 0.35); }
.omnia-ui .omnia-author__top { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.25rem; }
.omnia-ui .omnia-author__photo { flex: none; width: 4.75rem; height: 4.75rem; border-radius: 999px; object-fit: cover; }
.omnia-ui .omnia-author__photo--initials { display: grid; place-items: center; font: 700 1.5rem/1 var(--font-display); color: var(--color-emerald); background: linear-gradient(145deg, var(--color-mint-strong), #bfe8d1); }
.omnia-ui .omnia-author__who { flex: 1 1 10rem; min-width: 0; }
.omnia-ui .omnia-author__pill { display: inline-block; padding: 0.45rem 0.75rem; border: 1px solid #cfeedd; border-radius: 999px; background: var(--color-mint); font: 700 0.68rem/1 var(--font-display); letter-spacing: 0.12em; text-transform: uppercase; color: var(--color-emerald); }
.omnia-ui .omnia-author__name { margin: 0.55rem 0 0; font: 700 1.4rem/1.2 var(--font-display); letter-spacing: -0.02em; color: var(--color-ink); }
.omnia-ui .omnia-author__role { margin: 0.15rem 0 0; font-size: 0.92rem; font-weight: 500; color: var(--color-emerald); }
.omnia-ui .omnia-author__li { display: inline-flex; flex: none; align-items: center; justify-content: center; gap: 0.55rem; padding: 0.8rem 1.15rem; border: 1px solid var(--color-line); border-radius: 999px; background: #fff; box-shadow: 0 6px 16px -10px rgb(16 28 45 / 0.25); font: 600 0.9rem/1 var(--font-display); color: var(--color-ink); text-decoration: none; transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s; }
.omnia-ui .omnia-author__li:hover { border-color: #b9dcc9; box-shadow: 0 10px 22px -12px rgb(6 77 54 / 0.35); transform: translateY(-1px); }
.omnia-ui .omnia-author__li:focus-visible { outline: 2px solid var(--color-emerald); outline-offset: 2px; }
.omnia-ui .omnia-author__li svg { width: 1.1rem; height: 1.1rem; color: #0a66c2; }
.omnia-ui .omnia-author__bio { margin: 1.25rem 0 0; font-size: 1rem; line-height: 1.7; color: var(--color-body); }

@media (min-width: 640px) {
	.omnia-ui .omnia-author { padding: 1.9rem 2rem; }
	.omnia-ui .omnia-author__photo { width: 5.75rem; height: 5.75rem; }
	.omnia-ui .omnia-author__name { font-size: 1.6rem; }
}

/* Phones: the button goes full width under the name. */
@media (max-width: 639px) {
	.omnia-ui .omnia-author__li { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
	.omnia-ui .omnia-author__li { transition: none; }
}