/* Blog — ajuste de marca pro parceiros-saude (shared/blog/* é genérico,
   não estende templates/themes/parceiros-saude/layout/app.html, então as
   fontes da marca precisam ser carregadas aqui de novo -- via <link> no
   <head> de shared/blog/layout/app.html, não @import: @import bloqueia
   paralelismo e atrasa a descoberta da fonte pelo navegador, afetando
   FCP/LCP). Cores já vêm certas via theme_palette()/blog_header_colors()/
   blog_footer_colors() (ver services/design_theme.py) -- isso aqui só
   cobre tipografia e zero-arredondamento, pra bater com o resto do site. */

body.blog-shell.parceiros-saude-theme {
  font-family: "Manrope", Arial, sans-serif;
}

body.blog-shell.parceiros-saude-theme .blog-category-header__title,
body.blog-shell.parceiros-saude-theme .blog-post-card__title,
body.blog-shell.parceiros-saude-theme .blog-widget__header,
body.blog-shell.parceiros-saude-theme .blog-popular-item__title {
  font-family: "Cormorant Garamond", "Cormorant Fallback G", "Cormorant Fallback T", Georgia, serif;
  font-weight: 500;
  letter-spacing: -.01em;
}

/* Assinatura em texto vivo (partial shared/blog/partials/ps_logo.html). Tudo em em:
   muda só o font-size do .ps-logo pra escalar. Dourado em gradiente, como o original. */
body.blog-shell.parceiros-saude-theme .ps-logo {
  --ps-gold: linear-gradient(100deg, #d2b377 0%, #f3e2ae 48%, #dcc189 100%);
  display: inline-flex;
  align-items: center;
  gap: .95em;
  font-size: 15px;
  line-height: 1;
  white-space: nowrap;
  max-width: 100%;
}
body.blog-shell.parceiros-saude-theme .ps-logo__mono {
  display: block;
  height: 3.2em;
  width: auto;
  flex: none;
  filter: brightness(1.1);
}
body.blog-shell.parceiros-saude-theme .ps-logo__divider {
  flex: none;
  width: 1px;
  height: 3.2em;
  background: linear-gradient(180deg, transparent, #c2a468 18%, #c2a468 82%, transparent);
}
body.blog-shell.parceiros-saude-theme .ps-logo__text {
  display: flex;
  flex-direction: column;
  gap: .6em;
  min-width: 0;
}
body.blog-shell.parceiros-saude-theme .ps-logo__name,
body.blog-shell.parceiros-saude-theme .ps-logo__tag {
  text-transform: uppercase;
  background: var(--ps-gold);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #d4b876; /* fallback sem background-clip */
}
body.blog-shell.parceiros-saude-theme .ps-logo__name {
  font-family: "Cormorant Garamond", "Cormorant Fallback G", "Cormorant Fallback T", Georgia, serif;
  font-weight: 600;
  font-size: 1.55em;
  letter-spacing: .18em;
}
body.blog-shell.parceiros-saude-theme .ps-logo__tag {
  font-family: "Manrope", Arial, sans-serif;
  font-weight: 600;
  font-size: .74em;
  letter-spacing: .12em;
}
body.blog-shell.parceiros-saude-theme .ps-logo-wrap {
  margin-bottom: 18px;
}
body.blog-shell.parceiros-saude-theme .blog-footer .ps-logo {
  font-size: 15px;
}
@media (max-width: 480px) {
  body.blog-shell.parceiros-saude-theme .ps-logo { font-size: 11px; }
  body.blog-shell.parceiros-saude-theme .blog-footer .ps-logo { font-size: 11px; }
}

body.blog-shell.parceiros-saude-theme .blog-category-header__title {
  font-size: clamp(1.9rem, 4vw, 2.6rem);
}

body.blog-shell.parceiros-saude-theme .blog-post-card,
body.blog-shell.parceiros-saude-theme .blog-post-card__img,
body.blog-shell.parceiros-saude-theme .blog-widget,
body.blog-shell.parceiros-saude-theme .blog-header-cta__btn,
body.blog-shell.parceiros-saude-theme .blog-search,
body.blog-shell.parceiros-saude-theme .blog-popular-num {
  border-radius: 0 !important;
}

body.blog-shell.parceiros-saude-theme .blog-post-card {
  box-shadow: none;
  border: 1px solid rgba(10, 31, 28, .16);
}

body.blog-shell.parceiros-saude-theme .blog-widget,
body.blog-shell.parceiros-saude-theme .blog-cat-row {
  border-color: rgba(10, 31, 28, .16);
}

body.blog-shell.parceiros-saude-theme .blog-widget--accent-header .blog-widget__header {
  background: #d4b876;
  color: #0a1f1c;
}
body.blog-shell.parceiros-saude-theme .blog-popular-num {
  background: #d4b876;
}

/* Trilha do blog: dourado claro (1,8:1) sobre o creme não lia; usa o tom escurecido do tema. */
body.blog-shell.parceiros-saude-theme .blog-breadcrumb { opacity: 1; }
body.blog-shell.parceiros-saude-theme .blog-breadcrumb__link { color: #7e6119; }
