/* Borrow Someone's Day · V73
   Keep the nighttime reveal, but bring the product back into Homesick's warm,
   paper-led visual system. This file intentionally loads after legacy styles. */

:root {
  --borrow-ink: #382447;
  --borrow-plum: #4a3159;
  --borrow-night: #2d1c38;
  --borrow-night-light: #4c315b;
  --borrow-paper: #fffaf0;
  --borrow-paper-soft: #f6f0e4;
  --borrow-mint: #b8dfc7;
  --borrow-yellow: #f1ce64;
  --borrow-muted: #706575;
}

/* Draw screen: firelight instead of a nearly black veil. */
.adventure-hub-unified #adventure .identityCardStage:not(.hasIdentity),
.adventure-hub-unified #adventure .identityCardStage:not(.hasIdentity) .identity3dScene {
  background: linear-gradient(145deg, #382346 0%, #24152f 72%, #1c1125 100%);
}

.adventure-hub-unified #adventure .identityCardStage:not(.hasIdentity) .identityDealerArt {
  filter: saturate(.96) brightness(1.08) contrast(.97) !important;
}

.adventure-hub-unified #adventure .identityCardStage:not(.hasIdentity) .identityStageVeil {
  background: linear-gradient(0deg, rgba(18, 9, 25, .42) 0%, rgba(18, 9, 25, .015) 53%, rgba(18, 9, 25, .08) 100%) !important;
}

.adventure-hub-unified #adventure .identityCardStage:not(.hasIdentity) .dealerStatus {
  border: 2px solid var(--borrow-ink) !important;
  background: rgba(255, 250, 240, .94) !important;
  color: var(--borrow-ink) !important;
  box-shadow: 5px 5px 0 var(--borrow-yellow) !important;
  backdrop-filter: blur(5px);
}

.adventure-hub-unified #adventure .identityCardStage:not(.hasIdentity) .dealerStatus small,
.adventure-hub-unified #adventure .identityCardStage:not(.hasIdentity) .dealerStatus b {
  color: var(--borrow-ink) !important;
}

.adventure-hub-unified #adventure .identityCardStage:not(.hasIdentity) .fanCardBackFace {
  border-color: rgba(255, 234, 190, .7) !important;
  filter: brightness(1.55) saturate(.94) contrast(1.02) !important;
  box-shadow: inset -5px 0 12px rgba(33, 17, 42, .12), 0 10px 22px rgba(8, 4, 12, .28), 0 0 0 1px rgba(241, 206, 100, .24) !important;
}

.adventure-hub-unified #adventure .identityCardStage:not(.hasIdentity) .fanCard:hover .fanCardBackFace,
.adventure-hub-unified #adventure .identityCardStage:not(.hasIdentity) .fanCard.isPrimed .fanCardBackFace,
.adventure-hub-unified #adventure .identityCardStage:not(.hasIdentity) .fanCard:focus-visible .fanCardBackFace {
  filter: brightness(1.72) saturate(.98) contrast(1.01) !important;
  box-shadow: inset -5px 0 12px rgba(33, 17, 42, .12), 0 15px 30px rgba(8, 4, 12, .38), 0 0 0 2px rgba(241, 206, 100, .84) !important;
}

.adventure-hub-unified #adventure .identityChoiceHint {
  color: rgba(255, 250, 240, .9) !important;
  text-shadow: 0 2px 12px rgba(8, 4, 12, .7);
}

.adventure-hub-unified #adventure .borrowedIntro p {
  color: var(--borrow-muted) !important;
}

.adventure-hub-unified #adventure .borrowedIntro .identityRemaining,
.adventure-hub-unified #adventure .borrowedIntro small {
  color: #8b6ba7 !important;
}

/* Result page: rich Adventure purple, not a separate near-black microsite. */
.adventure-hub-unified #adventure .identityCardStage.hasIdentity {
  background:
    radial-gradient(circle at 50% 3%, rgba(214, 176, 237, .28), transparent 36%),
    linear-gradient(145deg, var(--borrow-night-light), var(--borrow-night) 64%, #24162d) !important;
  color: var(--borrow-paper) !important;
}

.adventure-hub-unified #adventure .identityCardStage.hasIdentity .identityResultSeries {
  border-color: rgba(255, 250, 240, .22);
  color: #e1baf6;
}

.adventure-hub-unified #adventure .identityCardStage.hasIdentity .identityResultArtwork {
  border-color: rgba(255, 250, 240, .25);
  background: #382346;
  box-shadow: 0 24px 55px rgba(16, 8, 22, .35);
}

.adventure-hub-unified #adventure .identityCardStage.hasIdentity .identityJourney li,
.adventure-hub-unified #adventure .identityCardStage.hasIdentity .identityBeforeAccept {
  border-color: rgba(255, 250, 240, .2);
  background: rgba(255, 250, 240, .075);
}

.adventure-hub-unified #adventure .identityCardStage.hasIdentity .identityTakeaway {
  border-color: rgba(241, 206, 100, .34);
  background: linear-gradient(130deg, rgba(241, 206, 100, .17), rgba(255, 250, 240, .06));
}

.adventure-hub-unified #adventure .identityCardStage.hasIdentity .identityResultCopy,
.adventure-hub-unified #adventure .identityCardStage.hasIdentity .identityJourney li p,
.adventure-hub-unified #adventure .identityCardStage.hasIdentity .identityBeforeAccept p,
.adventure-hub-unified #adventure .identityCardStage.hasIdentity .identityDecisionCopy {
  color: rgba(255, 250, 240, .76);
}

.adventure-hub-unified #adventure .identityCardStage.hasIdentity .identityDecisionActions .btn2 {
  border-color: rgba(255, 250, 240, .58) !important;
  background: rgba(255, 250, 240, .06) !important;
  color: var(--borrow-paper) !important;
}

.adventure-hub-unified #adventure .identityCardStage.hasIdentity .identityDecisionActions .btn2:hover {
  border-color: var(--borrow-yellow) !important;
  background: rgba(241, 206, 100, .13) !important;
}

/* Both action dialogs return to the Homesick paper language. */
#identityConsultModal .identityConsultDialog,
#identityRejectModal .identityRejectDialog {
  border: 2px solid var(--borrow-ink) !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg, var(--borrow-paper) 0%, var(--borrow-paper-soft) 100%) !important;
  color: var(--borrow-ink) !important;
  box-shadow: 9px 9px 0 var(--borrow-yellow), 0 30px 80px rgba(20, 10, 27, .34) !important;
}

#identityConsultModal .identityKicker,
#identityRejectModal .identityKicker,
#identityConsultModal .identityConsultDialog > h3,
#identityRejectModal .identityRejectDialog > h3 {
  color: var(--borrow-ink) !important;
}

#identityConsultModal .identityConsultDialog > p,
#identityRejectModal .identityRejectDialog > p,
#identityConsultModal .identityConsultSubmit small,
#identityConsultModal .identityConsultSuccess p {
  color: var(--borrow-muted) !important;
}

#identityConsultModal .identityConsultClose {
  border: 2px solid var(--borrow-ink) !important;
  background: var(--borrow-mint) !important;
  color: var(--borrow-ink) !important;
  box-shadow: 3px 3px 0 rgba(56, 36, 71, .18);
}

#identityConsultModal .identityConsultBadge {
  border: 1px solid rgba(56, 36, 71, .25) !important;
  background: rgba(184, 223, 199, .46) !important;
  color: #63536c !important;
}

#identityConsultModal .identityConsultBadge strong,
#identityConsultModal .identityConsultField > span,
#identityConsultModal .identityConsultSuccess h4 {
  color: var(--borrow-ink) !important;
}

#identityConsultModal .identityConsultField em {
  color: #8b7d8d !important;
}

#identityConsultModal .identityConsultField input,
#identityConsultModal .identityConsultField select,
#identityConsultModal .identityConsultField textarea {
  border: 1px solid rgba(56, 36, 71, .34) !important;
  background: rgba(255, 255, 255, .78) !important;
  color: var(--borrow-ink) !important;
  color-scheme: light !important;
}

#identityConsultModal .identityConsultField input::placeholder,
#identityConsultModal .identityConsultField textarea::placeholder {
  color: #938798 !important;
  opacity: 1;
}

#identityConsultModal .identityConsultField input:focus,
#identityConsultModal .identityConsultField select:focus,
#identityConsultModal .identityConsultField textarea:focus {
  border-color: #8b6ba7 !important;
  box-shadow: 0 0 0 3px rgba(139, 107, 167, .15) !important;
}

#identityConsultModal .identityConsultSuccess > span {
  border-color: var(--borrow-ink) !important;
  background: var(--borrow-mint) !important;
  color: var(--borrow-ink) !important;
}

#identityConsultModal .identityConsultSuccess .btn2,
#identityRejectModal .identityRejectActions .btn2 {
  border: 2px solid var(--borrow-ink) !important;
  background: transparent !important;
  color: var(--borrow-ink) !important;
}

#identityConsultModal .identityConsultSuccess .btn2:hover,
#identityRejectModal .identityRejectActions .btn2:hover {
  background: rgba(184, 223, 199, .5) !important;
}

#identityRejectModal .identityRejectActions .btn {
  border-color: var(--borrow-ink) !important;
  background: var(--borrow-ink) !important;
  color: var(--borrow-paper) !important;
}

@media (max-width: 680px) {
  #identityConsultModal .identityConsultDialog,
  #identityRejectModal .identityRejectDialog {
    width: calc(100vw - 28px) !important;
    box-shadow: 6px 6px 0 var(--borrow-yellow), 0 24px 60px rgba(20, 10, 27, .32) !important;
  }

  .adventure-hub-unified #adventure .identityCardStage:not(.hasIdentity) .identityDealerArt {
    filter: saturate(.96) brightness(1.12) contrast(.97) !important;
  }

  .adventure-hub-unified #adventure .identityCardStage:not(.hasIdentity) .identityStageVeil {
    background: linear-gradient(0deg, rgba(18, 9, 25, .48) 0%, rgba(18, 9, 25, .02) 58%, rgba(18, 9, 25, .08) 100%) !important;
  }
}
