/* Штампы статуса события на обложке (шаблоны/event_status_stamp.html) */
.miravi-active-event-stamp,
.cover-stamp--active-event,
.miravi-announce-event-stamp,
.cover-stamp--announce-event {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 5;
  padding: 3px 9px;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: lowercase;
  border-radius: 4px;
  transform: rotate(-10deg);
  pointer-events: none;
  line-height: 1.15;
}

.miravi-active-event-stamp,
.cover-stamp--active-event {
  color: rgba(21, 94, 51, 0.95);
  background: rgba(220, 252, 231, 0.88);
  border: 1px solid rgba(74, 222, 128, 0.65);
  box-shadow: 0 1px 4px rgba(22, 101, 52, 0.14);
}

.miravi-announce-event-stamp,
.cover-stamp--announce-event {
  color: rgba(30, 64, 175, 0.95);
  background: rgba(219, 234, 254, 0.9);
  border: 1px solid rgba(96, 165, 250, 0.7);
  box-shadow: 0 1px 4px rgba(37, 99, 235, 0.14);
}

.miravi-active-event-stamp--banner,
.cover-stamp--active-event.cover-stamp--banner,
.miravi-announce-event-stamp--banner,
.cover-stamp--announce-event.cover-stamp--banner {
  padding: 8px 22px !important;
  font-size: 30px !important;
  letter-spacing: 0.03em;
  border-radius: 8px;
  border-width: 2px;
  z-index: 30 !important;
}

.miravi-active-event-stamp--banner,
.cover-stamp--active-event.cover-stamp--banner {
  box-shadow: 0 3px 12px rgba(22, 101, 52, 0.18);
}

.miravi-announce-event-stamp--banner,
.cover-stamp--announce-event.cover-stamp--banner {
  box-shadow: 0 3px 12px rgba(37, 99, 235, 0.18);
}

.pub-hero > .miravi-active-event-stamp--banner,
.pub-hero > .cover-stamp--active-event.cover-stamp--banner,
.pub-hero > .miravi-announce-event-stamp--banner,
.pub-hero > .cover-stamp--announce-event.cover-stamp--banner {
  top: calc(var(--cover-stamp-header-clearance, var(--header-clearance, 118px)) + env(safe-area-inset-top, 0px) + 8px) !important;
  right: 16px !important;
}

@media (max-width: 720px) {
  .miravi-active-event-stamp--banner,
  .cover-stamp--active-event.cover-stamp--banner,
  .miravi-announce-event-stamp--banner,
  .cover-stamp--announce-event.cover-stamp--banner,
  .pub-hero > .miravi-active-event-stamp--banner,
  .pub-hero > .cover-stamp--active-event.cover-stamp--banner,
  .pub-hero > .miravi-announce-event-stamp--banner,
  .pub-hero > .cover-stamp--announce-event.cover-stamp--banner {
    top: calc(var(--cover-stamp-header-clearance, var(--header-clearance, 118px)) + env(safe-area-inset-top, 0px) + 6px) !important;
    right: 12px !important;
    font-size: 24px !important;
    padding: 6px 16px !important;
  }
}
