/* GodsWork166.0 — public-page depth and navigation polish for Client Mode. */
:root{
  --gw166-shadow-sm:0 6px 15px rgba(8,8,8,.08);
  --gw166-shadow-md:0 11px 24px rgba(8,8,8,.12);
  --gw166-shadow-lg:0 18px 38px rgba(8,8,8,.18);
}

html[data-app-theme="fixed"] .membership-page .app-screen,
html[data-app-theme="fixed"] .membership-page .simple-screen,
html[data-app-theme="fixed"] .membership-page .stone-path{
  background:#ecece8!important;
}
.membership-page .app-header{
  position:relative;
  z-index:20;
  box-shadow:0 9px 22px rgba(8,8,8,.22)!important;
}

/* Primary Client surfaces carry the same layered depth as the public workout card. */
.membership-page .today-summary,
.membership-page .level-summary,
.membership-page .starting-level,
.membership-page .result-panel,
.membership-page .program-focus,
.membership-page .program-movement,
.membership-page .community-post,
.membership-page .community-account,
.membership-page .history-list>* ,
.membership-page .me-list>* ,
.membership-page .nutrition-panel,
.membership-page .activity-panel,
.membership-page .photo-upload,
.membership-page .injury-accordion-section,
.membership-page .test-card,
.membership-page .guided-test{
  border-color:#cecec8!important;
  background:#fff!important;
  box-shadow:var(--gw166-shadow-sm)!important;
}
.membership-page .today-summary,
.membership-page .starting-level,
.membership-page .result-panel,
.membership-page .program-focus,
.membership-page .community-post,
.membership-page .nutrition-panel,
.membership-page .activity-panel,
.membership-page .photo-upload,
.membership-page .test-card,
.membership-page .guided-test{
  border-radius:14px!important;
}

/* One memorable layer: black focus card with a controlled red offset. */
.membership-page .focus-card{
  margin-right:7px!important;
  margin-bottom:25px!important;
  border-radius:15px!important;
  box-shadow:8px 8px 0 #b51f2a,var(--gw166-shadow-lg)!important;
}

/* Workout journey and weekly navigation now feel pressable and easier to scan. */
.membership-page .session-rail{
  gap:9px!important;
  background:transparent!important;
}
.membership-page .session-rail>div{
  border:1px solid #cecec8!important;
  border-radius:12px!important;
  background:#f8f8f6!important;
  box-shadow:var(--gw166-shadow-sm)!important;
}
.membership-page .session-rail>div.active{
  border-color:#151515!important;
  background:#fff!important;
  box-shadow:var(--gw166-shadow-md)!important;
  transform:translateY(-3px);
}
.membership-page .week-path{
  display:grid!important;
  gap:9px!important;
}
.membership-page .week-path button{
  border:1px solid #cecec8!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:var(--gw166-shadow-sm)!important;
}
.membership-page .week-path button.today{
  border-left:4px solid #b51f2a!important;
  box-shadow:var(--gw166-shadow-md)!important;
  transform:translateY(-2px);
}
.membership-page .week-path button:last-child{border-bottom:1px solid #cecec8!important}

/* C1 boxes remain compact; depth clarifies the selected row and inline drawer. */
.membership-page .board-list{background:#ecece8!important}
.membership-page .board-movement{
  border-color:#cecec8!important;
  box-shadow:var(--gw166-shadow-sm)!important;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}
.membership-page .board-movement:active{transform:translateY(1px)}
.membership-page .board-movement.active{
  border-color:#b51f2a!important;
  box-shadow:var(--gw166-shadow-md)!important;
  transform:translateY(-2px);
}
.membership-page .board-drawer{
  position:relative;
  margin:2px 5px 6px!important;
  border:0!important;
  border-radius:14px!important;
  box-shadow:7px 7px 0 #b7b7b1,var(--gw166-shadow-lg)!important;
}
.membership-page .board-drawer::before{
  content:"";
  position:absolute;
  z-index:2;
  top:0;
  right:16px;
  left:16px;
  height:4px;
  background:#b51f2a;
}
.membership-page .board-drawer .board-active{
  border-radius:14px!important;
}
.membership-page .board-guide>button,
.membership-page .board-set input,
.membership-page .board-set select,
.membership-page .board-tools{
  border-radius:8px!important;
  box-shadow:0 4px 10px rgba(8,8,8,.07)!important;
}
.membership-page .board-complete,
.membership-page .path-start,
.membership-page .simple-primary{
  border-radius:9px!important;
  box-shadow:0 10px 21px rgba(8,8,8,.2)!important;
  transition:transform .14s ease,box-shadow .14s ease!important;
}
.membership-page .board-complete:active,
.membership-page .path-start:active,
.membership-page .simple-primary:active{
  transform:translateY(2px)!important;
  box-shadow:0 5px 12px rgba(8,8,8,.18)!important;
}

/* Fixed navigation gains the public page's elevated selected state. */
html[data-app-theme="fixed"] .membership-page .simple-nav,
html[data-app-theme="fixed"] .membership-page .member-nav{
  z-index:30!important;
  border-top:1px solid #d0d0ca!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 -13px 29px rgba(8,8,8,.12)!important;
  backdrop-filter:blur(14px);
}
html[data-app-theme="fixed"] .membership-page .simple-nav button,
html[data-app-theme="fixed"] .membership-page .member-nav button{
  transition:color .16s ease,transform .16s ease!important;
}
html[data-app-theme="fixed"] .membership-page .simple-nav button.active svg,
html[data-app-theme="fixed"] .membership-page .member-nav button.active svg{
  width:36px!important;
  height:36px!important;
  margin-top:-15px;
  padding:7px;
  border-radius:10px;
  background:#fff!important;
  box-shadow:0 7px 17px rgba(8,8,8,.17)!important;
}
html[data-app-theme="fixed"] .membership-page .simple-nav button.active::after,
html[data-app-theme="fixed"] .membership-page .member-nav button.active::after{
  background:#b51f2a!important;
}

/* Sheets float above the page instead of blending into it. */
.membership-page .sheet-card{
  border:1px solid #cecec8!important;
  border-radius:20px 20px 0 0!important;
  background:#fff!important;
  box-shadow:0 -18px 44px rgba(8,8,8,.24)!important;
}

@media(max-width:380px){
  .membership-page .focus-card{margin-right:5px!important;box-shadow:6px 6px 0 #b51f2a,0 14px 30px rgba(8,8,8,.16)!important}
  .membership-page .board-drawer{margin-right:3px!important;margin-left:3px!important;box-shadow:5px 5px 0 #b7b7b1,0 14px 28px rgba(8,8,8,.16)!important}
}
@media(prefers-reduced-motion:reduce){
  .membership-page .session-rail>div.active,
  .membership-page .week-path button.today,
  .membership-page .board-movement,
  .membership-page .board-movement.active,
  .membership-page .board-complete,
  .membership-page .path-start,
  .membership-page .simple-primary,
  html[data-app-theme="fixed"] .membership-page .simple-nav button,
  html[data-app-theme="fixed"] .membership-page .member-nav button{
    transition:none!important;
    transform:none!important;
  }
}