/* ============================================================
   Ajustes específicos do WordPress (complementa style.css do protótipo)
   ============================================================ */

/* Barra do admin: header fixo abaixo dela */
body.admin-bar .header { top: 32px; }
@media (max-width: 782px) { body.admin-bar .header { top: 46px; } }

/* Menu gerado pelo WordPress dentro de .nav / .drawer__nav */
.nav ul li, .drawer__nav li { list-style: none; }

/* Logos das marcas (quando enviadas) */
/* 10px de respiro dentro do card; o logo ocupa o espaço interno restante */
.marcas__item { padding: 10px; }
.marcas__item img { max-height: 100%; max-width: 100%; width: auto; height: auto; object-fit: contain; }

/* Mensagens dos formulários AJAX */
.formulario__aviso.is-erro { color: var(--dm-red-500); }
.formulario__aviso.is-ok { color: var(--dm-success); }
form.is-enviando button[type="submit"] { opacity: .6; pointer-events: none; }
.newsletter form .formulario__aviso { margin: 10px 0 0; font-size: var(--dm-text-sm); font-weight: 600; }

/* Selo do grupo com logo enviada */
.about__badge img { max-height: 34px; width: auto; }

/* Hero: título dos slides secundários com o mesmo tamanho do h1 */
.hero__text .h1 { font-size: inherit; }
.hero__text h2.h1 { color: inherit; }

/* Conteúdo do editor nas notícias */
.artigo__texto img { border-radius: var(--dm-radius-lg); height: auto; }
.artigo__texto figure { margin: 24px 0; }
.artigo__texto figcaption { font-size: var(--dm-text-sm); color: var(--dm-text-muted); margin-top: 8px; }
.artigo__texto .wp-block-embed iframe { max-width: 100%; }
.artigo__texto ul, .artigo__texto ol { padding-left: 1.2em; margin-bottom: 16px; }
.artigo__texto ul li { list-style: disc; }
.artigo__texto ol li { list-style: decimal; }

/* Chips como links (taxonomia) */
a.chip { display: inline-flex; }

/* Paginação nativa (index.php) */
.pagination .nav-links { display: flex; gap: 8px; justify-content: center; margin-top: 32px; }
.pagination .page-numbers { padding: 8px 14px; border: 1px solid var(--dm-border); border-radius: 999px; }
.pagination .page-numbers.current { background: var(--dm-blue-500); color: #fff; border-color: var(--dm-blue-500); }

/* Card de loja "em breve" com botão único e loja aberta com dois botões */
.store-card__foot { display: flex; gap: 8px; flex-wrap: wrap; }
.store-card__foot .btn--block { flex: 1; }

/* Mosaico com uma foto só */
.mosaico .mosaico__item--grande:only-child { grid-column: 1 / -1; grid-row: 1 / -1; }

/* Campo honeypot */
.sr-only[aria-hidden="true"] { position: absolute !important; left: -9999px !important; }

/* ============================================================
   Modal de aviso (substitui alert() do navegador) — dmAviso() em main.js
   ============================================================ */
.dm-modal { position: fixed; inset: 0; z-index: 300; display: flex; align-items: center; justify-content: center;
  padding: 20px; background: rgba(0, 6, 41, .55); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);
  opacity: 0; transition: opacity var(--dm-duration-base) var(--dm-ease-out); }
.dm-modal.is-aberto { opacity: 1; }
.dm-modal__caixa { position: relative; width: 100%; max-width: 440px; background: #fff; border-radius: var(--dm-radius-lg);
  box-shadow: 0 24px 64px rgba(0, 6, 41, .28); padding: 36px 28px 28px; text-align: center; overflow: hidden;
  transform: translateY(12px) scale(.98); transition: transform var(--dm-duration-base) var(--dm-ease-out); }
.dm-modal.is-aberto .dm-modal__caixa { transform: none; }
/* faixa da marca no topo */
.dm-modal__caixa::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 6px; background: var(--dm-gradient-brand); }
.dm-modal__icone { width: 64px; height: 64px; margin: 0 auto 18px; border-radius: 50%; display: grid; place-items: center;
  background: rgba(198, 0, 0, .08); color: var(--dm-red-500); }
.dm-modal__icone svg { width: 30px; height: 30px; stroke-width: 2; }
.dm-modal__caixa h2 { font-size: var(--dm-text-xl); line-height: var(--dm-lh-snug); color: var(--dm-blue-500); margin: 0 0 10px; }
.dm-modal__caixa p { color: var(--dm-neutral-600); margin: 0 auto 24px; max-width: 34ch; }
.dm-modal__acoes { display: flex; flex-direction: column; gap: 10px; }
.dm-modal__acoes .btn { width: 100%; }
@media (min-width: 480px) { .dm-modal__acoes { flex-direction: row-reverse; justify-content: center; } .dm-modal__acoes .btn { width: auto; min-width: 140px; } }
.dm-modal__fechar { position: absolute; top: 14px; right: 14px; width: 36px; height: 36px; border: 0; border-radius: 50%;
  background: transparent; color: var(--dm-neutral-500); display: grid; place-items: center; }
.dm-modal__fechar:hover { background: var(--dm-neutral-50); color: var(--dm-blue-500); }
.dm-modal__fechar svg { width: 20px; height: 20px; }
@media (prefers-reduced-motion: reduce) { .dm-modal, .dm-modal__caixa { transition: none; } }

/* ============================================================
   Crédito "Desenvolvido por" na linha final do rodapé (discreto)
   ============================================================ */
.footer__bottom-dir { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.footer__credito { display: inline-flex; align-items: center; gap: 8px; font-size: 11px; letter-spacing: .02em;
  color: rgba(255, 255, 255, .7); opacity: .55; transition: opacity var(--dm-duration-base) var(--dm-ease-standard); }
.footer__credito:hover, .footer__credito:focus-visible { opacity: 1; }
.footer__credito-logo { height: 16px; width: auto; display: block; }