/* =========================================================
   WORDPRESS HERO FIX V1
   Ajuste específico da versão WordPress.
   Objetivo: impedir que topbar/header fixos “comam” visualmente
   o Hero e manter o respiro original das páginas.
   ========================================================= */

/* WordPress adiciona a admin bar quando o usuário está logado.
   Como agora usamos body_class(), o header fixo ganha o offset correto
   apenas dentro do painel/logado. Visitantes comuns não são afetados. */
body.admin-bar .topbar{
  top: 32px !important;
}

body.admin-bar .site-header{
  top: calc(32px + var(--topbar-h)) !important;
}

@media screen and (max-width: 782px){
  body.admin-bar .topbar{
    top: 46px !important;
  }

  body.admin-bar .site-header{
    top: calc(46px + var(--topbar-h)) !important;
  }
}

/* Desktop/tablet largo: devolve presença ao Hero.
   O header continua fixo, mas o Hero deixa de parecer “cortado”
   ou pequeno demais na versão WordPress. */
@media (min-width: 921px){
  body:not(.page-service) .hero#topo,
  body:not(.page-service) section.hero#topo{
    min-height: clamp(500px, 56vh, 660px) !important;
    padding-top: clamp(74px, 6vw, 98px) !important;
    padding-bottom: clamp(66px, 5vw, 92px) !important;
    display: flex !important;
    align-items: center !important;
  }

  body.page-service .service-hero,
  body.page-service section.hero.service-hero{
    min-height: clamp(500px, 56vh, 650px) !important;
    padding-top: clamp(72px, 5.6vw, 96px) !important;
    padding-bottom: clamp(64px, 5vw, 88px) !important;
    display: flex !important;
    align-items: center !important;
  }

  body.page-service .service-hero .hero-grid,
  body:not(.page-service) .hero#topo > .container.hero-grid{
    align-items: center !important;
  }
}

/* Telas menores: mantém o layout mobile compacto que já estava ajustado. */
@media (max-width: 920px){
  body:not(.page-service) .hero#topo,
  body.page-service .service-hero{
    min-height: auto !important;
  }
}