/* Global responsive safety net for legacy pages */
html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

img,
video,
canvas,
svg,
iframe {
  max-width: 100%;
}

/* Kakao postcode layers in register pages */
@media (max-width: 768px) {
  #addrLayerOwner,
  #addrLayerStore {
    width: 92vw !important;
    max-width: 92vw !important;
    height: 78vh !important;
    max-height: 78vh !important;
  }

  /* Mobile bottom controls */
  .fixed.bottom-6.right-6.flex.flex-col,
  .fixed.bottom-4.left-3.right-3.flex.flex-col,
  .floating-mobile-nav {
    left: 0.75rem !important;
    right: 0.75rem !important;
    bottom: 0.75rem !important;
    width: auto !important;
  }

  .fixed.bottom-6.right-6.flex.flex-col,
  .fixed.bottom-4.left-3.right-3.flex.flex-col {
    align-items: flex-end !important;
  }

  #aiChatWindowWrap {
    left: 0.75rem !important;
    right: 0.75rem !important;
    bottom: 5rem !important;
    width: auto !important;
    max-width: none !important;
    height: 72vh !important;
    max-height: 550px !important;
  }

  #bookmarkDockToggle {
    right: 0.75rem !important;
    bottom: 5rem !important;
  }

  #bookmarkDockMobile > .absolute:last-child {
    width: 92vw !important;
    max-width: 24rem !important;
  }

  #modalImage {
    width: auto !important;
    height: auto !important;
    max-width: 92vw !important;
    max-height: 70vh !important;
  }
}

@media (max-width: 640px) {
  .fixed.bottom-6.right-6.flex.flex-col,
  .fixed.bottom-4.left-3.right-3.flex.flex-col {
    gap: 0.5rem !important;
  }

  .fixed.bottom-6.right-6.flex.flex-col > a,
  .fixed.bottom-6.right-6.flex.flex-col > button,
  .fixed.bottom-4.left-3.right-3.flex.flex-col > a,
  .fixed.bottom-4.left-3.right-3.flex.flex-col > button,
  .fixed.bottom-6.right-6.flex.flex-col .flex.flex-row > a,
  .fixed.bottom-6.right-6.flex.flex-col .flex.flex-row > button,
  .fixed.bottom-4.left-3.right-3.flex.flex-col .flex.flex-row > a,
  .fixed.bottom-4.left-3.right-3.flex.flex-col .flex.flex-row > button {
    width: 2.75rem !important;
    height: 2.75rem !important;
    font-size: 1rem !important;
  }

  .fixed.bottom-6.right-6.flex.flex-col span,
  .fixed.bottom-4.left-3.right-3.flex.flex-col span {
    font-size: 11px !important;
    line-height: 1.1 !important;
  }
}