/* This file is reserved for overriding and extending the template styles. */

/* Custom VTS2 Logo Styles */
html[data-color] .logo-default,
.logo-default {
  width: 55px;
  min-height: 55px;
  background-image: url('/img/logo/logo-only.svg') !important;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

/* SweetAlert2 Custom Styles - Fixed positioning to prevent layout shifts */
.swal2-container {
  position: fixed !important;
  z-index: 10000 !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  pointer-events: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.swal2-popup {
  pointer-events: auto !important;
  position: relative !important;
  margin: 0 !important;
}

/* Previeni qualsiasi modifica al body e html quando SweetAlert è visibile */
body.swal2-shown,
body.swal2-shown > *:not(.swal2-container),
body.swal2-height-auto,
html.swal2-shown,
html.swal2-height-auto {
  overflow: visible !important;
  height: 100% !important;
  width: 100% !important;
  padding-right: 0 !important;
}

body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
  overflow: visible !important;
  padding-right: 0 !important;
}

/* Assicurati che il root container non venga modificato */
#root {
  height: 100% !important;
  overflow: visible !important;
}