/* Digitana Social - Reaktionen / Mobile
   Mobile Reaktionsfenster bleiben echte Viewport-Overlays und werden nicht
   vom Seitenende, Footer oder Kartenlayout abgeschnitten. */

@media (max-width: 820px) {
  .ds-profile-reaction-popover {
    left: 0;
    right: auto;
    width: min(300px, calc(100vw - 28px));
    width: min(300px, calc(100dvw - 28px));
    max-width: calc(100vw - 28px);
    max-width: calc(100dvw - 28px);
    box-sizing: border-box;
    max-height: var(--ds-mobile-action-popover-max-height, calc(100vh - 24px));
    max-height: var(--ds-mobile-action-popover-max-height, calc(100dvh - 24px));
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  .ds-profile-reaction-picker.ds-mobile-action-popover-up > .ds-profile-reaction-popover {
    top: auto !important;
    bottom: calc(100% + 7px) !important;
  }

  .ds-profile-reaction-picker.ds-mobile-action-popover-fixed > .ds-profile-reaction-popover {
    position: fixed !important;
    top: var(--ds-mobile-action-popover-top) !important;
    left: var(--ds-mobile-action-popover-left) !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 6200 !important;
  }

  .ds-profile-reaction-choices,
  .ds-profile-reaction-picker form.ds-profile-reaction-choices {
    flex-wrap: wrap;
  }
}