/*
Theme Name: Emoji Atlas
Theme URI: https://example.com/emoji-atlas
Author: Emoji Atlas
Author URI: https://example.com
Description: A complete emoji, symbol and flag reference site in 32 languages. Bundles Unicode 17.0.0 and CLDR 48.2.0 data, so nothing is fetched from the internet: no CDN, no web fonts, no analytics. Every emoji, symbol and flag gets its own indexable page per language, with copy buttons, full code point details, built-in SEO, JSON-LD and dynamic XML sitemaps.
Version: 1.0.0
Requires at least: 6.2
Tested up to: 6.8
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: emoji-atlas
Tags: translation-ready, rtl-language-support, custom-logo, accessibility-ready, full-width-template, one-column
*/

/*
 * The atlas design system lives in assets/css/atlas.css, which is enqueued on
 * every view. This file carries the theme header WordPress requires and the
 * styles for ordinary WordPress content: posts, pages and comments rendered
 * through the fallback templates.
 */

.ea-post {
	max-width: 46rem;
	margin-inline: auto;
	padding-block: 2.5rem;
	padding-inline: 1.25rem;
}

.ea-post__title {
	font-family: var(--ea-font-display);
	font-size: clamp(1.9rem, 1.2rem + 2.4vw, 3rem);
	line-height: 1.1;
	margin-block: 0 0.5rem;
	color: var(--ea-ink);
}

.ea-post__meta {
	font-family: var(--ea-font-mono);
	font-size: 0.8rem;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--ea-muted);
	margin-block-end: 2rem;
}

.ea-post__body {
	color: var(--ea-ink);
	font-size: 1.05rem;
	line-height: 1.7;
}

.ea-post__body > * + * {
	margin-block-start: 1.15rem;
}

.ea-post__body h2,
.ea-post__body h3 {
	font-family: var(--ea-font-display);
	line-height: 1.2;
	margin-block-start: 2.25rem;
}

.ea-post__body a {
	color: var(--ea-primary);
	text-underline-offset: 0.2em;
}

.ea-post__body blockquote {
	margin-inline: 0;
	padding-inline-start: 1.1rem;
	border-inline-start: 3px solid var(--ea-accent);
	color: var(--ea-muted);
	font-style: italic;
}

.ea-post__body img {
	max-width: 100%;
	height: auto;
	border: 1px solid var(--ea-line);
}

.ea-post__body pre,
.ea-post__body code {
	font-family: var(--ea-font-mono);
	font-size: 0.9em;
}

.ea-post__body pre {
	overflow-x: auto;
	padding: 1rem;
	background: var(--ea-surface);
	border: 1px solid var(--ea-line);
}

.ea-postlist {
	display: grid;
	gap: 1.25rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.ea-postlist__item {
	border: 1px solid var(--ea-line);
	background: var(--ea-surface);
	padding: 1.25rem;
}

.ea-postlist__item h2 {
	font-family: var(--ea-font-display);
	font-size: 1.35rem;
	margin-block: 0 0.35rem;
}

.ea-postlist__item a {
	color: var(--ea-ink);
	text-decoration: none;
}

.ea-postlist__item a:hover,
.ea-postlist__item a:focus-visible {
	color: var(--ea-primary);
	text-decoration: underline;
}

.ea-comments {
	margin-block-start: 3rem;
	padding-block-start: 2rem;
	border-block-start: 1px solid var(--ea-line);
}

.ea-comments ol {
	list-style: none;
	padding: 0;
}

.ea-comments .comment-body {
	padding-block: 1rem;
	border-block-end: 1px solid var(--ea-line);
}