/* 🔥 FIX GLOBALI PER MOBILE */

/* Rimuove lo scroll orizzontale */
html, body {
  overflow-x: hidden !important;
  width: 100% !important;
}

/* Impedisce a immagini e video di uscire dal contenitore */
img, video {
  max-width: 100%;
  height: auto;
}

/* Immagini sempre responsive */
img {
  width: 100%;
  height: auto;
  display: block;
}

/* Fix Bootstrap container - centratura corretta */
.container, .row {
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Fix animazioni AOS su schermi piccoli */
@media (max-width: 768px) {
  [data-aos="fade-right"],
  [data-aos="fade-left"] {
    transform: translateX(0) !important;
    opacity: 1 !important;
  }
}

/* Fix titoli troppo grandi su mobile */
@media (max-width: 768px) {
  h1, h2, h3, h4 {
    font-size: 1.6rem !important;
    text-align: center !important;
  }
}

/* Fix card servizi */
.service-card {
  text-align: center !important;
}

.service-content {
  text-align: left !important;
  padding: 10px;
  max-width: 750px;        /* limite larghezza testo per leggibilità */
  margin: 0 auto;          /* centra il blocco del testo */
}

/* Fix immagini servizi */
.service-image {
  max-width: 100% !important;
  height: auto !important;
  border-radius: 10px;
}

/* 📌 SPAZIATURA TESTI – valida per tutte le lingue */
p,
span,
li,
.service-content p,
section p {
  line-height: 1.8 !important;
  margin-top: 12px !important;
  margin-bottom: 22px !important;
}

/* 📌 SPAZIATURA TITOLI – valida per tutte le lingue */
h1, h2, h3, h4, h5 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

/* Spaziatura generale */
p {
  font-size: 1rem;
}


/* Spaziatura definitiva testi SU TUTTO IL SITO */
p, span, li, section p, .service-content p {
  line-height: 1.8 !important;
  margin: 0 0 25px 0 !important;
  display: block !important;
}

* p {
  margin-bottom: 25px !important;
}
/* Navbar fix - allinea logo e menu sulla stessa riga */
.navbar,
.navbar-nav,
.navbar-brand,
.navbar-collapse {
  display: flex !important;
  align-items: center !important;
  flex-direction: row !important;
}

/* Spaziatura del brand (Andromeda Programmazione) */
.navbar-brand {
  margin-right: 20px !important;
  white-space: nowrap !important;
  font-weight: 600;
}

/* Mantieni il menu sulla destra */
.navbar-collapse {
  margin-left: auto !important;
}

/* Evita che il testo del brand vada a capo */
.navbar-brand span,
.navbar-brand a {
  white-space: nowrap !important;
}

