/**
 * Hope WF — Lupiae Maris
 * Override colori hardcoded del parent theme.css
 * I colori derivano dal CSS originale di lupiaemaris.it
 */

/* ── Font globale ──────────────────────────────────────── */
* {
  font-family: "Dosis", sans-serif !important;
}

/* ── Custom properties (identiche all'originale) ───────── */
:root {
  --azzurrino: #3d6c77;
  --verde_acqua: #46babd;
  --viola: #9c60a3;
  --grigino: #788aac;
}

/* ── Slider apertura ───────────────────────────────────── */
#sliderApertura .carousel-indicators {
  margin-bottom: -4rem;
}
#sliderApertura .carousel-indicators .active {
  background-color: var(--viola) !important;
}
#sliderApertura .carousel-caption {
  top: 58% !important;
  text-align: center !important;
  display: block !important;
}
#sliderApertura .carousel-caption h3 {
  font-size: 4rem !important;
  font-weight: 700 !important;
}

/* ── Numeri ─────────────────────────────────────────────── */
#numeri {
  margin-top: 3rem;
}
#numeri .single:not(:last-of-type) {
  border-right: 1px solid var(--grigino);
}
#numeri .single h5 {
  color: var(--verde_acqua) !important;
  font-weight: 500 !important;
}
#numeri .single span {
  color: var(--grigino) !important;
}

/* ── Parco (Il Progetto) ───────────────────────────────── */
#parco {
  background-color: var(--viola) !important;
}
#parco p {
  font-size: 1.3rem;
}
#parco .parcoFaq .single p {
  display: none;
}
#parco .parcoFaq .single:not(:last-of-type) {
  border-top: none !important;
  border-bottom: 1px solid white !important;
}
#parco .parcoFaq .single:last-of-type {
  border-top: none !important;
  border-bottom: none !important;
}

/* ── Fascia foto ───────────────────────────────────────── */
#fasciaFoto img {
  display: block;
}

/* ── Sostenibilita (struttura match, solo CSS) ─────────── */

/* ── Intervisibilita ───────────────────────────────────── */

/* ── Media ─────────────────────────────────────────────── */

/* ── Chi Siamo ─────────────────────────────────────────── */
#chisiamo {
  background-color: #f2f2f2 !important;
  color: var(--grigino) !important;
}
#chisiamo p {
  color: var(--grigino) !important;
  text-align: center;
  font-size: 1.4rem;
  padding: 0 11rem;
  font-weight: 100;
}
#chisiamo hr {
  margin: 0.8rem 0;
  color: inherit;
  background-color: var(--grigino);
  border: 0;
  opacity: 1;
}

/* ── Footer ────────────────────────────────────────────── */
#footer {
  background-color: #f2f2f2 !important;
  background-image: url("/wp-content/uploads/2023/06/LMwebsite_elements_fondo_footer-1-e1687342933868.png") !important;
  background-position: top center !important;
  padding-top: 32rem !important;
}
.loghi_footer > div h6 {
  color: white !important;
  border-bottom-color: white !important;
}

/* ── Responsive overrides ──────────────────────────────── */
@media only screen and (max-width: 1200px) {
  #sliderApertura .carousel-caption h3 {
    font-size: 8vw !important;
    font-weight: 700 !important;
    margin-bottom: 18vw !important;
  }
  #numeri .single {
    border-right: none !important;
  }
  #chisiamo p {
    padding: 0 !important;
  }
  #footer {
    padding-top: 78vw !important;
    background-size: cover !important;
  }
  .contatti_footer p {
    width: 100%;
    margin-bottom: 2rem;
    text-align: center;
  }
}

/* ── Override font admin bar (mantiene font sistema WP, evita Dosis) ── */
#wpadminbar,
#wpadminbar * {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
}