/* ==================================================================
   PNSA Theme — CSS residual.
   A maior parte do visual vem do theme.json (cores, tipografia,
   espaçamento, botões) e do CSS de cada bloco nativo. Isto aqui cobre
   só os poucos componentes sem equivalente pronto em bloco: abas da
   Secretaria, caixa do Pix, meta do evento e breadcrumb.
   ================================================================== */

/* Caixa do Pix */
.pnsa-pix-box {
    max-width: 32rem;
    margin-inline: auto;
    text-align: center;
}
.pnsa-pix-key-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    background: var(--wp--preset--color--paper-0, #fff);
    border: 1px solid var(--wp--preset--color--paper-200, #e9e5e2);
    border-radius: var(--wp--preset--spacing--10, .5rem);
    padding: .85rem 1.25rem;
}
.pnsa-pix-key-value {
    font-family: var(--wp--preset--font-family--sans);
    word-break: break-all;
    margin: 0;
}
.pnsa-pix-feedback {
    margin-top: .75rem;
    font-size: .9rem;
    color: var(--wp--preset--color--brand-700);
    min-height: 1.4em;
}

/* Abas da Secretaria */
.pnsa-tabs .pnsa-tabs__nav a {
    display: inline-block;
    padding: .75rem 1rem;
    border-bottom: 3px solid transparent;
    font-weight: 600;
    color: var(--wp--preset--color--paper-700, #4f4640);
    text-decoration: none;
}
.pnsa-tabs .pnsa-tabs__nav a.is-active {
    color: var(--wp--preset--color--brand-700);
    border-color: var(--wp--preset--color--brand-500);
}
.pnsa-tab-panel { display: none; }
.pnsa-tab-panel.is-active { display: block; }

/* Meta do evento (data/hora/local) */
.pnsa-event-meta {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem 1.5rem;
    background: var(--wp--preset--color--brand-50);
    border: 1px solid var(--wp--preset--color--brand-200);
    border-radius: var(--wp--preset--spacing--10, .5rem);
    padding: 1rem 1.25rem;
}
.pnsa-event-meta strong { color: var(--wp--preset--color--brand-800); }

/* Badge (tipo de conteúdo nos cards) */
.pnsa-badge {
    display: inline-block;
    background: var(--wp--preset--color--brand-100);
    color: var(--wp--preset--color--brand-800);
    font-size: .78rem;
    font-weight: 600;
    padding: .25rem .65rem;
    border-radius: 999px;
}

/* Ícones de contato no rodapé */
.pnsa-contact-item {
    display: flex;
    align-items: center;
    gap: .6rem;
}
.pnsa-contact-item svg { width: 18px; height: 18px; flex-shrink: 0; }

/* Ícones dos blocos de Imagem usados nos padrões já são redimensionáveis
   nativamente pelo próprio bloco (arraste o canto no editor) — nenhum
   CSS extra necessário aqui. */

/* Bloco Navegação: dropdown de "Comunidades" / "Ações Pastorais" */
.wp-block-navigation .wp-block-navigation-submenu__content {
    border-radius: var(--wp--preset--spacing--10, .5rem);
}

/* Link "Secretaria" destacado como botão, dentro do bloco Navegação.
   Seletor propositalmente abrangente: dependendo da versão do WordPress,
   a classe "pnsa-nav-cta" pode cair no <li> ou direto no link. */
.pnsa-nav-cta,
.pnsa-nav-cta > .wp-block-navigation-item__content,
a.wp-block-navigation-item__content.pnsa-nav-cta {
    background: var(--wp--preset--color--brand-500);
    color: #fff !important;
    padding: .5rem 1.1rem;
    border-radius: 999px;
}
.pnsa-nav-cta:hover,
.pnsa-nav-cta > .wp-block-navigation-item__content:hover,
a.wp-block-navigation-item__content.pnsa-nav-cta:hover {
    background: var(--wp--preset--color--brand-700);
}