/* =========================================================
   custom.css (FIXED)
   - Removes pointer-events disabling that breaks all buttons
   - Keeps your existing UI shadows / cards / login spacing
   - Keeps modal z-index high without blocking clicks
   ========================================================= */

/* Keep modals above everything */
.modal { z-index: 2147483647 !important; }
.modal-backdrop { z-index: 2147483646 !important; }

/* Navbar hover shadow */
nav.navbar:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/* Show hand cursor on clickable controls */
button,
.btn,
input[type="button"],
input[type="submit"],
a.btn {
  cursor: pointer !important;
}

/* Button hover shadow */
button.button1:hover {
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

.dropdown-toggle,
[data-toggle="modal"],
[data-toggle="dropdown"]{
  cursor: pointer !important;
}

/* Card styles */
div.card {
  width: 100%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: center;
}

div.cardHeader {
  background-color: #4CAF50;
  color: white;
  padding: 10px;
  font-size: 40px;
}

div.cardContainer {
  padding: 10px;
}

/* Helpers */
.div-hide { display: none; }
.kv-file-zoom { display: none; }

div.kv-avatar div.file-input div.file-preview {
  width: 200px;
}

/* Login form spacing */
.vertical {
  padding-top: 150px;
  padding-bottom: 150px;
}

/* =========================================================
   CRITICAL FIX
   DO NOT disable pointer-events on .container/.navbar.
   That makes all buttons/links unclickable when body has
   the 'modal-open' class (which can get stuck).
   ========================================================= */

/* Scroll lock only (safe) */
body.modal-open {
  overflow: hidden;
}

/* (Optional) ensure page remains clickable even if modal-open gets stuck */
body.modal-open .container,
body.modal-open .navbar {
  pointer-events: auto !important;
}