/**
 * AGRESIVNÍ OPRAVY PRO MODÁLNÍ OKNA
 * Tento soubor obsahuje maximálně agresivní CSS opravy, které by měly vyřešit
 * problém s modálními okny a tlačítky nastavení v admin panelu.
 */

/* Globální reset pro body při otevřeném modálu */
body.modal-open {
  overflow: auto !important;
  padding-right: 0 !important;
}

/* Z-index hierarchy pro celou stránku */
.modal-backdrop {
  display: none !important; /* Kompletně vypnout backdrop */
  z-index: -1 !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Opravit všechna tlačítka nastavení */
.settings-button,
button[data-bs-toggle="modal"][data-bs-target^="#settingsModal"],
.btn[data-bs-toggle="modal"][data-bs-target^="#settingsModal"] {
  position: relative !important;
  z-index: 1000000 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  transform: translateZ(1px) !important;
  -webkit-transform: translateZ(1px) !important;
  transform-style: preserve-3d !important;
  -webkit-font-smoothing: antialiased !important;
  backface-visibility: hidden !important;
  -webkit-backface-visibility: hidden !important;
  isolation: isolate !important;
  /* Fix pro problikávání */
  transition: none !important;
  animation: none !important;
}

/* Speciální třída pro fixované tlačítko */
.settings-button-fixed {
  position: relative !important;
  z-index: 1000000 !important;
  pointer-events: auto !important;
}

/* Vrstvení modálních oken nad všemi ostatními elementy */
.modal {
  z-index: 999999 !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
}

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

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

/* Opravy pro modální dialogy */
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

/* Fixovat všechna tlačítka v modálních oknech */
.modal-content button {
  position: relative !important;
  z-index: 1000002 !important;
  pointer-events: auto !important;
}

/* Odstraň problém s průhledností */
.modal.fade .modal-dialog {
  transition: none !important;
  transform: none !important;
}

/* Oprava pro Bootstrap animace */
.fade {
  transition: none !important;
}

/* Oprava animací transformace */
.modal.fade .modal-dialog {
  transform: none !important;
}