/*!
 * Cyberplay — archive.css (v2.25.1)
 *
 * Extraído do main.css (sections 13, 14, 26) pra enqueue condicional:
 *   - is_archive() / is_home()  → cp-archive-header
 *   - is_404()                   → cp-empty
 *   - is_search()                → cp-search-form
 *
 * PSI audit `unused-css-rules` reclamava 11.7 KB unused em single.php.
 * Estas regras nunca se aplicam em single post. Separar pra contexto próprio
 * reduz payload de single sem afetar visual em nenhum cenário.
 */

/* === ARCHIVE === */
.cp-archive-header { padding-block: clamp(2rem, 4vw, 4rem); border-bottom: 1px solid var(--cp-border); margin-bottom: var(--cp-space-10); }
.cp-archive-header__title { font-size: var(--cp-fz-4xl); font-weight: 450; letter-spacing: -0.028em; margin-bottom: 12px; }
.cp-archive-header__desc { font-size: var(--cp-fz-lg); color: var(--cp-text-soft); max-width: 620px; line-height: 1.55; }

/* === EMPTY / 404 === */
.cp-empty { padding-block: var(--cp-space-16); text-align: center; }
.cp-empty__code { font-family: var(--cp-ff-display); font-size: var(--cp-fz-mega); font-weight: 450; line-height: 1; color: var(--cp-accent); -webkit-text-stroke: 1.5px var(--cp-primary); text-shadow: 6px 6px 0 var(--cp-primary); margin-bottom: 20px; letter-spacing: -0.04em; }
.cp-empty__title { font-size: var(--cp-fz-3xl); margin-bottom: 12px; }
.cp-empty__text { font-size: var(--cp-fz-lg); color: var(--cp-text-soft); max-width: 520px; margin: 0 auto 28px; }

/* === SEARCH FORM (standalone) === */
.cp-search-form {
	display: flex; align-items: center; gap: 6px;
	background: var(--cp-border);
	border-radius: 100px;
	padding: 6px 6px 6px 14px;
	max-width: 520px;
	transition: box-shadow var(--cp-duration), background var(--cp-duration);
}
.cp-search-form:focus-within {
	background: var(--cp-bg-elev);
	box-shadow: 0 0 0 2px var(--cp-accent);
}
.cp-search-form__input {
	flex: 1;
	background: transparent; border: 0; outline: none;
	font-size: var(--cp-fz-md); min-width: 0;
}
.cp-search-form__input::placeholder { color: var(--cp-muted); }
.cp-search-form__btn {
	width: 36px; height: 36px; border-radius: 50%;
	background: var(--cp-primary); color: var(--cp-bg);
	display: flex; align-items: center; justify-content: center;
	transition: transform var(--cp-duration-fast);
}
.cp-search-form__btn:hover { transform: scale(1.08); }