/* ---------- Ajustes específicos do WordPress ----------
   Complementa styles.css (que é idêntico ao do site estático). */

/* Barra de administração (usuário logado) não cobre o header fixo. */
.admin-bar .header {
  top: 32px;
}
.admin-bar .mobile-nav {
  top: calc(var(--header-height) + 32px);
}
@media (max-width: 782px) {
  .admin-bar .header {
    top: 46px;
  }
  .admin-bar .mobile-nav {
    top: calc(var(--header-height) + 46px);
  }
}

/* ---------- Cards carregados via REST API ---------- */
[data-events-fetch][aria-busy="true"] {
  min-height: 60vh;
}

.event-list__status {
  padding-block: 40px;
  text-align: center;
  font-size: 16px;
  color: var(--color-gray-text);
}

.event-list__more {
  display: flex;
  justify-content: center;
  margin-top: 64px;
}
.event-list__more [hidden] {
  display: none;
}
.event-list__more button:disabled {
  opacity: 0.6;
  cursor: progress;
}

.event-list__pagination .nav-links {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 64px;
  font-size: 16px;
}
.event-list__pagination .current {
  font-weight: 700;
  color: var(--color-primary);
}

/* Post sem imagem destacada: topo em azul sólido. */
.evento-hero--no-image {
  background: var(--color-navy);
}

/* ---------- Conteúdo do editor (post de evento / páginas) ---------- */
.evento-post__body > * {
  max-width: 100%;
}

.evento-post__body p,
.evento-post__body li {
  font-family: "Inter", var(--font-body);
  font-size: 16px;
  line-height: 1.5;
  color: var(--color-black);
}

.evento-post__body ul,
.evento-post__body ol {
  padding-left: 1.5em;
}
.evento-post__body ul {
  list-style: disc;
}

.evento-post__body a {
  color: var(--color-primary);
  text-decoration: underline;
}

.evento-post__body h3 {
  font-size: clamp(22px, 18px + 1vw, 28px);
  font-weight: 500;
}

.evento-post__body figure {
  margin: 0;
}

.evento-post__body img {
  width: 100%;
  height: auto;
}

.evento-post__body figcaption {
  margin-top: 8px;
  font-size: 14px;
  color: var(--color-gray-text);
}

.evento-post__body .alignwide,
.evento-post__body .alignfull {
  width: 100%;
}

.page-content {
  padding-block: 80px;
}
.page-content h2 {
  font-size: clamp(28px, 22px + 2vw, 40px);
  font-weight: 500;
}

/* ---------- Formulário de contato ---------- */
.contato-form__hp {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.contato-form__feedback {
  padding: 14px 18px;
  border-radius: 12px;
  font-size: 15px;
  line-height: 1.4;
}
.contato-form__feedback--success {
  background: rgba(235, 231, 30, 0.18);
  color: var(--color-white);
  border: 1px solid var(--color-yellow);
}
.contato-form__feedback--error {
  background: rgba(255, 90, 90, 0.15);
  color: var(--color-white);
  border: 1px solid #ff8a8a;
}