/* -- modal-install.css -- */

/* Overlay scuro a schermo intero */
#installModal {
    display: none; /* nascosto di default */
    position: fixed;
    z-index: 9999;
    left: 0; 
    top: 0;
    width: 100%; 
    height: 100%;
    overflow: auto; 
    background-color: rgba(0, 0, 0, 0.5);
  }
  
/* Contenitore centrale del popup */
#installModal .modal-content {
background-color: #fff;
margin: 8% auto; 
padding: 20px;
width: 90%; 
max-width: 400px; /* su schermi larghi */
border-radius: 5px;
position: relative;
}

/* Bottone “chiudi” (in alto a destra) */
#installModal .close {
position: absolute;
right: 15px;
top: 10px;
font-size: 1.5rem;
cursor: pointer;
}

/* Sezione istruzioni */
#installModal h2 {
margin-top: 0;
}
#installModal h3 {
margin-bottom: 0.5rem;
}

/* Bottone generico nel popup */
#installModal button {
cursor: pointer;
margin-top: 1rem;
border: none;
padding: 10px 15px;
border-radius: 4px;
}

/* Bottone di installazione Android */
#installBtn {
background-color: #007bff;
color: #fff;
}

/* Pulsante che apre la modale di installazione (rosso, discreto e sulla destra) */
#openInstallPopupBtn {
background-color: #dc3545;  /* Rosso stile “danger” */
color: #fff;
padding: 6px 12px;
font-size: 16px;
border: none;
border-radius: 4px;
cursor: pointer;
margin: 15px 0;
float: right;               /* Lo sposta sul lato destro del contenitore */
width: auto;                /* Assicura che non si espanda orizzontalmente */
}