/* SOCIUS glass cleanup — transparent controls, clean rounded clipping, soft faded product hovers */

/* Top bar: text-only at rest. The glass control appears only on hover/focus. */
.header .nav button,
.header .nav .bag{
  background:transparent!important;
  border:1px solid transparent!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.header .nav button:hover,
.header .nav button:focus-visible,
.header .nav .bag:hover,
.header .nav .bag:focus-visible{
  background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.08))!important;
  border-color:rgba(255,255,255,.28)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.46),0 10px 22px rgba(0,0,0,.14)!important;
  -webkit-backdrop-filter:blur(12px) saturate(130%)!important;
  backdrop-filter:blur(12px) saturate(130%)!important;
  transform:translateY(-3px) scale(1.025)!important;
}

/* Base 3 list: no visible glass boxes at rest. Keep the original ghosted/foggy bottle hover. */
.preview-rows{
  display:block!important;
  border-top:1px solid var(--line)!important;
  gap:0!important;
}
.preview-rows button{
  overflow:hidden!important;
  border:0!important;
  border-bottom:1px solid var(--line)!important;
  border-radius:0!important;
  margin:0!important;
  background:transparent!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  transform:none!important;
  clip-path:none!important;
}
.preview-rows button:hover{
  background:linear-gradient(90deg,rgba(255,255,255,.14),rgba(255,255,255,.035) 58%,transparent)!important;
  box-shadow:none!important;
  border-color:var(--line)!important;
  transform:none!important;
  padding-left:9px!important;
}
.row-silhouette{
  opacity:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  border-radius:0!important;
  filter:blur(.45px) saturate(.72) drop-shadow(0 16px 22px rgba(0,0,0,.12))!important;
  transform:translateX(18px) scale(.95)!important;
  mix-blend-mode:multiply!important;
}
.preview-rows button:hover .row-silhouette,
.visual-rows button:hover .row-silhouette{
  opacity:.10!important;
  filter:blur(.7px) saturate(.65) drop-shadow(0 16px 22px rgba(0,0,0,.10))!important;
  transform:translateX(0) scale(1)!important;
}

/* Kill every full-card pseudo overlay that can create square corners or blur bands. */
.preview-stage:before,
.preview-stage:after,
.preview-shot:before,
.preview-shot:after,
.campaign-mosaic .campaign-shot:before,
.campaign-mosaic .campaign-shot:after,
.visual-world-card:before,
.visual-world-card:after,
.idea-card:before,
.idea-card:after,
.influence-stat:before,
.influence-stat:after{
  content:none!important;
  display:none!important;
}

/* Rounded glass must actually clip its contents. */
.preview-stage,
.preview-shot,
.campaign-mosaic .campaign-shot,
.visual-world-card,
.idea-card,
.influence-stat,
.modal,
.newsletter-card,
.build-stage,
.preview-community .cloud{
  overflow:hidden!important;
  background-clip:padding-box!important;
  isolation:isolate!important;
  clip-path:none!important;
}
.preview-stage{border-radius:34px!important}
.preview-shot,.campaign-mosaic .campaign-shot{border-radius:26px!important}
.visual-world-card{border-radius:28px!important}
.idea-card,.influence-stat{border-radius:24px!important}

/* Remove clip-path tricks that were producing hard horizontal/rectangular artifacts. */
.preview-shot img,
.campaign-mosaic .campaign-shot img,
.visual-world-card img{
  clip-path:none!important;
  border-radius:0!important;
}

/* Bottom SHOWER / Morning / Night cards: no blur strip through the bottle. */
.visual-world-card,
.visual-world-card small,
.visual-world-card strong,
.visual-world-card>div,
.visual-world-card img{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.visual-world-card img{
  z-index:1!important;
  filter:drop-shadow(0 24px 30px rgba(0,0,0,.17))!important;
}
.visual-world-card>div{z-index:3!important}
.visual-world-card:hover img{
  filter:drop-shadow(0 31px 36px rgba(0,0,0,.21))!important;
}

/* Keep glass depth with clean shadows, not pseudo-element shadows. */
.preview-stage,
.preview-shot,
.campaign-mosaic .campaign-shot,
.visual-world-card,
.idea-card,
.influence-stat{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.48),0 18px 44px rgba(37,29,24,.10),0 4px 12px rgba(37,29,24,.05)!important;
}
.preview-shot:hover,
.campaign-mosaic .campaign-shot:hover,
.visual-world-card:hover,
.idea-card:hover,
.influence-stat:hover{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.54),0 26px 58px rgba(37,29,24,.14),0 8px 18px rgba(37,29,24,.07)!important;
}

/* Secondary controls: invisible material at rest, glass appears on hover. */
.pill:not(.pill-dark),
.vote,
.icon,
.auth-tabs button{
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.pill:not(.pill-dark):hover,
.vote:hover,
.icon:hover,
.auth-tabs button:hover,
.auth-tabs button.active{
  background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.08))!important;
  border-color:rgba(255,255,255,.34)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 10px 22px rgba(40,32,27,.10)!important;
  -webkit-backdrop-filter:blur(12px)!important;
  backdrop-filter:blur(12px)!important;
}

@media(max-width:700px){
  .preview-stage{border-radius:26px!important}
  .preview-shot,.campaign-mosaic .campaign-shot,.visual-world-card{border-radius:22px!important}
  .preview-rows button:hover{padding-left:0!important;background:transparent!important}
  .header .nav button:hover,.header .nav .bag:hover{transform:none!important}
}