/* Штамп «завершено» на обложке и баннере (шаблон шаблоны/completed_stamp.html) */
:root {
  --cover-stamp-header-clearance: var(--header-clearance, 118px);
}

.cover-media-wrap {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.adventure-cover-header > .cover-media-wrap,
.second-banner > .cover-media-wrap,
.guide-banner-link > .cover-media-wrap {
  position: absolute;
  inset: 0;
}

.miravi-completed-stamp,
.cover-stamp--completed {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 5;
  padding: 3px 9px;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: lowercase;
  color: rgba(153, 27, 27, 0.92);
  background: rgba(254, 226, 226, 0.88);
  border: 1px solid rgba(248, 113, 113, 0.65);
  border-radius: 4px;
  transform: rotate(-10deg);
  pointer-events: none;
  line-height: 1.15;
  box-shadow: 0 1px 4px rgba(127, 29, 29, 0.12);
}

/* Баннеры: в 3 раза крупнее карточки (10px → 30px) */
.miravi-completed-stamp--banner,
.miravi-completed-stamp--hero,
.cover-stamp--completed.cover-stamp--banner {
  padding: 8px 22px !important;
  font-size: 30px !important;
  letter-spacing: 0.03em;
  border-radius: 8px;
  border-width: 2px;
  box-shadow: 0 3px 12px rgba(127, 29, 29, 0.22);
  z-index: 30 !important;
}

/* Главная и баннеры внутри ленты — у верхнего края секции */
.second-banner > .miravi-completed-stamp--banner,
.second-banner > .cover-stamp--completed.cover-stamp--banner,
.guide-banner-link > .miravi-completed-stamp--banner,
.guide-banner-link > .cover-stamp--completed.cover-stamp--banner {
  top: 12px !important;
  right: 12px !important;
}

/* Шапка страницы авантюры / события — ниже фиксированного меню */
.adventure-cover-header > .miravi-completed-stamp--banner,
.adventure-cover-header > .cover-stamp--completed.cover-stamp--banner,
.adventure-hero-placeholder > .miravi-completed-stamp--banner,
.adventure-hero-placeholder > .cover-stamp--completed.cover-stamp--banner,
.pub-hero > .miravi-completed-stamp--banner,
.pub-hero > .cover-stamp--completed.cover-stamp--banner {
  top: calc(var(--cover-stamp-header-clearance) + env(safe-area-inset-top, 0px) + 8px) !important;
  right: 16px !important;
}

.pub-hero-media-wrap {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;
}

@media (max-width: 720px) {
  .miravi-completed-stamp--banner,
  .miravi-completed-stamp--hero,
  .cover-stamp--completed.cover-stamp--banner {
    font-size: 24px !important;
    padding: 6px 16px !important;
  }

  .second-banner > .miravi-completed-stamp--banner,
  .second-banner > .cover-stamp--completed.cover-stamp--banner,
  .guide-banner-link > .miravi-completed-stamp--banner,
  .guide-banner-link > .cover-stamp--completed.cover-stamp--banner {
    top: 10px !important;
    right: 10px !important;
  }

  .adventure-cover-header > .miravi-completed-stamp--banner,
  .adventure-cover-header > .cover-stamp--completed.cover-stamp--banner,
  .adventure-hero-placeholder > .miravi-completed-stamp--banner,
  .adventure-hero-placeholder > .cover-stamp--completed.cover-stamp--banner,
  .pub-hero > .miravi-completed-stamp--banner,
  .pub-hero > .cover-stamp--completed.cover-stamp--banner {
    top: calc(var(--cover-stamp-header-clearance) + env(safe-area-inset-top, 0px) + 6px) !important;
    right: 12px !important;
  }
}

.my-adventures-card .miravi-completed-stamp,
.my-adventures-card .cover-stamp--completed {
  z-index: 5;
}

.adv-card-large > .cover-stamp,
.adv-card-small > .cover-stamp {
  z-index: 6;
}

#event-public-status-stamp {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 4;
}

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

@media (max-width: 720px) {
  /* Событие: штамп вдвое меньше и по центру баннера справа */
  .pub-hero--event-page #event-public-status-stamp .cover-stamp--banner,
  .pub-hero--event-page #event-public-status-stamp .miravi-completed-stamp--banner,
  .pub-hero--event-page #event-public-status-stamp .miravi-active-event-stamp--banner,
  .pub-hero--event-page #event-public-status-stamp .miravi-announce-event-stamp--banner {
    top: 50% !important;
    right: 10px !important;
    transform: translateY(-50%) rotate(-10deg) !important;
    font-size: 12px !important;
    padding: 3px 8px !important;
    border-width: 1px !important;
    border-radius: 4px !important;
  }

  .pub-hero--event-page #event-public-status-stamp .miravi-completed-stamp--banner,
  .pub-hero--event-page #event-public-status-stamp .cover-stamp--completed.cover-stamp--banner {
    box-shadow: 0 1px 4px rgba(127, 29, 29, 0.16) !important;
  }

  .pub-hero--event-page #event-public-status-stamp .miravi-active-event-stamp--banner,
  .pub-hero--event-page #event-public-status-stamp .cover-stamp--active-event.cover-stamp--banner {
    box-shadow: 0 1px 4px rgba(22, 101, 52, 0.14) !important;
  }

  .pub-hero--event-page #event-public-status-stamp .miravi-announce-event-stamp--banner,
  .pub-hero--event-page #event-public-status-stamp .cover-stamp--announce-event.cover-stamp--banner {
    box-shadow: 0 1px 4px rgba(37, 99, 235, 0.14) !important;
  }
}