/* SMKV: visual do blog (post, página de posts e arquivos) sobre o tema Hello Elementor.
   Carregado só onde o snippet src/wpcode/smkv-blog.php põe a classe .smkv-blog no body. */
@font-face{font-family:"SMKV Sans";src:url("/_smkv/fonts/smkv-sans-v1.woff2") format("woff2");font-weight:300 700;font-stretch:100% 125%;font-display:swap}
.smkv-blog:is(body){
  --b-fundo:#0e3135;--b-petroleo:#0c4242;--b-teal:#085b5a;--b-salvia:#c1bc9e;--b-taupe:#ad9682;
  --b-off:#f7f4f0;--b-papel:#fbf9f6;--b-tinta:#1c2a2b;--b-tinta-2:#4b5a5a;--b-linha:#e2dbcf;
  --b-claro:rgb(247 244 240 / .74);--b-fio:rgb(247 244 240 / .16);
  --b-fonte:"SMKV Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  margin:0;background:var(--b-off);color:var(--b-tinta);font:400 18px/1.7 var(--b-fonte);-webkit-font-smoothing:antialiased
}
.smkv-blog ::selection{background:var(--b-salvia);color:var(--b-petroleo)}

/* cabeçalho */
.smkv-blog .site-header{background:var(--b-fundo);max-width:none;margin:0;padding:0;border:0}
.smkv-blog .site-header .header-inner{max-width:1240px;margin:0 auto;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.smkv-blog .site-header .site-branding{margin:0;padding:0}
.smkv-blog .site-header .site-branding .site-title{margin:0;line-height:0}
.smkv-blog .site-header .site-branding .site-description{display:none} /* a descrição do site vai para o schema, não para o cabeçalho */
.smkv-blog .site-header .site-branding .site-title a{display:block;width:112px;height:40px;background:url("/_smkv/logo-smkv-v4.svg") left center/contain no-repeat;color:transparent;font-size:0;overflow:hidden}
.smkv-blog .site-header .site-navigation ul.menu{gap:4px;align-items:center}
.smkv-blog .site-header .site-navigation ul.menu li a{color:var(--b-claro);font:500 14px/1 var(--b-fonte);letter-spacing:.02em;padding:12px;text-decoration:none;transition:color .2s}
.smkv-blog .site-header .site-navigation ul.menu li a:hover,.smkv-blog .site-header .site-navigation ul.menu li.current-menu-item>a{color:var(--b-off)}
.smkv-blog .site-header .site-navigation ul.menu li.sm-menu-cta>a{margin-left:12px;padding:14px 22px;border:1px solid rgb(247 244 240 / .42);border-radius:999px;color:var(--b-off);font-weight:600;letter-spacing:.04em}
.smkv-blog .site-header .site-navigation ul.menu li.sm-menu-cta>a:hover{background:var(--b-off);color:var(--b-petroleo)}
.smkv-blog .site-header .site-navigation-toggle-holder{padding:0}
.smkv-blog .site-header .site-navigation-toggle{color:var(--b-off);background:transparent;border:1px solid rgb(247 244 240 / .42);border-radius:999px;padding:10px 12px}
.smkv-blog .site-header .site-navigation-dropdown ul.menu{background:var(--b-fundo);border-top:1px solid var(--b-fio)}
.smkv-blog .site-header .site-navigation-dropdown ul.menu li a{background:var(--b-fundo);color:var(--b-claro);font:500 16px/1.2 var(--b-fonte);padding:18px 20px;border-bottom:1px solid var(--b-fio);text-decoration:none}
.smkv-blog .site-header .site-navigation-dropdown ul.menu li.current-menu-item>a,.smkv-blog .site-header .site-navigation-dropdown ul.menu li a:hover{background:var(--b-petroleo);color:var(--b-off)}

/* artigo */
/* o Hello limita .site-main com body:not([class*=elementor-page-]) .site-main (0,2,1): aqui (0,2,2) */
.smkv-blog:is(body) main.site-main{max-width:760px;margin:0 auto;padding:clamp(48px,8vw,96px) 20px clamp(64px,10vw,120px)}
.smkv-blog .site-main .page-header{max-width:none;margin:0 0 clamp(32px,5vw,48px);padding:0;border:0}
.smkv-blog .site-main .page-header .entry-title{font:500 clamp(34px,4.6vw,56px)/1.08 var(--b-fonte);font-stretch:114%;letter-spacing:-.02em;color:var(--b-petroleo);margin:0;padding:0;max-width:none;text-wrap:balance}
.smkv-blog .site-main .page-header .archive-description{margin:16px 0 0;color:var(--b-tinta-2)}
.smkv-blog .page-content{max-width:none;margin:0;padding:0}
.smkv-blog .page-content p{margin:0 0 22px;font-size:18px;line-height:1.75;color:var(--b-tinta)}
.smkv-blog .page-content h2{font:500 clamp(26px,3vw,34px)/1.18 var(--b-fonte);font-stretch:110%;letter-spacing:-.01em;color:var(--b-petroleo);margin:clamp(48px,7vw,72px) 0 18px;text-wrap:balance}
.smkv-blog .page-content h3{font:600 21px/1.3 var(--b-fonte);color:var(--b-petroleo);margin:40px 0 12px}
.smkv-blog .page-content a{color:var(--b-teal);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.smkv-blog .page-content a:hover{color:var(--b-petroleo);text-decoration-thickness:2px}
.smkv-blog .page-content strong{font-weight:600}
.smkv-blog .page-content blockquote{margin:8px 0 26px;padding:18px 22px;border:0;border-left:3px solid var(--b-salvia);background:var(--b-papel)}
.smkv-blog .page-content blockquote p{margin:0;font-weight:600;color:var(--b-petroleo)}
.smkv-blog .page-content ul,.smkv-blog .page-content ol{margin:0 0 26px;padding-left:24px}
.smkv-blog .page-content li{margin:0 0 10px;font-size:18px;line-height:1.7}
.smkv-blog .page-content li::marker{color:var(--b-taupe)}
.smkv-blog .page-content table{width:100%;margin:8px 0 32px;border-collapse:collapse;background:var(--b-papel);border:1px solid var(--b-linha);font-size:16px;line-height:1.45}
.smkv-blog .page-content table th,.smkv-blog .page-content table td{padding:12px 16px;border:0;border-bottom:1px solid var(--b-linha);background:transparent;text-align:left;vertical-align:top}
.smkv-blog .page-content table thead th{background:var(--b-petroleo);color:var(--b-off);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.smkv-blog .page-content table tbody tr:last-child td{border-bottom:0}
.smkv-blog .page-content>p:last-child{margin-top:48px;padding-top:24px;border-top:1px solid var(--b-linha);font-size:15px;color:var(--b-tinta-2)}
.smkv-blog .page-content>p:last-child em{font-style:normal}

/* lista de posts (página do blog e arquivos) */
.smkv-blog .page-content article.post{margin:0;padding:28px 0;border-top:1px solid var(--b-linha)}
.smkv-blog .page-content article.post:last-of-type{border-bottom:1px solid var(--b-linha)}
.smkv-blog .page-content article.post .entry-title{font:500 clamp(24px,2.6vw,30px)/1.2 var(--b-fonte);font-stretch:108%;margin:0 0 10px;text-wrap:balance}
.smkv-blog .page-content article.post .entry-title a{color:var(--b-petroleo);text-decoration:none}
.smkv-blog .page-content article.post .entry-title a:hover{color:var(--b-teal)}
.smkv-blog .page-content article.post p{margin:0;font-size:17px;color:var(--b-tinta-2)}
.smkv-blog .page-content article.post a:has(>img),.smkv-blog .page-content article.post img{display:none} /* o cartão og:image é para compartilhar, não para a lista */
.smkv-blog .site-main .pagination{margin:40px 0 0;display:flex;justify-content:space-between}
.smkv-blog .site-main .pagination a{color:var(--b-teal)}

/* rodapé */
.smkv-blog .site-footer{background:var(--b-fundo);color:var(--b-claro);max-width:none;margin:0;padding:0;border:0}
.smkv-blog .site-footer .footer-inner{max-width:1240px;margin:0 auto;padding:40px 20px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.smkv-blog .site-footer .site-branding::before{content:"";display:block;width:90px;height:32px;background:url("/_smkv/logo-smkv-v4.svg") left center/contain no-repeat}
.smkv-blog .site-footer a{color:var(--b-off)}
.smkv-blog .site-footer .copyright p{margin:0;font-size:14px;color:var(--b-claro)}
.smkv-blog .site-footer .copyright p::before{content:"© Seymon Markov · "}

@media (max-width:640px){
  .smkv-blog .page-content table{display:block;overflow-x:auto}
  .smkv-blog .page-content p,.smkv-blog .page-content li{font-size:17px}
  .smkv-blog .site-main .page-header .entry-title{hyphens:auto}
}
