/*!
 * Café com Direito — Overrides de página (v1.1.0)
 * Correções específicas para navbar e hero da home até que o Elementor
 * seja reconstruído. Todas as regras usam especificidade mínima
 * necessária para vencer o CSS inline do Elementor sem inflar a folha.
 */

/* ==============================
 * 1. NAVBAR — contraste dos itens
 * ============================== */

/* Todos os itens do menu principal em branco, sobre fundo azul-noite. */
.wpr-nav-menu .wpr-menu-item,
.wpr-nav-menu > li > a.wpr-menu-item,
.wpr-nav-menu .menu-item > a {
  color: var(--ccd-branco-papel) !important;
  font-family: var(--ccd-font-body) !important;
  font-weight: var(--ccd-fw-medium) !important;
  font-size: 0.9rem !important;
  letter-spacing: 0.04em !important;
  text-transform: none !important;
  background: transparent !important;
}

/* Hover + item ativo → dourado OAB. */
.wpr-nav-menu .wpr-menu-item:hover,
.wpr-nav-menu .wpr-menu-item:focus,
.wpr-nav-menu .wpr-active-menu-item,
.wpr-nav-menu .current-menu-item > a,
.wpr-nav-menu .current_page_item > a {
  color: var(--ccd-dourado-oab) !important;
  background: transparent !important;
}

/* Remove o fundo laranja/vermelho injetado no current-menu-item. */
.wpr-nav-menu .current-menu-item > .wpr-menu-item,
.wpr-nav-menu .current_page_item > .wpr-menu-item {
  background: transparent !important;
  box-shadow: none !important;
}

/* Indicador de pointer (underline animado do Royal Addons) em dourado. */
.wpr-pointer-line-fx .wpr-menu-item::after,
.wpr-pointer-line-fx .wpr-menu-item::before,
.wpr-main-menu-align-center .wpr-pointer-line {
  background-color: var(--ccd-dourado-oab) !important;
}

/* ==============================
 * 2. BOTÃO "CONTATO" (navbar)
 * ============================== */

.wpr-button-wrap a,
.wpr-button-wrap > a.wpr-button-text {
  background-color: var(--ccd-dourado-oab) !important;
  color: var(--ccd-azul-toga) !important;
  font-family: var(--ccd-font-body) !important;
  font-weight: var(--ccd-fw-semibold) !important;
  letter-spacing: 0.03em !important;
  border-radius: var(--ccd-radius) !important;
  text-transform: none !important;
}

.wpr-button-wrap a:hover {
  background-color: var(--ccd-dourado-claro) !important;
  color: var(--ccd-azul-toga) !important;
}

/* O <span> interno do botão herda a cor. */
.wpr-button-wrap .wpr-button-text,
.wpr-button-wrap a span {
  color: inherit !important;
}

/* ==============================
 * 3. HERO — tipografia
 * ============================== */

/* Remove CAIXA ALTA forçada em TODOS os headings do hero (primeira seção). */
section.elementor-top-section:first-of-type .elementor-heading-title,
.elementor-section-wrap > section:nth-of-type(1) .elementor-heading-title,
.elementor-section-wrap > section:nth-of-type(2) .elementor-heading-title {
  text-transform: none !important;
}

/* Título principal do hero — maior, case misto, letter-spacing editorial. */
.elementor-element-6874af7 .elementor-heading-title {
  font-family: var(--ccd-font-display) !important;
  font-size: clamp(2.5rem, 5vw, 4.25rem) !important;
  font-weight: var(--ccd-fw-semibold) !important;
  line-height: var(--ccd-lh-tight) !important;
  letter-spacing: var(--ccd-tracking-tight) !important;
  text-transform: none !important;
  color: var(--ccd-branco-papel) !important;
  max-width: 18ch;
}

/* Subtítulo — bem menor, peso regular, sem uppercase, legível. */
.elementor-element-ce88fb4 .elementor-heading-title {
  font-family: var(--ccd-font-body) !important;
  font-size: clamp(1rem, 1.3vw, 1.125rem) !important;
  font-weight: var(--ccd-fw-regular) !important;
  line-height: var(--ccd-lh-relaxed) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: rgba(250, 250, 247, 0.85) !important;
  max-width: 52ch;
  margin-top: 1.25rem;
}

/* ==============================
 * 4. HERO — remover curva branca
 * ============================== */

/* A curva branca grotesca (shape-bottom do container 68be91d) estava
 * cortando a foto do Dr. Abrahão. Removemos o shape em todas as
 * variações (top/bottom) do hero. */
.elementor-element-68be91d .elementor-shape,
.elementor-element-68be91d .elementor-shape-bottom,
.elementor-element-68be91d .elementor-shape-top,
section.elementor-top-section:first-of-type + section .elementor-shape-top,
section.elementor-top-section:first-of-type .elementor-shape {
  display: none !important;
}

/* ==============================
 * 5. HERO — assinatura inferior
 * ============================== */

/* O texto "DR. ABRAHÃO NETO · OAB/PA 35865 · MARABÁ-PA" no canto.
 * Força legibilidade com dourado + tracking wide + opacidade cheia. */
section.elementor-top-section:first-of-type .elementor-icon-list-item,
section.elementor-top-section:first-of-type [class*="signature"],
section.elementor-top-section:first-of-type small {
  color: var(--ccd-dourado-oab) !important;
  opacity: 1 !important;
}

/* ==============================
 * 6. BOTÃO "SAIBA MAIS" (hero)
 * ============================== */

.elementor-element-e1ac27a .elementor-button,
.elementor-element-e1ac27a a.elementor-button-link {
  padding: 0.875rem 2rem !important;
  font-family: var(--ccd-font-body) !important;
  font-size: 1rem !important;
  font-weight: var(--ccd-fw-semibold) !important;
  letter-spacing: 0.02em !important;
  background-color: var(--ccd-dourado-oab) !important;
  color: var(--ccd-azul-toga) !important;
  border-radius: var(--ccd-radius) !important;
}

.elementor-element-e1ac27a .elementor-button:hover {
  background-color: var(--ccd-dourado-claro) !important;
  color: var(--ccd-azul-toga) !important;
  transform: translateY(-1px);
}

/* ==============================
 * 7. MOBILE — ajustes de hero
 * ============================== */

@media (max-width: 768px) {
  .elementor-element-6874af7 .elementor-heading-title {
    font-size: clamp(2rem, 9vw, 2.75rem) !important;
    max-width: 100%;
  }
  .elementor-element-ce88fb4 .elementor-heading-title {
    font-size: 0.95rem !important;
    max-width: 100%;
  }
}