/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */

/* --- CENTRA IL LAYOUT NELLA VERSIONE MOBILE --- */
/* --- FIX mobile overflow e banner --- */
@media (max-width: 991px) {
  html, body { overflow-x: hidden; }

  /* il contenitore del banner deve essere relativo */
  #custom { position: relative; }

  /* il velo scuro dell'overlay sta sopra l'immagine ma sotto il testo */
  .overlay:before { z-index: 0; }

  /* l’immagine torna assoluta e responsive */
  .img-defaultbanner {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: auto !important;      /* va bene anche così; se vuoi “ritaglio”, usa height:100% + object-fit:cover */
    min-width: unset !important;
    z-index: -1 !important;        /* dietro al velo e al testo */
    /* object-fit: cover;          <-- attivalo solo se metti height:100% */
  }

  /* testo/box del banner davanti all’immagine e al velo */
  #custom .container,
  #custom .wpc-cloud-range,
  #custom .wpc-vps-info {
    position: relative;
    z-index: 1;
  }

  /* opzionale – contenitori WHMCS ordine */
  #order-standard_cart,
  #order-standard_cart .container {
    max-width: 100vw !important;
    width: 100% !important;
    overflow-x: hidden !important;
    padding-left: 15px;
    padding-right: 15px;
  }
}