/* =====================================================================
   ART IMAGE — V68
   Correzione mobile definitiva:
   - sfondo singolo e FISSO mentre scorrono i contenuti
   - nessuna ripetizione verticale e nessuna zona nera a fine pagina
   - in italiano usa di nuovo le immagini originali del menu
   - scritte del menu centrate verticalmente
   - scritta servizi Home leggermente più vicina al menu
   ===================================================================== */

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

  html {
    min-height:100% !important;
    background:#000 !important;
    background-image:none !important;
  }

  body {
    position:relative !important;
    isolation:isolate !important;
    min-height:100vh !important;
    min-height:100dvh !important;
    margin:0 !important;
    background:transparent !important;
    background-image:none !important;
  }

  /* Safari iPhone: pseudo-elemento fixed al posto di background-attachment:fixed. */
  body::before {
    content:"" !important;
    display:block !important;
    position:fixed !important;
    z-index:-1 !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    width:100vw !important;
    height:100vh !important;
    height:100dvh !important;
    margin:0 !important;
    padding:0 !important;
    pointer-events:none !important;

    background-color:#000 !important;
    background-image:url("responsive-bg.jpg") !important;
    background-repeat:no-repeat !important;
    background-position:center top !important;
    background-size:cover !important;
    transform:none !important;
  }

  /* Nella Home lasciamo la zona nera superiore per logo e Lingua. */
  body.ai-home-page::before {
    background-position:center 205px !important;
  }

  #imPage,
  #imContent,
  #imContentGraphics {
    background-color:transparent !important;
    background-image:none !important;
  }

  /* ---------------------------------------------------------
     MENU ITALIANO: immagini grafiche originali, non testo CSS.
     Le sposto di pochi pixel verso il basso per centrarle.
     --------------------------------------------------------- */
  html:not(.ai-translated) #aiMobileBottomNavV45 .ai-v45-bottom-link > img {
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    position:relative !important;
    z-index:3 !important;
    width:auto !important;
    height:auto !important;
    max-width:86% !important;
    max-height:30px !important;
    margin:auto !important;
    padding:0 !important;
    transform:translateY(3px) !important;
    filter:none !important;
  }

  html:not(.ai-translated) #aiMobileBottomNavV45 .ai-v55-menu-text {
    display:block !important;
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    margin:-1px !important;
    padding:0 !important;
    overflow:hidden !important;
    clip:rect(0 0 0 0) !important;
    clip-path:inset(50%) !important;
    opacity:0 !important;
    pointer-events:none !important;
    white-space:nowrap !important;
  }

  /* In traduzione invece serve il testo vero. */
  html.ai-translated #aiMobileBottomNavV45 .ai-v45-bottom-link > img {
    display:none !important;
  }

  html.ai-translated #aiMobileBottomNavV45 .ai-v55-menu-text {
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    position:relative !important;
    z-index:3 !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    padding:0 4px !important;
    overflow:visible !important;
    clip:auto !important;
    clip-path:none !important;
    pointer-events:auto !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
    transform:translateY(2px) !important;
  }

  /* Scritta della Home un po' più in basso, più vicina al menu. */
  body.ai-home-page #aiHomeServicesV56 {
    bottom:calc(108px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

@media screen and (max-width:360px) {
  body.ai-home-page #aiHomeServicesV56 {
    bottom:calc(100px + env(safe-area-inset-bottom, 0px)) !important;
  }
}