/*
Theme Name: Sonora Child
Theme URI: https://sonora.qodeinteractive.com
Description: A child theme of Sonora
Author: Select Themes
Author URI: https://qodeinteractive.com
Version: 1.0
Text Domain: sonora
Template: sonora
*/

/* #################################################################################
/* fix items metadata on mobile
################################################################################# */
.archive.tax-portfolio-category .qodef-portfolio-list.qodef-item-layout--info-on-hover article .qodef-e-info {
  visibility: hidden;
  display: none;
}

@media (max-width: 768px) {
.archive.tax-portfolio-category .qodef-portfolio-list.qodef-item-layout--info-on-hover article .qodef-e-content, .qodef-portfolio-list.qodef-item-layout--info-on-hover article .qodef-e-content
{
    padding: 0px 0px 10px 0px;
    margin-bottom: 20px;
    width: 95%;
  }
}

@media (max-width: 768px) {
.qodef-portfolio-list .qodef-e-title {
    padding: 1rem 0rem 0rem 1rem !important;
  }
}

/* #################################################################################
/* fix proofing-galery top padding
################################################################################# */

#qodef-page-inner.qodef-content-grid {
    padding: 0px 0 50px 0 ;
}

/* #################################################################################
 * Estilos base para o shortcode portfolio_proofing_list
 * Aproxima-se do slider da homepage do Sonora
 ################################################################################# */

/* Contém os itens lado a lado e activa snap horizontal */
.portfolio-proofing-list {
  position: relative;
  display: flex;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  width: 100%;
}

/* Oculta a barra de scroll para efeito “slider” */
.portfolio-proofing-list::-webkit-scrollbar {
  display: none;
}

/* Cada item ocupa o ecrã inteiro (largura = 100%) */
.portfolio-proofing-list .portfolio-proofing-item {
  flex: 0 0 100%;
  position: relative;
  scroll-snap-align: start;
  min-height: 100vh;
  overflow: hidden;
}

/* A imagem de destaque cobre todo o item */
.portfolio-proofing-list .portfolio-proofing-item img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Título e etiqueta posicionados no canto inferior esquerdo */
.portfolio-proofing-list .portfolio-proofing-item h3,
.portfolio-proofing-list .portfolio-proofing-item .item-type {
  position: absolute;
  left: 6%;
  z-index: 2;
  color: var(--qode-main-color, #000);
}

/* Título grande em “Cormorant Garamond” com itálico */
.portfolio-proofing-list .portfolio-proofing-item h3 {
  bottom: 80px;
  margin: 0;
  font-family: "Cormorant Garamond", serif;
  font-weight: 300;
  font-style: italic;
  font-size: clamp(2.5rem, 8vw, 5rem);
  line-height: 1.1;
}

/* Etiqueta “Portfolio” ou “Proofing” em maiúsculas mais pequena */
.portfolio-proofing-list .portfolio-proofing-item .item-type {
  bottom: 40px;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  opacity: 0.9;
}