/* ============================================================
   Ottimizzazioni SOLO mobile (max-width: 767px).
   Nessuna regola fuori dalla media query: il desktop non cambia.
   ============================================================ */

@media only screen and (max-width: 767px) {
  /* --- Header: logo ridotto, a destra resta solo il selettore lingua --- */
  .header-area-2 .header__logo img {
    max-width: 150px;
  }
  .header-area-2 .header-menu-link {
    display: none;
  }

  /* --- Titoli di sezione uniformi (su mobile erano un mix di 33px e 50px) --- */
  h1.section-title {
    font-size: 34px !important;
    line-height: 1.12 !important;
  }
  h2.section-title {
    font-size: 28px !important;
    line-height: 1.15 !important;
  }

  /* --- Testi del corpo uniformati a 16px (alcuni erano 14/15px) --- */
  .clients-testimonials-grid.services-wrapper-3 .service-box .text,
  .luce-prive-area .funfact-item .text,
  .private-service-intro .text,
  .private-service-area .feature-box .text,
  .fun-fact-area.fun-fact-7 .fun-fact__item.has--card .content h6 {
    font-size: 16px;
    line-height: 1.7;
  }

  /* --- Sezione "Francesca D'Onofrio": foto e testo non devono uscire dallo schermo.
         La riga credenziali (nowrap) allargava la griglia oltre il viewport --- */
  .value-area .section-content-wrapper {
    grid-template-columns: minmax(0, 1fr);
  }
  .value-area .section-content-wrapper > * {
    min-width: 0;
    max-width: 100%;
  }
  .value-area .about-credentials-line {
    white-space: normal;
    line-height: 1.8;
  }
  .value-area .section-thumb img {
    margin-top: 0;
  }

  /* --- Pagina contatti: stessi criteri (titolo come la home, corpo a 15-16px) --- */
  .contact-logo-only .hero__h1 {
    font-size: 34px;
    line-height: 1.15;
  }
  .contact-logo-only .hero__h1-note {
    font-size: 14px;
  }
  .contact-logo-only .hero__sub {
    font-size: 16px;
    line-height: 1.7;
  }
  .contact-logo-only .body-p {
    font-size: 16px;
    line-height: 1.7;
  }
  .contact-logo-only .contact-method-steps div {
    font-size: 15px;
  }
  .contact-logo-only .contact-method-lead,
  .contact-logo-only .contact-method-caveat {
    font-size: 13px;
  }

  /* --- Nessun pulsante deve superare lo schermo --- */
  .cta-stack,
  .cta-stack .rr-btn,
  .cta-stack .rr-btn-secondary {
    max-width: 100%;
  }

  /* --- Box contatti (Telefono / E-mail): l'email non deve uscire dallo schermo --- */
  .contact-boxes-refined .counter-wrapper {
    grid-template-columns: 1fr;
  }
  .contact-boxes-refined .funfact-item {
    min-height: 0;
    padding: 26px 22px;
  }
  .contact-boxes-refined .funfact-item .text {
    font-size: 19px;
    overflow-wrap: anywhere;
    text-underline-offset: 5px;
  }

  /* --- CTA affiancate (es. "Ottieni una consulenza" + "Come si svolge"):
         in colonna a tutta larghezza invece che schiacciate --- */
  .cta-stack {
    flex-direction: column;
    align-items: stretch;
  }
  .cta-stack .rr-btn,
  .cta-stack .rr-btn-secondary {
    width: 100%;
    white-space: normal;
  }

  /* --- Card testimonianze "Le parole delle clienti":
         altezza basata sul contenuto, senza grandi vuoti --- */
  .fun-fact-area.fun-fact-7 .fun-fact-wrapper {
    grid-auto-rows: auto;
  }
  .fun-fact-area.fun-fact-7 .fun-fact__item.has--card {
    min-height: 0;
  }
  .fun-fact-area.fun-fact-7 .fun-fact__item.has--card .content h6 span:first-of-type {
    margin-top: 18px;
  }
}