/* Winner Notification Mod Styles */

div#winPopup {
    border-width: 15px;
    border-style: ridge;
    border-color: #E3AD25;
    background: #ffffff !important;
}

button.ok-button-insta {
    background-image: linear-gradient(90deg, var(--e-global-color-primary) 0%, var(--e-global-color-9918e56) 100%) !important;
    padding: 10px 50px !important;
    border: 1px solid #BD8211 !important;
    color: black !important;
}

button.ok-button-insta:hover {
    background: #e3ad25 !important;
    background-image: linear-gradient(90deg, #FFEB3B 0%, #e3ad25 100%) !important;
}

/* Scrollable content area inside the popup */
#winPopup .wnm-messages{
  overflow-y: auto;
  max-height: calc(84vh - 160px); /* fits under title, over button */
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  padding-right: 8px; /* room for scrollbar */
}

/* Make the popup size responsive and capped */
div#winPopup{
  width: min(720px, 92vw) !important;
  height: auto !important;
  max-height: 84vh !important; /* cap height so inner scroll kicks in */
  display: flex !important;
  flex-direction: column !important;
}