/* Overlay always on top */
.rei-overlay { display:none; z-index:2147483647; position:relative; }
.rei-overlay[aria-hidden="false"] { display:block !important; }
body.rei-modal-open { overflow: hidden; }

.rei-overlay__backdrop { position:fixed; inset:0; background:rgba(0,0,0,.5); z-index:2147483646; }

.rei-overlay__panel {
  position:fixed; top:5vh; bottom:5vh; left:50%; transform:translateX(-50%);
  background:#fff; border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,.2);
  overflow:auto; max-height:90vh;
  width:min(calc(100vw - 10vw), var(--rei-parent-width, 900px));
  z-index:2147483647;
}

.rei-overlay__bar {
  position:sticky; top:0; background:#fff; border-bottom:1px solid #eee;
  padding:12px 16px; display:flex; justify-content:space-between; align-items:center;
}

.rei-overlay__header { padding:16px; display:grid; gap:12px; }
.rei-overlay__header-img img { max-width:min(600px, 100%); height:auto; }

.rei-overlay__sections { padding:16px; display:grid; gap:16px; }
.rei-section { border:1px solid #e5e7eb; border-radius:8px; padding:12px; }
.rei-section__items { display:grid; gap:10px; }
.rei-entry { display:grid; gap:4px; }
.rei-muted { color:#6b7280; }
.button-link { color:#2563eb; background:none; border:none; cursor:pointer; }
.button-link:hover { text-decoration: underline; }

.rei-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.rei-card__actions {
  margin-top: auto;
}

/* Custom Details-Button */
.rei-btn {
  background: var(--rei-btn-bg, #03599d) !important;
  border-color: var(--rei-btn-bg, #03599d) !important;
  color: #fff !important;
}

.rei-btn:hover,
.rei-btn:focus {
  filter: brightness(0.92);
  color: #fff !important;
}