/**
 * Base compartilhada dos componentes MEIEMBIPE no front.
 *
 * Reune o que mais de um componente precisa: os tokens da marca, a
 * tipografia e o selo Ilha Gene (.meiembipe-selo). Antes isso vivia dentro
 * de vitrine.css, escopado em .meiembipe-vitrine - o que deixava o selo sem
 * cor em qualquer outro contexto (ex.: o dossie na ficha do imovel).
 *
 * Identidade calibrada a partir do site publicado (meiembipe.com): estilo
 * editorial minimalista, paleta terrosa (verde-pinheiro + taupe + creme),
 * blocos FLAT (sem borda/sombra/arredondado) e tipografia leve com tracking
 * largo. Namespace .meiembipe-* para nao colidir com o tema.
 *
 * Este e o arquivo que o child theme wpresidence-child vai reaproveitar
 * para usar o selo dentro do card do WP Residence.
 */

/* -- RESERVADO: paleta do tema escuro (desativada por enquanto) ----------
.meiembipe-vitrine.is-dark,
.meiembipe-dossie.is-dark {
	--mei-bg: #2a241c;
	--mei-panel: #332c22;
	--mei-warm: #3d3327;
	--mei-pine: #a6ba91;
	--mei-pine-2: #bccaa8;
	--mei-earth: #cdb99b;
	--mei-earth-soft: #9d917d;
	--mei-text: #ece4d5;
	--mei-muted: #a89e8b;
	--mei-line: rgba(246, 234, 218, 0.16);
	--mei-scrim: rgba(0, 0, 0, 0.42);
	--mei-seal-fg: #241f18;
	--mei-seal-alto: #a6ba91;
	--mei-seal-medio: #cdb99b;
	--mei-seal-baixo: #7c7466;
}
------------------------------------------------------------------------- */

/*
 * Lista de seletores (e nao :where()) de proposito: :where() zera a
 * especificidade e faria regras genericas do tema (ex.: .entry-content p)
 * ganharem dos nossos tokens.
 *
 * Tokens e tipografia ficam em regras SEPARADAS porque o painel de
 * curadoria (wp-admin) precisa dos tokens para colorir o selo, mas deve
 * manter a fonte do WordPress - fonte de marca dentro do admin briga com
 * a wp-list-table e atrapalha a leitura da fila.
 */
.meiembipe-vitrine,
.meiembipe-dossie,
.meiembipe-sub,
.meiembipe-curadoria {
	/* ---- tokens de marca (claro) ---- */
	--mei-bg: #fbfaf6;          /* off-white quente */
	--mei-panel: #ffffff;
	--mei-warm: #f1e7d6;        /* creme */
	--mei-pine: #2b5135;        /* verde-pinheiro: texto/preco/acento */
	--mei-pine-2: #37624a;
	--mei-earth: #695643;       /* marrom-taupe: blocos/tags */
	--mei-earth-soft: #8f8474;
	--mei-text: #2b2620;        /* quase-preto quente */
	--mei-muted: #8a8175;
	--mei-line: rgba(43, 81, 53, 0.16);
	--mei-scrim: rgba(28, 24, 18, 0.30);
	--mei-seal-fg: #f4ecdd;
	--mei-seal-alto: #2b5135;
	--mei-seal-medio: #695643;
	--mei-seal-baixo: #9a9384;

	/*
	 * Pilhas da marca, em duas faces. Os @font-face que carregam as duas vivem
	 * no child theme (wpresidence-child/style.css, secao Tipografia), que e quem
	 * hospeda os arquivos; aqui ficam so as pilhas, com fallback, para o plugin
	 * nao depender do child estar ativo. Mexeu la, mexa aqui.
	 *
	 * --mei-font-sans e a face de TEXTO (Archivo), e e ela que vale nos nossos
	 * componentes: dossie, vitrine e formulario de submissao sao densos de
	 * texto. A Akzidenz Extended e largura de DISPLAY - usar so em titulo de
	 * bloco, nunca em corpo, tabela ou rotulo de campo.
	 */
	--mei-font-display: 'Akzidenz-Grotesk Extended BQ', 'Archivo', sans-serif;
	--mei-font-sans: 'Akzidenz-Grotesk Extended BQ', 'Archivo', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* Tipografia da marca: so nos componentes do front. */
.meiembipe-vitrine,
.meiembipe-dossie,
.meiembipe-sub {
	color: var(--mei-text);
	font-family: var(--mei-font-sans);
	font-weight: 400;
	line-height: 1.5;
}

.meiembipe-vitrine *,
.meiembipe-vitrine *::before,
.meiembipe-vitrine *::after,
.meiembipe-dossie *,
.meiembipe-dossie *::before,
.meiembipe-dossie *::after {
	box-sizing: border-box;
}

/* Texto so para leitor de tela (estados "atendido"/"nao atendido"). */
.meiembipe-sr {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* ---- Selo Ilha Gene (componente reutilizavel, solido) ---- */
.meiembipe-selo {
	position: absolute;
	top: 14px;
	right: 14px;
	z-index: 2;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	line-height: 1;
	color: var(--mei-seal-fg);
	background: var(--mei-seal-alto);
}
.meiembipe-selo.nivel-medio { background: var(--mei-seal-medio); }
.meiembipe-selo.nivel-baixo { background: var(--mei-seal-baixo); }
.meiembipe-selo__num {
	font-size: 1.32em;
	font-weight: 400;
	font-variant-numeric: tabular-nums;
}
.meiembipe-selo__cap {
	font-size: 0.46em;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	margin-top: 3px;
}

/* Variante fora de midia posicionada (ex.: dossie / painel / child theme). */
.meiembipe-selo.is-inline {
	position: static;
	flex: 0 0 auto;
}

/* Variante grande (cabecalho do dossie na ficha do imovel). */
.meiembipe-selo.is-lg {
	width: 96px;
	height: 96px;
}
.meiembipe-selo.is-lg .meiembipe-selo__num {
	font-size: 2.1em;
}
.meiembipe-selo.is-lg .meiembipe-selo__cap {
	font-size: 0.58em;
	margin-top: 5px;
}