html.is-site-content-pending .lp-hero-copy,
html.is-site-content-pending #sites,
html.is-site-content-pending #join,
html.is-site-content-pending #qna,
html.is-site-content-pending .lp-foot {
  visibility: hidden;
}

.lp-site-banner {
  color: transparent;
  font-size: 0;
  line-height: 0;
}

.lp-site-banner:not([src]) {
  visibility: hidden;
}

/* Button palettes for administrator-managed partner cards. */
.lp-site.is-gold {
  --site-button-start: #fff3c2;
  --site-button-mid: #efbf45;
  --site-button-end: #ad7413;
  --site-button-text: #2a1800;
  --site-button-soft: #f7d477;
  --site-button-wash: rgba(239, 191, 69, 0.1);
  --site-button-border: rgba(239, 191, 69, 0.52);
  --site-button-shadow: rgba(239, 191, 69, 0.34);
}

.lp-site.is-queen {
  --site-button-start: #fff98b;
  --site-button-mid: #ffd21f;
  --site-button-end: #e49b00;
  --site-button-text: #251900;
  --site-button-soft: #ffe56f;
  --site-button-wash: rgba(255, 210, 31, 0.11);
  --site-button-border: rgba(255, 210, 31, 0.56);
  --site-button-shadow: rgba(255, 210, 31, 0.34);
}

.lp-site.is-manila {
  --site-button-start: #ff727d;
  --site-button-mid: #df2438;
  --site-button-end: #980d22;
  --site-button-text: #fff;
  --site-button-soft: #ff9ba4;
  --site-button-wash: rgba(223, 36, 56, 0.11);
  --site-button-border: rgba(255, 92, 106, 0.56);
  --site-button-shadow: rgba(211, 29, 49, 0.36);
}

.lp-site.is-pbc {
  --site-button-start: #ff8bb1;
  --site-button-mid: #e63770;
  --site-button-end: #9f1246;
  --site-button-text: #fff;
  --site-button-soft: #ffa2c1;
  --site-button-wash: rgba(230, 55, 112, 0.11);
  --site-button-border: rgba(255, 111, 160, 0.56);
  --site-button-shadow: rgba(220, 41, 101, 0.36);
}

.lp-site.is-wine {
  --site-button-start: #d85e7a;
  --site-button-mid: #9c294c;
  --site-button-end: #5d1029;
  --site-button-text: #fff;
  --site-button-soft: #efa1b3;
  --site-button-wash: rgba(156, 41, 76, 0.12);
  --site-button-border: rgba(216, 94, 122, 0.56);
  --site-button-shadow: rgba(112, 21, 48, 0.38);
}

.lp-site.is-purple {
  --site-button-start: #c49aff;
  --site-button-mid: #8755d5;
  --site-button-end: #4d267f;
  --site-button-text: #fff;
  --site-button-soft: #caa7ff;
  --site-button-wash: rgba(135, 85, 213, 0.12);
  --site-button-border: rgba(177, 126, 245, 0.56);
  --site-button-shadow: rgba(89, 47, 145, 0.38);
}

.lp-site[class*='is-'] .lp-go,
.lp-site[class*='is-'] .lp-detail-tg {
  background: linear-gradient(180deg, var(--site-button-start), var(--site-button-mid) 50%, var(--site-button-end));
  color: var(--site-button-text);
  box-shadow: 0 0.55rem 1.5rem var(--site-button-shadow), 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
}

.lp-site[class*='is-'] .lp-fold-q {
  border-color: var(--site-button-border);
  background: var(--site-button-wash);
  color: var(--site-button-soft);
}

.lp-site-photo {
  aspect-ratio: 3 / 2;
  background: #120608;
}

/* 관리자 저장 후 다시 그려진 카드에서 자세히 보기가 접힌 채로 남는 문제를 막습니다. */
.lp-site.lp-site-fold {
  height: auto;
  min-height: 100%;
}

.lp-site.lp-site-fold.is-open {
  container-type: normal;
}

.lp-site.lp-site-fold > .lp-fold-a {
  display: block;
  flex: 0 0 auto;
  width: 100%;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.38s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.lp-site.lp-site-fold.is-open > .lp-fold-a {
  max-height: 4800px;
  overflow: visible;
}

.lp-site.lp-site-fold.is-open > .lp-fold-a > .lp-fold-inner {
  overflow: visible;
}

.lp-site[class*='is-'] .lp-detail-tg svg path {
  fill: currentColor;
}

.lp-site-placeholder {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(226, 185, 77, 0.28);
  background: linear-gradient(155deg, rgba(63, 34, 39, 0.94), rgba(29, 16, 19, 0.98));
  box-shadow: 0 18px 40px rgba(12, 3, 5, 0.26);
}

.lp-site-placeholder__photo {
  position: relative;
  isolation: isolate;
}

.lp-site-placeholder__photo::after {
  position: absolute;
  z-index: 1;
  inset: 0;
  content: '';
  background: linear-gradient(180deg, rgba(19, 8, 10, 0.16), rgba(19, 8, 10, 0.76));
}

.lp-site-placeholder__photo .lp-site-banner {
  filter: saturate(0.42) brightness(0.68);
  transform: scale(1.02);
}

.lp-site-placeholder__badge {
  position: absolute;
  z-index: 2;
  bottom: 20px;
  left: 24px;
  padding: 7px 11px;
  border: 1px solid rgba(255, 220, 127, 0.45);
  border-radius: 999px;
  background: rgba(21, 8, 11, 0.72);
  color: #ffe395;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.13em;
}

.lp-site-placeholder__body {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.lp-placeholder-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 54px;
  margin-top: auto;
  padding: 0 18px;
  border: 1px solid rgba(238, 193, 75, 0.45);
  border-radius: 13px;
  background: rgba(238, 193, 75, 0.09);
  color: #ffe293;
  font-weight: 800;
  text-decoration: none;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

.lp-placeholder-link:hover {
  border-color: rgba(255, 222, 126, 0.78);
  background: rgba(238, 193, 75, 0.16);
}