/* P4WP Single — ajustes responsivos (v1.10.1)
   Objetivo: impedir imagem gigante no smartphone (permalink do produto)
   Seguro: somente escopo em .p4wp-single-container (não interfere no header/logo do tema)
*/

.p4wp-single-container img.p4wp-single-thumb,
.p4wp-single-container .wp-post-image,
.p4wp-single-container .attachment-post-thumbnail{
  display:block;
  width:100%;
  height:auto;
  max-width: 100%;
  object-fit: contain;
  background:#f8fafc;
  border:1px solid #eef2f7;
  border-radius:12px;
}

/* Evita imagem "alta demais" no mobile */
@media (max-width: 640px){
  .p4wp-single-container img.p4wp-single-thumb,
  .p4wp-single-container .wp-post-image,
  .p4wp-single-container .attachment-post-thumbnail{
    max-height: 44vh;          /* limita altura sem cortar (object-fit: contain) */
    width: 100%;
  }
}

/* Hero do produto (usa a imagem cadastrada no post) */
.p4wp-single-container img.p4wp-hero-img{
  display:block;
  max-width:100%;
  width:100%;
  height:auto;
  object-fit: contain;
  background:#f8fafc;
  border:1px solid #eef2f7;
  border-radius:12px;
}

/* Evita hero "alto demais" no mobile (imagem retrato) */
@media (max-width: 640px){
  .p4wp-single-container img.p4wp-hero-img{
    max-height: 42vh;
    width: auto;           /* preserva proporção quando limita altura */
    margin-left: auto;
    margin-right: auto;
  }
}