/* Maru Arquitetura — Estilos globais do tema */

.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
}

/* Remove scroll-bar em elementos com no-scrollbar */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* Logo no header / footer — garante alinhamento */
.custom-logo-link img {
  height: 100%;
  width: auto;
  max-height: 32px;
  display: block;
}

/* Galeria de projetos — grid sem gap, igual à referência */
.projeto-gallery .wp-block-gallery,
.projeto-gallery .wp-block-gallery.is-cropped,
.projeto-gallery ul.wp-block-gallery {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 3px !important;
  --wp--style--gallery-gap-default: 3px !important;
}

.projeto-gallery .wp-block-gallery .wp-block-image,
.projeto-gallery .wp-block-gallery li,
.projeto-gallery .wp-block-gallery figure {
  margin: 0 !important;
  padding: 0 !important;
}

.projeto-gallery .wp-block-gallery img {
  width: 100% !important;
  height: 280px !important;
  object-fit: cover !important;
  display: block !important;
  cursor: zoom-in !important;
  transition: transform 0.4s ease !important;
}

.projeto-gallery .wp-block-gallery li:hover img,
.projeto-gallery .wp-block-gallery figure:hover img {
  transform: scale(1.05) !important;
}

@media (max-width: 768px) {
  .projeto-gallery .wp-block-gallery {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 480px) {
  .projeto-gallery .wp-block-gallery {
    grid-template-columns: 1fr !important;
  }
  .projeto-gallery .wp-block-gallery img {
    height: 220px !important;
  }
}

/* Footer logo sem filtro (fundo branco) */
footer .custom-logo-link img {
  filter: none;
}

/* Header logo invertido (sobre fundo escuro) */
header .custom-logo-link img {
  filter: brightness(0) invert(1);
}