/* SHAMAN Visits Center v0.1.4
 * Externí CSS kvůli Content-Security-Policy stránky AI SHAMAN.
 */
body {
  padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px)) !important;
}

body > .shaman-visit-stats {
  position: fixed !important;
  left: 0 !important;
  right: auto !important;
  bottom: calc(9px + env(safe-area-inset-bottom, 0px)) !important;
  top: auto !important;
  transform: none !important;
  z-index: 10000 !important;

  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;

  width: 100vw !important;
  min-width: 100vw !important;
  max-width: 100vw !important;
  margin: 0 !important;
  padding: 0 10px !important;
  box-sizing: border-box !important;
  text-align: center !important;
  pointer-events: none !important;

  color: rgba(225, 238, 231, .82) !important;
  font: 600 12px/1.2 system-ui, -apple-system, "Segoe UI", sans-serif !important;
}

body > .shaman-visit-stats span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 6px 9px !important;
  border: 1px solid rgba(122, 193, 145, .26) !important;
  border-radius: 999px !important;
  background: rgba(10, 26, 17, .82) !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, .22) !important;
  backdrop-filter: blur(8px);
  white-space: nowrap !important;
}

@media (max-width: 440px) {
  body {
    padding-bottom: calc(100px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body > .shaman-visit-stats {
    gap: 5px !important;
    padding-inline: 6px !important;
    font-size: 11px !important;
  }

  body > .shaman-visit-stats span {
    padding: 5px 7px !important;
  }
}