/* ----------------------------- */
/* 📱 Responsive: Header per dispositivi mobili NOTIZIE*/
/* ----------------------------- */

@media screen and (max-width: 768px) {

  /* === Header mobile super compatto === */
  header {
    padding: 8px 10px;               /* Riduci spazio interno */
    gap: 6px;                        /* Meno spazio tra elementi */
    flex-direction: column;
    align-items: flex-start;
    border-radius: 0 0 8px 8px;
  }

  /* === Logo più piccolo === */
  .logo-img {
    width: 120px;                     /* Ridotto a 60px */
  }

  /* === Testi del logo più piccoli === */
  .testi-logo h1 {
    font-size: 1.1em;
    margin: 0;
  }

  .testi-logo h2 {
    font-size: 0.9em;
    margin: 0;
  }

  /* === Menu compatto === */
  .nav-menu {
    flex-direction: column;
    width: 100%;
    gap: 6px;
  }

  header nav ul {
    flex-direction: column;
    width: 100%;
    gap: 6px;
  }

  header nav ul li a {
    display: block;
    width: 100%;
    font-size: 0.85em;              /* Font più piccolo */
    padding: 6px 10px;
    text-align: left;
    border: 1.5px solid white;
  }

  /* === Toggle visibile se serve === */
  .toggle-btn {
    display: flex;
  }
}



@media screen and (max-width: 768px) {

  /* =============================== */
  /* === BODY CON SFONDO MOBILE === */
  /* =============================== */
  #body-notizie {
    background-image: url('fotoNotizieMobile.svg'); /* Usa sfondo ottimizzato per mobile */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

 

  /* =============================== */
  /* === PRELOADER MOBILE === */
  /* =============================== */
  #preloader-notizie img {
    width: 220px;                    /* Logo più piccolo */
  }

  .preloader-text {
    font-size: 1.5rem;               /* Testo più piccolo */
    margin-left: 10px;
    gap: 2px;
  }

  .preloader-text span {
    animation: wave 1.2s infinite;
  }

  /* =============================== */
  /* === SCRITTE "COMING SOON" === */
  /* =============================== */
  .container {
    padding-top: 60px;              /* Meno spazio verticale */
  }

  .notizia {
    font-size: 2.5rem;               /* Testo più compatto */
    text-align: center;
    padding: 0 10px;
  }

  .coming-soon {
    font-size: 2rem;
    letter-spacing: 2px;
    text-align: center;
    padding: 0 10px;
  }

}