/*
Theme Name: LabForGirls
Theme URI: https://labforgirls.com
Author: Fernanda Cerávolo
Description: Novo site do LabForGirls sobre o design system Lab for Girls. Capa como protótipo estático (index.php + head.html/body.html) e as páginas internas — matéria, listas de textos, categorias, busca e páginas avulsas — vindas do WordPress, em português e inglês (Polylang).
Version: 1.2
Requires at least: 5.0
Requires PHP: 7.0
License: Todos os direitos reservados
Text Domain: labforgirls
*/
/* Os estilos do protótipo da capa estão em head.html, carregados por index.php.
   Abaixo, os estilos das páginas internas (antes no tema filho LabForGirls Filho). */

/* ===== LFG-ARTIGOS-CSS: estilos vindos do tema filho ===== */
/* ── Conteúdo vindo do editor do WordPress, dentro da coluna de leitura ── */
.art-body > *{margin:0}
.art-body a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.art-body a:hover{text-decoration-color:var(--red)}
.art-body h2,.art-body h3,.art-body h4{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--wine);letter-spacing:-.01em;line-height:1.15;margin-top:.8em}
.art-body h2{font-size:28px}
.art-body h3{font-size:23px}
.art-body h4{font-size:20px}
.art-body ul,.art-body ol{padding-left:1.2em;display:flex;flex-direction:column;gap:.4em}
.art-body hr{border:0;border-top:2px solid var(--ink);width:80px;margin:1em 0}
.art-body img{max-width:100%;height:auto}
.art-body figure{display:flex;flex-direction:column;gap:10px}
.art-body figcaption,.art-body .wp-element-caption{font-family:"Estilo",var(--font);font-size:var(--lab-s);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.art-body .alignwide,.art-body .alignfull{width:min(1100px,calc(100vw - 2 * var(--gutter)));max-width:none;margin-left:50%;transform:translateX(-50%)}
.art-body .alignfull{width:100vw}
.art-body .aligncenter{margin-inline:auto}
.art-body .alignleft{float:left;max-width:50%;margin:.3em 1.2em .6em 0}
.art-body .alignright{float:right;max-width:50%;margin:.3em 0 .6em 1.2em}
.art-body iframe,.art-body video{max-width:100%}
.art-body .wp-block-embed__wrapper{position:relative}
.art-body .wp-block-embed.is-type-video iframe,.art-body .wp-block-embed-youtube iframe{width:100%;height:auto;aspect-ratio:16/9;display:block}
/* Citações: o mesmo destaque da citação do modelo */
.art-body blockquote,.art-body .wp-block-quote,.art-body .wp-block-pullquote{margin:.8em 0;padding:24px 0;border:0;border-block:2px solid var(--ink);text-align:left}
.art-body blockquote p,.art-body .wp-block-pullquote p{font-size:clamp(24px,2.4vw,30px);line-height:1.25;color:var(--wine)}
.art-body blockquote cite,.art-body .wp-block-pullquote cite{display:block;margin-top:12px;font:700 var(--lab-s)/1 var(--font);font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
.art-body .wp-block-pullquote blockquote{border:0;padding:0;margin:0}
/* Capitular só quando o texto começa com parágrafo */
.art-body > p:first-child::first-letter{float:left;font-size:4.2em;line-height:.86;padding:.06em .1em 0 0;color:var(--wine)}
.art-body::after{content:"";display:block;clear:both}
.art-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:1em}
.art-tags a{font:700 var(--lab-s)/1 var(--font);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;padding:7px 9px;border:2px solid var(--ink)}
.art-tags a:hover{background:var(--ink);color:var(--cream)}
.art-hero figcaption{margin-top:10px;text-align:right;font-family:"Estilo",var(--font);font-size:var(--lab-s);letter-spacing:.16em;text-transform:uppercase}
body.admin-bar .site-head{top:32px}
@media (max-width:782px){body.admin-bar .site-head{top:46px}}
.view-art .art-body li,.view-art .art-body td,.view-art .art-body figcaption + p{font-family:Georgia,"Times New Roman",serif}
.view-art .tx-title{font-family:Georgia,"Times New Roman",serif}
.art-body table{border-collapse:collapse;width:100%;font-size:var(--b-m)}
.art-body td,.art-body th{border-bottom:1px solid var(--line);padding:8px 6px;text-align:left}

/* ── Listas de textos ── */
.lfg-more{padding-top:clamp(48px,6vw,80px)}
.lfg-more-h{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:var(--d-m);color:var(--wine);margin-bottom:clamp(24px,3vw,40px)}
.lfg-pag{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:clamp(48px,6vw,80px)}
.lfg-pag .page-numbers{font:700 var(--lab-s)/1 var(--font);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;padding:11px 14px;border:2px solid var(--ink);color:var(--ink)}
.lfg-pag .page-numbers.current{background:var(--ink);color:var(--cream)}
.lfg-pag a.page-numbers:hover{background:var(--quiet)}
.lfg-pag .dots{border-color:transparent}
.view-list .tx-img:empty{aspect-ratio:4/3;background:var(--line)}
.view-list .dest-img:empty{aspect-ratio:16/9}
/* Páginas avulsas: sem capitular */
.art-page > p:first-child::first-letter{float:none;font-size:inherit;line-height:inherit;padding:0;color:inherit}