/* Ottimizzazioni per smartphone del sito statico ideapulizie.it (ottobre 2026).
   Caricato per ultimo: corregge caratteri troppo grandi, testo giustificato e margini eccessivi. */
@media (max-width: 767px) {
  /* Spazi delle sezioni: da 100px a 50px (70px per le fasce con foto) */
  .vc_row.padding_100 { padding-top: 50px !important; padding-bottom: 50px !important; }
  .vc_row.vc_parallax.padding_100 { padding-top: 70px !important; padding-bottom: 70px !important; }
  .vc_custom_1469485458858 { margin-top: 25px !important; margin-bottom: 25px !important; }

  /* Foto delle fasce ferme e centrate: l'effetto parallasse su telefono le spostava lasciando spazi bianchi */
  .vc_parallax .vc_parallax-inner { height: 100% !important; top: 0 !important; transform: none !important; }

  /* Titoli delle fasce (Chi Siamo, L'Azienda, Servizi): da 70px a 40px */
  h1.heading { font-size: 40px !important; line-height: 1.15 !important; margin: 0 !important; }
  #contatti h1.heading { font-size: 28px !important; line-height: 1.3 !important; text-shadow: 0 1px 8px rgba(20, 40, 90, .75); }

  /* Testi: niente giustificato (creava grandi spazi tra le parole) e misure leggibili */
  .vc_custom_heading[style*="justify"] { text-align: left !important; }
  h2.vc_custom_heading { font-size: 22px !important; line-height: 1.45 !important; margin-bottom: 16px !important; }
  h3.vc_custom_heading { font-size: 17px !important; line-height: 1.6 !important; margin-bottom: 14px !important; }
  h2.heading { font-size: 28px !important; line-height: 1.3 !important; margin-bottom: 10px !important; }
  h3.sub_heading_text { font-size: 18px !important; line-height: 1.5 !important; }

  /* Pulsanti: testo piu piccolo e mai oltre i margini */
  .vc_btn3.vc_btn3-size-lg { font-size: 17px !important; max-width: 100%; box-sizing: border-box; white-space: normal; }
  .vc_btn3.vc_btn3-size-lg:not(.vc_btn3-icon-left) { padding: 14px 22px !important; }
  /* Pulsanti email e telefono: larghi quanto il testo della pagina, icona a sinistra */
  .vc_btn3-container.vc_btn3-left { text-align: center !important; }
  a.vc_btn3.vc_btn3-icon-left { display: block !important; width: 100% !important; font-size: 19px !important; text-align: center !important; padding: 18px 20px 18px 52px !important; }

  /* Logo nella sezione contatti, centrato */
  .wpb_single_image.vc_align_right { text-align: center !important; }
  img[src*="idea-servizi-logo-300"] { max-width: 200px !important; height: auto !important; }

  /* Intestazione fissa durante lo scorrimento: da 140px a 70px, copriva quasi un quinto dello schermo.
     In cima alla pagina resta come prima. */
  header.fixed_scroll .header_section, header.fixed_scroll .mt_container { height: 70px !important; min-height: 0 !important; }
  header.fixed_scroll a.logo, header.fixed_scroll a.logo img { height: 60px !important; width: auto !important; max-height: 60px !important; }
  header.fixed_scroll a.logo { margin-top: 5px !important; }
  header.fixed_scroll .side_buttons { height: 70px !important; display: flex !important; align-items: center; }
  header.fixed_scroll .mobile-menu { margin: 0 !important; padding: 0 !important; line-height: 1 !important; }

  /* Pagine Privacy e Cookie */
  .entry-content .well h2 { font-size: 26px !important; line-height: 1.3 !important; }
  .entry-content .well h3 { font-size: 19px !important; line-height: 1.35 !important; margin-top: 24px !important; }
  .entry-content .well p { font-size: 15px !important; line-height: 1.65 !important; }
}

/* Pagine Privacy e Cookie, tutte le misure: testo grigio troppo chiaro, scurito per leggibilita */
.entry-content .well p, .entry-content .well li { color: #4a4f55; }

/* Smartphone: lo slogan "Pulizie condominiali e uffici" finiva in parte sotto l'intestazione fissa (alta 140px).
   Viene centrato nella parte blu visibile sotto l'intestazione (lo slider e alto circa il 70% della larghezza). */
@media (max-width: 480px) {
  .tp-parallax-wrap:has(#slide-1-layer-3) { top: calc(53px + 35vw) !important; }
}