/** 
 * KRITICKÉ OPRAVY PRO TLAČÍTKO NASTAVENÍ
 * Tento CSS soubor obsahuje maximálně agresivní úpravy pro opravu
 * problému s překrýváním tlačítka Nastavení modal backdrop elementem.
 */

/* Upravíme body element pro správné fungování modálních oken */
body {
  padding-right: 0 !important;
  overflow-y: auto !important;
}

/* Trvalé opravy pro modální backdrops */
.modal-backdrop {
  display: none !important;
  opacity: 0 !important;
  z-index: -9999 !important;
  width: 0 !important;
  height: 0 !important;
  pointer-events: none !important;
}

/* Opravy pro modální okna */
.modal {
  z-index: 99999999 !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
}

.modal-dialog {
  z-index: 99999999 !important;
}

.modal-content {
  z-index: 999999999 !important;
}

/* Speciální opravy pro tlačítko nastavení */
.settings-button, 
button[data-bs-toggle="modal"][data-bs-target^="#settingsModal"],
.btn[data-bs-toggle="modal"][data-bs-target^="#settingsModal"],
.settings-button-fixed {
  position: relative !important;
  z-index: 99999999 !important;
  pointer-events: auto !important;
  transform: translateZ(0) !important;
  -webkit-transform: translateZ(0) !important;
  backface-visibility: hidden !important;
  -webkit-backface-visibility: hidden !important;
  transform-style: preserve-3d !important;
  isolation: isolate !important;
  cursor: pointer !important;
}

/* Další styly pro zajištění klikatelnosti */
button[data-bs-toggle="modal"],
.btn[data-bs-toggle="modal"] {
  position: relative !important;
  z-index: 999999 !important;
  pointer-events: auto !important;
}

/* Přepisujeme Bootstrap chování */
.fade {
  transition: opacity .15s linear !important;
}

.modal.fade .modal-dialog {
  transition: transform .3s ease-out !important;
  transform: translate(0, 0) !important;
}

/* Fix pro správné zobrazení modelu */
.modal.show .modal-dialog {
  transform: none !important;
}