/* =========================================================
   SINGLE PROJETOS — Correções pontuais (ACF ok + sem footer)
   Não mexe na sua "barra roxa" da galeria (mantém como está)
========================================================= */

body.single-projetos{
  overflow: hidden;              /* evita scroll do body (duas barras) */
  background: #F8F8F8;
  color: #7700FF;
}

/* =========================================================
   FIX DO "HEADER GORDO" QUANDO LOGADO (ADMIN BAR)
   WordPress empurra a página (html margin-top / body padding-top)
   + seu header também desce 32px -> DUPLICA
========================================================= */

/* 1) Remove o empurrão global do WP quando logado */
body.single-projetos.admin-bar{
  padding-top: 0 !important;
  margin-top: 0 !important;
}

body.single-projetos.admin-bar #wpadminbar{
  position: fixed !important; /* garante que a barra fique no topo */
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
}

/* WP costuma aplicar isso no html quando logado */
body.single-projetos.admin-bar html,
html{
  margin-top: 0 !important;
}

/* Alguns temas aplicam via estilo inline no html: força também */
html[style*="margin-top"]{
  margin-top: 0 !important;
}

/* =========================================================
   remove header padrão do tema (pra não duplicar)
========================================================= */
body.single-projetos header.site-header,
body.single-projetos #masthead,
body.single-projetos .site-header,
body.single-projetos .wp-block-template-part.header,
body.single-projetos .wp-site-blocks > header{
  display:none !important;
}

/* remove QUALQUER footer no single projetos */
body.single-projetos footer,
body.single-projetos .site-footer,
body.single-projetos #colophon,
body.single-projetos .wp-block-template-part.footer,
body.single-projetos .wp-site-blocks > footer,
body.single-projetos .gp-footer,
body.single-projetos .footer,
body.single-projetos .footer-area,
body.single-projetos .copyright,
body.single-projetos .site-info{
  display:none !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}

/* --- estrutura --- */
.gp-project{
  height: 100vh;
  display: flex;
  flex-direction: column;
}

.gp-project__header{
  height: 60px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding: 0 28px;
  border-bottom: 1px solid #7700FF;
  background: #F8F8F8;
  z-index: 10;
}

/* sticky */
body.admin-bar .gp-project__header{
  position: sticky;
  top: 32px; /* respeita admin bar */
}
body:not(.admin-bar) .gp-project__header{
  position: sticky;
  top: 0;
}

.gp-project__brand{
  display:flex;
  gap: 10px;
  align-items: baseline;
  font-size: 16px;
}

.gp-project__brand-link{
  color:#7700FF;
  text-decoration:none;
  font-weight:600;
}
.gp-project__brand-sep,
.gp-project__tagline{ color:#7700FF; }

.gp-project__back{
  border: 1px solid #7700FF;
  background: transparent;
  color:#7700FF;
  padding: 6px 20px;
  border-radius: 999px;
  cursor:pointer;
  font-size: 14px;
  line-height: 1;
}

.gp-project__main{
  height: calc(100vh - 60px);
  display:flex;
}

/* 28% / 72% */
.gp-project__text{
  width: 28%;
  padding: 34px 34px 34px 34px;
  overflow-y: auto;
  border-right: 1px solid #7700FF;
}

/* scrollbar do TEXTO invisível (mas continua scrollando) */
.gp-project__text{
  scrollbar-width: none; /* firefox */
}
.gp-project__text::-webkit-scrollbar{
  width: 0;
  height: 0;
}

/* conteúdo texto */
.gp-pill{
  display:inline-block;
  padding: 6px 12px;
  border-radius: 999px;
  background:#7700FF;
  color:#F8F8F8;
  font-size: 14px;
  line-height: 1;
  margin-bottom: 18px;
}

.gp-title{
  margin: 0 0 14px 0;
  font-size: 56px;
  line-height: 1.02;
  font-weight: 800;
  color:#7700FF;
}

.gp-meta{
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 18px;
  color:#7700FF;
}

.gp-desc{
  font-size: 15px;
  line-height: 1.75;
  color:#7700FF;
  margin-bottom: 26px;
}

.gp-credits__title{
  font-size: 18px;  /* pedido: bold 18 */
  font-weight: 800;
  margin-bottom: 10px;
  color:#7700FF;
}
.gp-credits__name{
  font-size: 16px;  /* pedido: nomes 16 regular */
  font-weight: 400;
  line-height: 1.6;
  color:#7700FF;
}

/* galeria ocupa TUDO da área reservada */
.gp-project__gallery{
  width: 72%;
  overflow-y: auto;
  background: #F8F8F8;
}

.gp-project__gallery-inner{
  padding: 0;              /* sem respiro: ocupa toda a área */
  max-width: none;
}

/* capa com o MESMO espaçamento das outras */
.gp-cover{
  margin: 0 0 8px 0;
}
.gp-cover__img{
  width: 100%;
  height: auto;
  display:block;
  border: 0 !important;
  outline: 0 !important;
}

/* Gutenberg gallery */
.gp-project__gallery .wp-block-gallery{
  margin: 0;
  padding: 0;
  display:flex;
  flex-direction: column;
  gap: 12px;               /* gap pequeno */
}
.gp-project__gallery .wp-block-image{
  margin: 0 !important;
}
.gp-project__gallery .wp-block-image img{
  width: 100%;
  height: auto;
  display:block;
  border: 0 !important;
  outline: 0 !important;
}

/* Shortcode [gallery] */
.gp-project__gallery .gallery{
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;   /* remove borda cinza */
}
.gp-project__gallery .gallery-item{
  width: 100% !important;
  margin: 0 0 0 0 !important; /* gap pequeno */
  float: none !important;
}
.gp-project__gallery .gallery-item:last-child{
  margin-bottom: 0 !important;
}
.gp-project__gallery .gallery-icon img{
  width: 100% !important;
  height: auto !important;
  display:block !important;
  border: 0 !important;   /* remove borda cinza */
}

/* Shortcode [gallery] — usar GAP (melhor) */
.gp-project__gallery .gallery{
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0px !important; /* distância entre imagens */
}

.gp-project__gallery .gallery-item{
  margin: 0 !important;       /* importante: deixa o gap fazer o trabalho */
  width: 100% !important;
  float: none !important;
}

/* responsivo */
@media (max-width: 980px){
  body.single-projetos{ overflow:auto; }
  .gp-project__main{ height:auto; flex-direction:column; }
  .gp-project__text{ width: 100%; border-right:0; border-bottom:1px solid #7700FF; }
  .gp-project__gallery{ width: 100%; overflow: visible; }
}

/* 1) TRAVA o scroll global (remove a barra “extra” da página) */
html, body{
  height: 100%;
  overflow: hidden !important;
}

/* 2) Garante que só texto e galeria rolem */
.gp-project{
  height: 100vh;
  overflow: hidden !important;
}

.gp-project__main{
  height: calc(100vh - 60px);
  overflow: hidden !important;
}

/* 3) Só esses dois podem rolar */
.gp-project__text{
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-top: 30px; /* seu respiro proposital */
}

.gp-project__gallery{
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

/* 4) Se algum “container” interno estiver criando scroll, mata */
.gp-project__gallery-inner,
.gp-project__text *{
  overflow: visible;
}

/* =========================================================
   FIX DEFINITIVO — HEADER DO SINGLE (anti override / anti cache)
========================================================= */

body.single-projetos{
  --gp-header-h: 60px; /* MUDA AQUI e pronto */
}

/* header sempre com a mesma altura REAL */
body.single-projetos .gp-project__header{
  height: var(--gp-header-h) !important;
  min-height: var(--gp-header-h) !important;
  max-height: var(--gp-header-h) !important;

  padding: 0 28px !important;
  box-sizing: border-box !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  border-bottom: 1px solid #7700FF !important;
  background: #F8F8F8 !important;

  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;

  overflow: hidden !important;
}

/* se estiver logado (admin-bar), empurra certinho */
body.single-projetos.admin-bar .gp-project__header{
  top: 32px !important;
}