/* ============================================================
   Luciany Hara — componentes
   Usa as variáveis de tokens.css. Classes prefixadas com .lh-
   ============================================================ */

/* ---- GeneratePress — remove limite de container ---- */
.grid-container {
  max-width: 100%;
}

/* ---- Layout enquadrado da landing: fundo levemente mais escuro que o card ---- */
body.lh-fullwidth {
  background: #EBE7E1 !important;
}

[data-lh-mode="dark"] body.lh-fullwidth {
  background: #0d0d0c !important;
}

body.lh-fullwidth #page {
  max-width: 1080px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  background: var(--lh-bg);
  box-shadow: 0 0 0 1px rgba(0,0,0,.06), 0 8px 40px rgba(0,0,0,.07);
  position: relative;
}

/* ---- Tipografia global (override GeneratePress) ---- */
body {
  font-family: var(--lh-font-body);
  font-size: 1.0625rem;
  line-height: 1.72;
  color: var(--lh-ink);
  background-color: var(--lh-bg);
}

/* ── FONT SWAP ───────────────────────────────────────────────
   Display via token --lh-font-display (Quicksand).
   Para reverter para serifada, trocar o token em tokens.css.
   ─────────────────────────────────────────────────────────── */
h1, h2, h3, h4, h5, h6,
.entry-title, .page-title {
  font-family: var(--lh-font-display);
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: -.01em;
  color: var(--lh-ink);
}

a { color: var(--lh-accent); }
/* hover só em links de conteúdo — não na logo nem em componentes com hover próprio */
a:not(.lh-logo-link):not(.lh-btn):not([class*="button"]):hover { filter: brightness(1); }

code, pre, kbd { font-family: 'JetBrains Mono', ui-monospace, monospace; }

/* ---- Logo dual clara/escura ----
   Escopo com o wrapper (.lh-logo-link na landing, .lh-site-logo no header GP)
   p/ vencer `.lh-logo-link img{display:block}` (0-1-1) e evitar a logo
   invertida duplicada que aparecia no hover. */
.lh-logo-link .lh-logo-light,
.lh-site-logo .lh-logo-light { display: block; }
.lh-logo-link .lh-logo-dark,
.lh-site-logo .lh-logo-dark  { display: none; }

/* override manual escuro */
[data-lh-mode="dark"] .lh-logo-link .lh-logo-light,
[data-lh-mode="dark"] .lh-site-logo .lh-logo-light { display: none; }
[data-lh-mode="dark"] .lh-logo-link .lh-logo-dark,
[data-lh-mode="dark"] .lh-site-logo .lh-logo-dark  { display: block; }

/* logo não recebe o filtro de hover de links */
.lh-logo-link:hover,
.lh-site-logo a:hover { filter: none; }

/* ---- Utilidades de fonte ---- */
.lh-serif { font-family: var(--lh-font-display); font-weight: 600; }
.lh-sans  { font-family: var(--lh-font-body); }
.lh-mono  { font-family: var(--lh-font-mono); }
.lh-num   { font-family: var(--lh-font-num); }
.lh-accent, .lh-red { color: var(--lh-accent); }

/* ---- kicker / eyebrow ---- */
.lh-kicker {
  font-family: var(--lh-font-eyebrow);
  font-size: .6875rem;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--lh-kicker);
  font-weight: 400;
  margin-bottom: 1.25rem;
}

/* ---- botões — pill (border-radius 40px) ---- */
.lh-btn {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  font-family: var(--lh-font-body);
  font-size: .9375rem;
  font-weight: 500;
  padding: .875rem 1.625rem;
  border-radius: 40px;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid transparent;
  transition: filter .15s, background .15s, border-color .15s;
}
/* Primário: tinta escura (ações principais) */
.lh-btn--primary { background: var(--lh-ink); color: #fff; border-color: var(--lh-ink); }
.lh-btn--primary:hover { filter: brightness(1.2); }
/* Coral: acento (CTAs principais — marcar reunião) */
.lh-btn--coral { background: var(--lh-accent); color: #fff; border-color: var(--lh-accent); }
.lh-btn--coral:hover { filter: brightness(1); }
/* Ghost: contorno escuro */
.lh-btn--ghost { background: transparent; color: var(--lh-ink); border-color: var(--lh-ink); }
.lh-btn--ghost:hover { background: var(--lh-ink); color: #fff; filter: none; }
/* Ghost claro (sobre fundos escuros) */
.lh-btn--ghost-light { background: transparent; color: #fff; border-color: rgba(255,255,255,.6); }
.lh-btn--ghost-light:hover { background: rgba(255,255,255,.12); filter: none; }

/* ---- WP block buttons — aplica pill global ---- */
.wp-block-button__link {
  border-radius: 40px !important;
  font-family: var(--lh-font-body) !important;
  font-weight: 500 !important;
  font-size: .9375rem !important;
  padding: .875rem 1.625rem !important;
  transition: filter .15s, background .15s !important;
}
/* Primário WP (fundo cheio): tinta escura */
.wp-block-button:not(.is-style-outline) .wp-block-button__link {
  background-color: var(--lh-ink) !important;
  color: #fff !important;
  border-color: var(--lh-ink) !important;
}
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover { filter: brightness(1.2) !important; }
/* Outlined WP */
.wp-block-button.is-style-outline .wp-block-button__link {
  background-color: transparent !important;
  color: var(--lh-ink) !important;
  border-color: var(--lh-ink) !important;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
  background-color: var(--lh-ink) !important;
  color: #fff !important;
  filter: none !important;
  background-color: var(--lh-accent) !important;
  border-color: #f23e2e !important;
}

/* ---- superfícies ---- */
.lh-card { background: var(--lh-surface); border: 1px solid var(--lh-border); border-radius: 4px; }
.lh-field { background:var(--lh-field); border:1px solid var(--lh-field-b); border-radius:6px; padding:.56rem .75rem; }
.lh-hr { height:1px; background:var(--lh-line); border:0; }
.lh-band { background:var(--lh-band); border-top:1px solid var(--lh-border-soft); border-bottom:1px solid var(--lh-border-soft); }
.lh-dark-band { background:var(--lh-dark); color:var(--lh-dark-ink); }

/* ---- pílulas ler/ouvir ---- */
.lh-pill { display:inline-flex; align-items:center; gap:.375rem; font-size:.75rem; font-weight:600; padding:.375rem .75rem; border-radius:30px; }
.lh-pill--read  { border:1px solid var(--lh-border); color:var(--lh-ink); background:transparent; }
.lh-pill--audio { background:var(--lh-accent); color:var(--lh-accent-ink); }

/* ---- grids responsivos ---- */
.lh-grid { display:grid; gap:2.5rem; align-items:center; }
.lh-grid--hero    { grid-template-columns:1.15fr .85fr; }
.lh-grid--split   { grid-template-columns:1.1fr .9fr; }
.lh-grid--cards   { grid-template-columns:repeat(3,1fr); align-items:stretch; gap:1.125rem; }
.lh-grid--about   { grid-template-columns:.6fr 1.4fr; align-items:start; }

@media (max-width:980px){
  .lh-grid--cards { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:780px){
  .lh-grid,
  .lh-grid--hero,
  .lh-grid--split,
  .lh-grid--cards,
  .lh-grid--about { grid-template-columns:1fr; gap:1.5rem; }
}

/* ---- ícones inline ---- */
.lh-ico { width:1em; height:1em; display:inline-block; vertical-align:-.12em; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }

/* ---- CTA final (punch) ---- */
.lh-cta { background:var(--lh-accent); color:var(--lh-accent-ink); padding:3.5rem 2.5rem; text-align:center; }
.lh-cta .lh-cta-title { font-family:var(--lh-font-display); font-weight:700; font-size:2.5rem; line-height:1.1; letter-spacing:-.015em; max-width:20ch; margin:0 auto; }

/* ---- alternador de tema (botão flutuante opcional) ---- */
.lh-theme-switch { position:fixed; right:16px; bottom:16px; z-index:50; display:flex; gap:6px; background:var(--lh-surface); border:1px solid var(--lh-border); border-radius:30px; padding:5px; box-shadow:0 6px 20px rgba(0,0,0,.12); }
.lh-theme-switch button { border:0; background:transparent; cursor:pointer; font-size:13px; color:var(--lh-muted); padding:5px 10px; border-radius:20px; }
.lh-theme-switch button[aria-pressed="true"] { background:var(--lh-accent); color:var(--lh-accent-ink); }

/* ============================================================
   CookieAdmin — barra discreta no rodapé
   Configurar no plugin: Layout → Footer (barra inferior).
   ============================================================ */

/* Força barra fina no bottom, sem bordas arredondadas */
.cookieadmin_law_container {
  bottom: 0 !important;
  top: auto !important;
  left: 0 !important;
  right: 0 !important;
  /*border-radius: 0 !important;
  box-shadow: 0 -1px 0 var(--lh-border, rgba(0,0,0,.08)) !important;
  padding: 10px 24px !important;
  background: var(--lh-bg, #fff) !important;
  border-top: 1px solid var(--lh-border-soft, #ececec) !important;*/
}

.cookieadmin_consent_inside {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 !important;
}

/* Oculta o título — texto do aviso já é suficiente */
#cookieadmin_notice_title { display: none !important; }

/* Texto do aviso */
#cookieadmin_notice,
.cookieadmin_notice_con p {
  font-size: 13px !important;
  color: var(--lh-muted, #605b53) !important;
  margin: 0 !important;
  font-family: 'Inter', system-ui, sans-serif !important;
}

/* Remove branding "Powered by" */
.cookieadmin-poweredby { display: none !important; }

/* Botões base */
.cookieadmin_btn {
  font-size: 13px !important;
  padding: 6px 16px !important;
  border-radius: 4px !important;
  font-family: 'Inter', system-ui, sans-serif !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  border: 1px solid transparent !important;
  line-height: 1.4 !important;
}

/* Aceitar — destaque vermelho */
.cookieadmin_accept_btn {
  background: var(--lh-accent, #D94040) !important;
  color: var(--lh-accent-ink, #fff) !important;
  border-color: var(--lh-accent, #D94040) !important;
}
.cookieadmin_accept_btn:hover { filter: brightness(.92) !important; }

/* Rejeitar e Configurar — ghost */
.cookieadmin_reject_btn,
.cookieadmin_customize_btn {
  background: transparent !important;
  color: var(--lh-muted, #605b53) !important;
  border-color: var(--lh-border, #e7e3db) !important;
}

/* ============================================================
   Cabeçalho GeneratePress com a cara da marca (todas as páginas)
   Logo à esquerda + Primary Navigation "Float Right".
   Cole em Personalizar → CSS Adicional para testar, ou peça para
   eu enfileirar no tema (sections.css).
   ============================================================ */

/* Barra do cabeçalho */
.site-header {
  background: var(--lh-bg) !important;
  border-bottom: 1px solid var(--lh-line, #e6e2db);
}
.inside-header {
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
}
.site-logo img,
.header-image { height: 30px; width: auto; }

/* (opcional) cabeçalho fixo no topo, como era no header custom */
/* .site-header { position: sticky; top: 0; z-index: 100; } */

/* Navegação — fundo transparente (herda a barra do header) */
.main-navigation,
.main-navigation .inside-navigation { background: transparent !important; }

/* Itens do menu */
.main-navigation .main-nav > ul > li > a {
  font-family: var(--lh-font-body, 'Inter', system-ui, sans-serif) !important;
  font-size: 1rem;
  line-height: 1; font-weight:bold;
  color: var(--lh-ink) !important;
  padding: 8px 14px !important;
  border-radius: 999px;
  transition: background .18s ease, color .18s ease;
}

/* "pill" coral no hover e no item ativo */
.main-navigation .main-nav > ul > li > a:hover,
.main-navigation .main-nav > ul > li:hover > a,
.main-navigation .main-nav > ul > li[class*="current-menu"] > a {
  background: var(--lh-accent) !important;
  color: #fff !important;
}

/* Botão do menu mobile (hambúrguer do GP) */
.main-navigation .menu-toggle,
.main-navigation .menu-toggle:hover {
  color: var(--lh-ink) !important;
  background: transparent !important;
}

/* Submenus (se houver) com a mesma linguagem */
.main-navigation ul ul {
  background: var(--lh-bg) !important;
  border: 1px solid var(--lh-line, #e6e2db);
}
.main-navigation ul ul li a { color: var(--lh-ink) !important; }
.main-navigation ul ul li a:hover { background: var(--lh-accent) !important; color:#fff !important; }