/* Оболочка страницы. Вся вёрстка открытки и секций — в /static/src/invite.js (INVITE_CSS). */

html {
  margin: 0;
  padding: 0;
  background: #0d0c0b;   /* тёмная основа: под карточкой фото нет, ниже — ровный фон */
}

body {
  margin: 0;
  padding: 0;
  background: transparent; /* прозрачное тело: иначе перекрывает слой карточки */
}

body {
  color: #14120f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Фото живёт ТОЛЬКО в области карточки (аспект 1000×1520 против 1200×1707 у снимка —
   при cover обрезается ~6 % по ширине, то есть видно почти весь кадр).
   Анкета с подписью — ровная чёрная панель без фото (по просьбе: «просто чёрный цвет»).
   Скрим градиентом лежит ПОВЕРХ фото в том же слое; тот же градиент учитывает
   src/ink.js, когда выбирает цвет надписей. */
.inv-card {
  position: relative;
  isolation: isolate;    /* держим слой фото внутри карточки */
}

.inv-card::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(180deg,
      rgba(8, 8, 8, .58) 0%,
      rgba(8, 8, 8, .42) 36%,
      rgba(8, 8, 8, .60) 100%),
    url('/static/img/bg.jpg') center center / cover no-repeat,
    #0d0c0b;
}

.invite {
  min-height: 100vh;
}

/* Форма после отправки прячется, ответ показывается на её месте */
[hidden] {
  display: none !important;
}