/* catalogue.css */

/* Fundo e espaçamentos da seção de catálogo */
.catalogue-section {
    background-color: #F3F2EC;
  }
  
  /* Estilos para os itens do catálogo */
  .product-item {
    background: #fff;
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    position: relative;
  }
  
  .product-style {
    margin: 0;
    position: relative;
  }
  
  .product-style img {
    max-width: 100%;
    height: auto;
  }
  
  /* Botão de "Add to Cart" posicionado sobre a imagem */
  .add-to-cart {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #C5A992;
    color: #fff;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
  }
  
  /* Figcaption com informações do livro */
  .product-item figcaption {
    padding-top: 10px;
  }
  
  .product-item figcaption h3 {
    font-size: 1.1rem;
    margin: 0 0 5px;
  }
  
  .product-item figcaption p {
    font-size: 0.9rem;
    margin: 0 0 10px;
    color: #757575;
  }
  
  .item-price {
    font-weight: bold;
    color: #C5A992;
  }
  
  /* Ajusta o container do livro para permitir posicionamento absoluto */
.product-style {
  position: relative;
  overflow: hidden; /* caso queira esconder o que passar dos limites */
}

/* A faixa preta (Add to Cart) inicia “escondida” fora da imagem */
.product-style .add-to-cart {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.8); /* faixa preta semi-transparente */
  color: #fff;
  text-align: center;
  padding: 10px 0;
  font-size: 0.9rem;
  text-transform: uppercase;
  cursor: pointer;
  
  /* inicia fora do campo de visão */
  transform: translateY(100%);
  opacity: 0;
  transition: all 0.3s ease;
}

/* Ao passar o mouse no .product-style, a faixa desliza para cima */
.product-style:hover .add-to-cart {
  transform: translateY(0);
  opacity: 1;
}