/**
 * single-opera.css
 * Stili per il template della singola opera.
 *
 * @package Blankspaces Child
 * @since   1.0
 */

@media (max-width: 1023px) {

.single-opera-hero {
    padding-bottom: 5rem;
}
  }

.single-opera-hero .taxonomy-artista {
    margin-block-start: 0.5em;
    font-size: var(--wp--preset--font-size--large);
    color: var(--wp--preset--color--base-3);
    text-transform: uppercase;
    font-weight: 700;
  }

:is(.single-opera-hero .taxonomy-artista) a {
      font-size: var(--wp--preset--font-size--large);
      color: var(--wp--preset--color--base-3);
      text-transform: uppercase;
      font-weight: 700;
    }

/* ─────────────────────────────────────────────────────────────────────────────
   layout a due colonne
───────────────────────────────────────────────────────────────────────────── */
.single-opera-content {
  margin-block: var(--wp--preset--spacing--60);
}
.single-opera-content .single-opera-content__columns {
    gap: var(--wp--preset--spacing--50);
    padding-bottom: 2rem;
  }

/* ─────────────────────────────────────────────────────────────────────────────
   SCHEDA TECNICA (colonna sinistra)
───────────────────────────────────────────────────────────────────────────── */

.opera-scheda .opera-scheda__riga {
    padding: 0.625rem 0;
    border-bottom: 1px solid var(--wp--preset--color--contrast);
  }

:is(.opera-scheda .opera-scheda__riga):first-child {
      border-top: 1px solid var(--wp--preset--color--contrast);
    }

:is(.opera-scheda .opera-scheda__riga) .opera-scheda__valore {
      font-size: var(--wp--preset--font-size--small);
      font-weight: 500;
      margin: 0;
    }

/* ─────────────────────────────────────────────────────────────────────────────
   TESTO OPERA (colonna destra) — read-more
───────────────────────────────────────────────────────────────────────────── */

.opera-testo p {
  font-size: var(--wp--preset--font-size--medium);
  font-weight: 500;
  line-height: 140%;
  margin-bottom: 1rem;
}

/* Paragrafi nascosti dal read-more.js */
.opera-testo .read-more-hidden {
  display: none;
}

.opera-testo .read-more-visible {
  display: block;
}

.opera-testo__toggle {
  margin-top: 1rem;
}

/* ─────────────────────────────────────────────────────────────────────────────
   IMMAGINE IN EVIDENZA
───────────────────────────────────────────────────────────────────────────── */

.single-opera-featured-image img {
  width: 100%;
  height: auto;
  display: block;
  margin-top: var(--wp--preset--spacing--40, 2rem);
}

/* ─────────────────────────────────────────────────────────────────────────────
   ACCORDION ARTISTA: immagine + bio
───────────────────────────────────────────────────────────────────────────── */

.opera-artista-info__artista {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  align-items: flex-start;
  padding: 1rem 0;
}

.opera-artista-info__artista .opera-artista-info__immagine,.opera-artista-info__artista .opera-artista-info__figura {
    max-width: 260px;
    width: 100%;
    height: auto;
    display: block;
  }

.opera-artista-info__artista .opera-artista-info__content {
    flex: 1 0 60%;
  }

:is(.opera-artista-info__artista .opera-artista-info__content) .opera-artista-info__bio p {
      font-size: var(--wp--preset--font-size--small);
      line-height: 160%;
    }

/* ─────────────────────────────────────────────────────────────────────────────
   VIDEO OPERA
───────────────────────────────────────────────────────────────────────────── */

.opera-video {
  margin-block-start: 4rem;
  margin-block-end: var(--wp--preset--spacing--50) !important;
}

.opera-video .opera-video__embed {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
  }

:is(.opera-video .opera-video__embed) iframe,:is(.opera-video .opera-video__embed) video {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
    }

.opera-video .opera-video__didascalia {
    margin-block-start: 0.5rem;
    font-size: var(--wp--preset--font-size--small);
    font-weight: 500;
    color: var(--wp--preset--color--contrast);
  }

/* ─────────────────────────────────────────────────────────────────────────────
   BACK LINK
───────────────────────────────────────────────────────────────────────────── */

.single-opera-back {
  margin-top: var(--wp--preset--spacing--50);
  margin-bottom: var(--wp--preset--spacing--40) !important;
}

.single-opera-back .single-opera-back__link {
    font-size: var(--wp--preset--font-size--xxx-large);
    width: 100%;
  }

:is(.single-opera-back .single-opera-back__link):hover {
      color: var(--wp--preset--color--base-3);
    }

/* ─────────────────────────────────────────────────────────────────────────────
   RESPONSIVE
───────────────────────────────────────────────────────────────────────────── */

@media (max-width: 1024px) {
  .single-opera-hero__columns {
    flex-direction: column;
  }

  .opera-artista-info__artista {
    grid-template-columns: 1fr;
  }

  .opera-artista-info__immagine {
    max-width: 160px;
  }
}