/* Modal width + padding */
.slg-added-popup-modal .modal-inner-wrap{
  max-width: 560px;
  width: 96%;
}

.slg-added-popup-modal .modal-content{
  padding: 22px 22px 18px;
}

/* Titolo e separatore un po' più puliti */
.slg-added-popup-modal .modal-title{
  font-weight: 700;
}

.slg-added-popup__content{
  text-align: center;
}

/* Messaggio */
.slg-added-popup__msg{
  font-size: 18px;
  font-weight: 600;
  margin: 10px 0 18px;
}

/* Pulsanti */
.slg-added-popup__actions{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
}

/* Mobile: 1 colonna */
.slg-added-popup__actions .action{
  width: 100%;
  min-height: 46px;
  padding: 12px 14px;
  line-height: 1;
  white-space: nowrap;     /* ✅ evita "VAI / ALLA" */
  text-align: center;
}

/* Desktop: 3 colonne */
@media (min-width: 620px){
  .slg-added-popup__actions{
    flex-wrap: nowrap;
  }
  .slg-added-popup__actions .action{
    width: auto;
    flex: 1 1 0;
    max-width: 33.333%;
  }
}

/* FIX: X di chiusura tagliata nel modal */
.slg-added-popup-modal .modal-header{
  padding-right: 48px;   /* spazio per la X */
  overflow: visible;     /* evita il taglio */
}

.slg-added-popup-modal .action-close,
.slg-added-popup-modal .modal-close{
  top: 12px;
  right: 12px;
  line-height: 1;
}


/* FIX finale: X ancorata dentro l'header del modal (Porto) */
.slg-added-popup-modal .modal-header{
  position: relative !important;
  overflow: visible !important;
  padding-right: 56px !important; /* spazio per la X */
}

.slg-added-popup-modal .action-close,
.slg-added-popup-modal .modal-close{
  position: absolute !important;
  top: 10px !important;
  right: 12px !important;
  z-index: 9999 !important;
}

/* (opzionale) rende la X più "cliccabile" senza cambiare estetica */
.slg-added-popup-modal .action-close{
  width: 34px !important;
  height: 34px !important;
  line-height: 34px !important;
}