/* === SINGLE POST — fiel ao Stitch artigo_ia_wordpress_fiel/code.html === REGRAS DE QUALIDADE: - Zero !important (exceto onde o WP injeta inline styles que não podemos evitar) - Seletores compostos com especificidade suficiente para vencer WP defaults - Spacing via tokens var(--wp--preset--spacing--XX) onde existe equivalente exato - Valores Stitch sem token equivalente mantidos em rem com comentário de origem - Zero cores hardcoded — apenas var(--wp--preset--color--*) e var(--wp--custom--*) ======================================================================= */ /* ══════════════════════════════════════════════════════ 1. ARTICLE HEADER SECTION Stitch:
→ padding-top já no JSON (var:preset|spacing|70)
→ cat + h1 + meta-bar
→ imagem ══════════════════════════════════════════════════════ */ .single-header { padding-top: calc(var(--dv-header-height) + var(--wp--preset--spacing--70)) !important; } /* single-header__inner: layout:default — sem contentSize. A largura dos filhos é controlada pelo editor / pelo próprio alinhamento de cada bloco. */ /* Sticky sidebar: top = admin-bar offset + header fixo + margem de respiro. ESTRUTURA ATUAL (editor): o bloco grupo wrapper tem style.position.type:sticky com top:"0px" no JSON. O WP gera .wp-container-N { position:sticky; top:calc(0px + var(--wp-admin--admin-bar--position-offset, 0px)) } inline no . Nosso override via .is-position-sticky com !important ganha de qualquer especificidade inline. Preservamos --wp-admin--admin-bar--position-offset para que a barra de admin não sobreponha o sticky no wp-admin preview. O hash .wp-container-N muda a cada render — não usar como seletor. */ .single-sidebar-col .is-position-sticky { top: calc( var(--wp-admin--admin-bar--position-offset, 0px) + var(--dv-header-height) + var(--wp--preset--spacing--30) ) !important; } /* Categoria pill Stitch: px-4 py-1 border border-primary/40 text-primary text-[10px] uppercase tracking-[0.3em] font-black rounded-full */ /* Wrapper: apenas reset de margin/display */ .single-cat.wp-block-post-terms { margin: 0; } /* Link: recebe o pill completo */ .single-cat.wp-block-post-terms a { display: inline-flex; align-items: center; padding: 0.25rem var(--wp--preset--spacing--20); border: 1px solid var(--wp--custom--primary-alpha-40); border-radius: 9999px; font-size: var(--wp--preset--font-size--2-xs); font-weight: 900; letter-spacing: 0.3em; text-transform: uppercase; color: var(--wp--preset--color--primary); text-decoration: none; background: none; } /* Tempo de leitura: core/post-time-to-read renderiza
Stitch: text-[10px] uppercase tracking-[0.2em] font-bold text-on-surface-variant */ .single-read-time.wp-block-post-time-to-read { font-size: var(--wp--preset--font-size--2-xs); font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: var(--wp--preset--color--muted); margin: 0; } .single-read-time.wp-block-post-time-to-read::before { content: '• '; } /* 1b. H1 Stitch: font-display clamp(2.5rem,5vw,5rem) font-black leading-[1.1] tracking-tighter Sem margin-bottom aqui — espaçamento vem do blockGap do pai. */ .single-title.wp-block-post-title { font-size: clamp(2.5rem, 5vw, 5rem); font-weight: 900; letter-spacing: -0.05em; line-height: 1.1; color: var(--wp--preset--color--contrast); margin-top: var(--wp--preset--spacing--50); margin-bottom: var(--wp--preset--spacing--30); } .single-title.wp-block-post-title em { font-style: italic; font-weight: 300; color: var(--wp--preset--color--primary); } /* 1c. Meta-bar Stitch: flex justify-between py-8 border-y border-subtle mb-16 py-8 = 2rem. mb-16 = 4rem. Sem token exato para esses valores no sistema. width: 100% para garantir que o justify-between funcione */ .single-meta-bar.wp-block-group { border-top: 1px solid var(--wp--custom--border-color-subtle); border-bottom: 1px solid var(--wp--custom--border-color-subtle); padding-top: 2rem; /* Stitch: py-8 = 2rem */ padding-bottom: 2rem; /* Stitch: py-8 = 2rem */ margin-bottom: 4rem; /* Stitch: mb-16 = 4rem */ width: 100%; } /* Avatar: w-14 h-14 rounded-full border border-subtle overflow-hidden grayscale */ .single-author-avatar.wp-block-avatar img, .single-author-avatar.wp-block-avatar .wp-block-avatar__image { width: 56px; /* w-14 = 3.5rem = 56px */ height: 56px; border-radius: 50%; overflow: hidden; object-fit: cover; filter: grayscale(1); display: block; } .single-author-avatar.wp-block-avatar { width: 56px; height: 56px; border-radius: 50%; border: 1px solid var(--wp--custom--border-color-subtle); overflow: hidden; flex-shrink: 0; } /* Autor nome: text-xs uppercase tracking-[0.2em] font-black text-on-surface */ .single-author-name.wp-block-post-author-name { font-size: var(--wp--preset--font-size--xs); font-weight: 900; letter-spacing: 0.2em; text-transform: uppercase; color: var(--wp--preset--color--contrast); margin: 0; } /* Data: text-[10px] uppercase tracking-[0.1em] text-on-surface-variant/60 font-bold */ .single-author-date.wp-block-post-date { font-size: var(--wp--preset--font-size--2-xs); font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--wp--preset--color--muted); opacity: 0.6; margin: 0; } .single-author-date.wp-block-post-date a { color: inherit; text-decoration: none; } /* Botão compartilhar: w-12 h-12 rounded-full border border-subtle Stitch usa