/* Questionnaire + tour chrome follow Alba cream (callout title_background 0xC4A574). */
:root {
  --lp-brand: #C4A574;
  --lp-brand-2: #A8895A;
  --lp-brand-mint: #D4B896;
  --aq-acc: var(--lp-brand);
  --ui-accent: var(--lp-brand);
  --ui-accent-2: var(--lp-brand-2);
  --ui-accent-bright: var(--lp-brand-mint);
  --ui-border-b: rgba(196, 165, 116, 0.25);
}

/* Hardcoded Properview teal leftovers in properview-tour-ui.css */
#ui-testdrive,
#ui-welcome-cta,
.ui-iconbtn.home {
  background: linear-gradient(135deg, var(--ui-accent), var(--ui-accent-2)) !important;
  box-shadow: 0 10px 30px rgba(196, 165, 116, 0.35);
}
.ui-iconbtn.home {
  background: var(--ui-accent) !important;
  box-shadow: none;
}
.modal-login .panels_agree_cbox { accent-color: var(--ui-accent); }
.modal-login .panels_agree a { color: var(--ui-accent); }

/* Logo lebih besar */
.lp-brand__mark {
  height: 48px;
  max-width: 280px;
}
.lp-footer .lp-brand__mark {
  height: 44px;
  max-width: 260px;
}
.ui-logo__img {
  height: 52px;
  max-width: 300px;
}
.ui-logo__div { height: 56px; }
.ui-welcome__logo {
  height: 88px;
  max-width: 360px;
}
@media (max-width: 720px) {
  .lp-brand__mark { height: 40px; max-width: 220px; }
  .ui-logo__img { height: 42px; max-width: 240px; }
  .ui-logo__div { height: 48px; }
  .ui-welcome__logo { height: 64px; max-width: 280px; }
}

/* VT first-load spinner — fixed overlay, never inside #krpanoDIV */
#pv-vt-spinner {
  position: fixed;
  inset: 0;
  z-index: 99980;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0b0f14;
  pointer-events: none;
  transition: opacity 0.25s ease;
}
#pv-vt-spinner.is-done {
  opacity: 0;
  visibility: hidden;
}
#pv-vt-spinner i {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 2.5px solid rgba(196, 165, 116, 0.22);
  border-top-color: var(--ui-accent, #C4A574);
  animation: pv-vt-spin 0.7s linear infinite;
}
@keyframes pv-vt-spin {
  to { transform: rotate(360deg); }
}