/* ==================================================
   DONNE FASTIDIOSE - PAGINA BIO
   Struttura ispirata a viaggianti_bio.
   Colore guida: rosso vermiglione della pagina Donne Fastidiose.
   ================================================== */

.donnefastidiose-bio-page .df-bio-header {
  width: min(100% - 2rem, var(--df-container));
  margin: 0 auto;
  padding: 2rem 0 0;
}

.donnefastidiose-bio-page .df-bio-title {
  margin: 0 0 1rem;
  color: var(--df-red-orange);
  font-family: inherit;
  font-size: 2.8em;
  font-weight: 400;
  line-height: 1.3;
  text-align: center;
}

.donnefastidiose-bio-page .df-bio-main {
  width: min(100% - 2rem, var(--df-container));
  margin: 1rem auto 1.5rem;
}

.donnefastidiose-bio-page .df-bio-content {
  width: 100%;
}

.donnefastidiose-bio-page .df-bio-intro {
  margin: 0 0 1rem;
  color: var(--df-text);
  font-family: "Manrope", "Segoe UI", Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.7;
  text-align: center;
}

.donnefastidiose-bio-page .df-bio-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
  width: 100%;
}

.donnefastidiose-bio-page .df-bio-entry {
  scroll-margin-top: 1.5rem;
  padding: 1.6rem;
  background: var(--df-white);
  border-radius: var(--df-radius);
  box-shadow: var(--df-shadow);
}

.donnefastidiose-bio-page .df-bio-entry.card--primary {
  border-top: 6px solid var(--df-red-orange);
}

.donnefastidiose-bio-page .df-bio-entry.card--accent {
  border-top: 6px solid var(--df-orange);
  background: #fffaf6;
}

.donnefastidiose-bio-page .df-bio-entry:target {
  outline: 4px solid rgba(194, 31, 12, .24);
  outline-offset: 4px;
}

.donnefastidiose-bio-page .df-bio-entry h3 {
  margin: 0 0 .8rem;
  color: var(--df-red-orange);
  font-size: 1.35rem;
  line-height: 1.3;
}

.donnefastidiose-bio-page .df-bio-entry h3 a,
.donnefastidiose-bio-page .df-bio-entry h3 a:visited {
  color: inherit;
  text-decoration: none;
}

.donnefastidiose-bio-page .df-bio-entry h3 a:hover,
.donnefastidiose-bio-page .df-bio-entry h3 a:focus-visible {
  color: #8F1508;
}

.donnefastidiose-bio-page .df-bio-text {
  min-height: 8rem;
  padding: 1rem 0;
  border-top: 1px solid rgba(194, 31, 12, .16);
  border-bottom: 1px solid rgba(194, 31, 12, .16);
  font-family: "Manrope", "Segoe UI", Arial, sans-serif;
  line-height: 1.72;
}

.donnefastidiose-bio-page .df-bio-text p {
  margin: 0;
}

.donnefastidiose-bio-page .df-bio-back {
  margin: .9rem 0 0;
}

.donnefastidiose-bio-page .df-bio-back .vai,
.donnefastidiose-bio-page .df-bio-back .vai:visited {
  color: var(--df-red-orange);
  font-weight: 700;
  text-decoration: none;
}

.donnefastidiose-bio-page .df-bio-back .vai:hover,
.donnefastidiose-bio-page .df-bio-back .vai:focus-visible {
  color: #8F1508;
  text-decoration: underline;
}

@media (max-width: 48rem) {
  .donnefastidiose-bio-page .df-bio-header,
  .donnefastidiose-bio-page .df-bio-main {
    width: min(100% - 1rem, var(--df-container));
  }

  .donnefastidiose-bio-page .df-bio-header {
    padding-top: 1rem;
  }

  .donnefastidiose-bio-page .df-bio-title {
    font-size: 2.2em;
    margin-bottom: .75rem;
  }

  .donnefastidiose-bio-page .df-bio-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .donnefastidiose-bio-page .df-bio-entry {
    padding: 1.25rem;
  }

  .donnefastidiose-bio-page .df-bio-text {
    min-height: 0;
  }
}

/* ==================================================
   DONNE FASTIDIOSE BIO - TESTATA FULL VIEWPORT + GRID RESPONSIVA
   ================================================== */

/* L'immagine di testata occupa tutta la larghezza visibile della finestra. */
.donnefastidiose-bio-page .df-bio-hero-image {
  display: block;
  width: 100vw;
  max-width: none;
  height: auto;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  object-fit: cover;
}

/* Desktop ampio: quattro card per riga. */
.donnefastidiose-bio-page .df-bio-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(.85rem, 1.4vw, 1.5rem);
}

/* Testo fluido: diminuisce progressivamente senza perdere leggibilità. */
.donnefastidiose-bio-page .df-bio-entry {
  padding: clamp(1rem, 1.45vw, 1.6rem);
}

.donnefastidiose-bio-page .df-bio-entry h3 {
  font-size: clamp(1.05rem, 1.35vw, 1.35rem);
}

.donnefastidiose-bio-page .df-bio-text,
.donnefastidiose-bio-page .df-bio-back,
.donnefastidiose-bio-page .df-bio-intro {
  font-size: clamp(.94rem, 1.05vw, 1rem);
}

/* Schermi medi: tre colonne. */
@media (max-width: 68rem) {
  .donnefastidiose-bio-page .df-bio-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Tablet: due colonne. */
@media (max-width: 50rem) {
  .donnefastidiose-bio-page .df-bio-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
  }

  .donnefastidiose-bio-page .df-bio-entry h3 {
    font-size: 1.08rem;
  }

  .donnefastidiose-bio-page .df-bio-text,
  .donnefastidiose-bio-page .df-bio-back,
  .donnefastidiose-bio-page .df-bio-intro {
    font-size: .95rem;
  }
}

/* Smartphone: una colonna, testo compatto ma ancora leggibile. */
@media (max-width: 34rem) {
  .donnefastidiose-bio-page .df-bio-grid {
    grid-template-columns: 1fr;
    gap: .85rem;
  }

  .donnefastidiose-bio-page .df-bio-entry {
    padding: 1rem;
  }

  .donnefastidiose-bio-page .df-bio-entry h3 {
    font-size: 1.05rem;
  }

  .donnefastidiose-bio-page .df-bio-text,
  .donnefastidiose-bio-page .df-bio-back,
  .donnefastidiose-bio-page .df-bio-intro {
    font-size: .94rem;
    line-height: 1.62;
  }
}

/* ==================================================
   DONNE FASTIDIOSE BIO - TESTATA E TOPBAR COME GRIGLIA
   Immagine e topbar seguono esattamente la larghezza del
   contenitore che ospita la griglia delle card.
   ================================================== */

.donnefastidiose-bio-page .df-bio-header {
  width: min(100% - 2rem, var(--df-container));
}

.donnefastidiose-bio-page .df-bio-hero-image {
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.donnefastidiose-bio-page .df-bio-header .topbar {
  width: 100%;
  max-width: none;
}

@media (max-width: 48rem) {
  .donnefastidiose-bio-page .df-bio-header {
    width: min(100% - 1rem, var(--df-container));
  }
}

/* ==================================================
   DONNE FASTIDIOSE BIO - SPAZI VERTICALI TESTATA
   ================================================== */

.donnefastidiose-bio-page .df-bio-hero-image {
  margin-bottom: .75rem;
}

.donnefastidiose-bio-page .df-bio-header .topbar {
  margin-bottom: .85rem;
}

.donnefastidiose-bio-page .df-bio-title {
  margin-top: 0;
  margin-bottom: 1rem;
}

@media (max-width: 48rem) {
  .donnefastidiose-bio-page .df-bio-hero-image {
    margin-bottom: .55rem;
  }

  .donnefastidiose-bio-page .df-bio-header .topbar {
    margin-bottom: .65rem;
  }

  .donnefastidiose-bio-page .df-bio-title {
    margin-bottom: .8rem;
  }
}