/* ============================================
   PIQUED JACKS - Chi Siamo Section
   ============================================ */

/* Sfondo panna di default, foto se caricata */
.pj-section--chi-siamo {
  background: var(--pj-panna);
}

.pj-section--chi-siamo .pj-bg {
  background-color: var(--pj-panna);
}

/* Overlay quasi invisibile su sfondo panna, piu scuro se c'e foto */
.pj-section--chi-siamo .pj-overlay {
  background: rgba(232, 226, 212, 0.1);
}

/* Se c'e uno sfondo fotografico, overlay scuro */
.pj-section--chi-siamo .pj-bg[style*="background-image"] ~ .pj-overlay {
  background: rgba(10, 9, 8, 0.68);
}

/* Testo diventa chiaro se c'e foto di sfondo */
.pj-section--chi-siamo .pj-bg[style*="background-image"] ~ .pj-overlay ~ .pj-content .pj-chi-siamo__bio {
  color: var(--pj-cream);
  text-shadow: 0 1px 3px rgba(0,0,0,0.4);
}

.pj-chi-siamo__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 680px;
  text-align: center;
}

/* Bio - senza virgolette, senza label */
.pj-chi-siamo__bio {
  font-family: var(--pj-font-body);
  font-weight: 300;
  font-style: italic;
  font-size: clamp(1.2rem, 2.2vw, 1.6rem);
  line-height: 1.85;
  color: var(--pj-chi-siamo-color, var(--pj-text-dark));
  text-align: justify;
  padding: 0 2rem;
  max-width: 780px;
  opacity: 0;
  animation: pj-fade-up 1s cubic-bezier(0.22, 1, 0.36, 1) 0.2s forwards;
}

/* ============================================
   MOBILE
   ============================================ */
@media (max-width: 768px) {
  .pj-chi-siamo__bio {
    font-size: clamp(1.1rem, 4vw, 1.4rem) !important;
    font-style: italic !important;
    line-height: 1.75 !important;
    text-align: justify !important;
    padding: 0 1.2rem !important;
    color: var(--pj-chi-siamo-color, var(--pj-cream)) !important;
    text-shadow: 0 1px 4px rgba(0,0,0,0.6) !important;
  }

  /* Overlay sempre scuro su mobile se c'e foto */
  .pj-section--chi-siamo .pj-overlay {
    background: rgba(10, 9, 8, 0.55) !important;
  }
}