/* TouraCraft v3.20.2 — Passport Full-Canvas Background + Clear Laser Glass
   CLEAN REPLACEMENT for v3.20.1 presentation layer.
   One replaceable artwork source only:
   ../assets/passport-background-current.png
   No auth, data, routing, Passport, stamp, profile, or Partner behavior changes. */

/* The artwork is the canvas for the entire authenticated member screen,
   including the topbar. It is NOT scoped to the dashboard rectangle. */
body:has(#memberPage:not(.hidden)){
  background:
    linear-gradient(180deg,rgba(2,8,13,.16),rgba(2,8,13,.24)),
    url("../assets/passport-background-current.png") center center / cover no-repeat fixed;
  background-color:#03101a;
}

#memberPage.member-page-shell:not(.hidden){
  background:transparent;
}

#memberPage .member-topbar,
#memberPage main,
.member-dashboard{
  background:transparent !important;
}

/* Retire all legacy member-dashboard background pseudo layers. */
.member-dashboard:before{
  content:none !important;
  display:none !important;
}

/* CLEAR LASER GLASS:
   large structural panes remain readable but intentionally reveal the canvas.
   Stronger gloss is reserved for nested controls/buttons/metric plates. */
.member-profile-hero,
.member-passport-hero,
.member-side-panel,
.member-main-panel{
  background:linear-gradient(145deg,rgba(3,14,23,.20),rgba(2,10,18,.12)) !important;
  backdrop-filter:blur(3px) saturate(112%) contrast(103%) !important;
  -webkit-backdrop-filter:blur(3px) saturate(112%) contrast(103%) !important;
  box-shadow:
    0 14px 36px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.11) !important;
}

.member-profile-hero,
.member-passport-hero{
  background:linear-gradient(145deg,rgba(3,15,24,.23),rgba(2,10,18,.14)) !important;
}

.member-main-panel{
  background:linear-gradient(145deg,rgba(2,12,20,.15),rgba(1,8,14,.09)) !important;
}

.live-you-card,
.spotlight-card,
.passport-overview-card,
.update-card{
  background:linear-gradient(145deg,rgba(5,22,34,.22),rgba(2,12,20,.14)) !important;
  backdrop-filter:blur(4px) saturate(116%) contrast(104%) !important;
  -webkit-backdrop-filter:blur(4px) saturate(116%) contrast(104%) !important;
  box-shadow:
    0 12px 30px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
}

/* Nested controls retain the more polished glossy treatment so hierarchy stays clear. */
.metric-strip .metric,
.member-card-inline,
.member-main-panel .button.ghost,
.passport-page-btn,
.member-section-close{
  backdrop-filter:blur(10px) saturate(132%) contrast(106%) !important;
  -webkit-backdrop-filter:blur(10px) saturate(132%) contrast(106%) !important;
}

.metric-strip .metric{
  background:linear-gradient(145deg,rgba(8,34,52,.40),rgba(3,19,31,.30)) !important;
}

.member-side-item.active{
  background:linear-gradient(145deg,rgba(23,76,109,.46),rgba(8,40,62,.32)) !important;
  backdrop-filter:blur(10px) saturate(132%) !important;
  -webkit-backdrop-filter:blur(10px) saturate(132%) !important;
}

/* Keep text readable without placing a cloudy film over the entire canvas. */
.member-profile-hero,
.member-passport-hero,
.member-side-panel,
.member-main-panel,
.live-you-card,
.spotlight-card,
.passport-overview-card,
.update-card{
  text-shadow:0 1px 2px rgba(0,0,0,.30);
}

@media (max-width:760px){
  body:has(#memberPage:not(.hidden)){
    background-position:center top;
    background-attachment:scroll;
  }
}