/* Orchid v462: Garden adjacency, dependable banner framing and complete Reels controls. */

/* The universal footer is black throughout. No semantic-nav reset may paint a
   white block behind the company links or the utility buttons. */
html body[class][class][class][class] footer.site-footer,
html body[class][class][class][class] footer.site-footer :is(.site-footer__container,.site-footer__company,.site-footer__links),
html body[class][class][class][class] footer.site-footer :is(nav,div,a,button) {
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body[class][class][class][class] footer.site-footer {background:#000!important;}
html body[class][class][class][class] footer.site-footer .site-footer__social {
  border:1px solid rgba(255,255,255,.42)!important;
  border-radius:50%!important;
}

/* Shopper artwork fills the exact published banner rectangle. Inline CMS
   framing can still override this with Fit or Stretch when Admin chooses it. */
html body #discover .shopper-live-banner.orchid-responsive-banner,
html body #discover [data-shopper-live-banner].orchid-responsive-banner {
  width:100vw!important;
  max-width:none!important;
  margin-inline:calc(50% - 50vw)!important;
  overflow:hidden!important;
  background:#07110e!important;
}
html body #discover .shopper-live-banner.orchid-responsive-banner .orchid-banner-creative,
html body #discover .shopper-live-banner.orchid-responsive-banner .orchid-banner-layer {
  width:100%!important;
  height:100%!important;
}
html body #discover .shopper-live-banner.orchid-responsive-banner .orchid-banner-layer {
  object-fit:cover!important;
  object-position:center!important;
}

/* The public role introductions have one clear onboarding action. */
html body.page-creators .creator-discover-onboarding,
html body.page-brands .brand-discover-onboarding {
  min-width:min(330px,calc(100vw - 36px))!important;
  white-space:normal!important;
}

/* The circular shopper access point has no grey/white rectangle behind it. */
html body .orchid-video-rail[data-orchid-video-ui="v461"][data-orchid-video-revision="v462"] .orchid-video-access,
html body .orchid-video-rail[data-orchid-video-ui="v461"][data-orchid-video-revision="v462"] .orchid-video-access__button,
html body .orchid-video-rail[data-orchid-video-ui="v461"][data-orchid-video-revision="v462"] .orchid-video-access__button:is(:hover,:focus,:active) {
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  outline-offset:7px!important;
}
html body .orchid-video-rail[data-orchid-video-revision="v462"] .orchid-video-access__button > :is(strong,small) {
  background:transparent!important;
  box-shadow:none!important;
}

/* Remove the inherited translucent rectangle at the top of the video. Only
   the circular close control remains in that layer. */
html body .orchid-video-viewer.orchid-video-viewer[data-orchid-video-revision="v462"] .orchid-video-viewer__head.orchid-video-viewer__head {
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  pointer-events:none!important;
}
html body .orchid-video-viewer[data-orchid-video-revision="v462"] .orchid-video-viewer__head .orchid-video-viewer__close {
  pointer-events:auto!important;
}

/* Semantic header/nav/aside/footer light-theme resets cannot hide the Reel
   action glyphs or repaint the controls. */
html body .orchid-video-viewer.orchid-video-viewer[data-orchid-video-revision="v462"] .orchid-video-viewer__stage :is(
  .orchid-video-viewer__tabs,
  .orchid-video-viewer__actions,
  .orchid-video-viewer__bottom,
  .orchid-video-viewer__creator-row,
  .orchid-video-viewer__vertical-nav
) {
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body .orchid-video-viewer.orchid-video-viewer[data-orchid-video-revision="v462"] .orchid-video-viewer__actions :is(button,.orchid-video-viewer__metric) {
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body .orchid-video-viewer.orchid-video-viewer[data-orchid-video-revision="v462"] .orchid-video-viewer__actions svg,
html body .orchid-video-viewer.orchid-video-viewer[data-orchid-video-revision="v462"] .orchid-video-viewer__actions svg :is(path,circle,rect,line,polyline) {
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  vector-effect:non-scaling-stroke;
}
html body .orchid-video-viewer[data-orchid-video-revision="v462"] [data-video-shop] svg {
  color:#58efb3!important;
}

/* Wheel, swipe, arrow keys and these explicit controls all use the same
   previous/next function. Disabled ends are visibly distinct. */
html body .orchid-video-viewer[data-orchid-video-revision="v462"] .orchid-video-viewer__vertical-nav {
  position:absolute!important;
  z-index:14!important;
  left:-66px!important;
  top:50%!important;
  display:grid!important;
  gap:10px!important;
  width:46px!important;
  transform:translateY(-50%)!important;
}
html body .orchid-video-viewer[data-orchid-video-revision="v462"] .orchid-video-viewer__vertical-nav button {
  display:grid!important;
  place-items:center!important;
  width:44px!important;
  height:44px!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.42)!important;
  border-radius:50%!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:rgba(0,2,1,.72)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.28)!important;
  font:700 20px/1 Arial,sans-serif!important;
  cursor:pointer!important;
}
html body .orchid-video-viewer[data-orchid-video-revision="v462"] .orchid-video-viewer__vertical-nav button:disabled {
  opacity:.28!important;
  cursor:not-allowed!important;
}
.orchid-video-viewer[data-orchid-video-revision="v462"][data-feed-direction="next"] .orchid-video-viewer__media > :is(video,img) {
  animation:orchidReelInFromBottom .24s ease-out both;
}
.orchid-video-viewer[data-orchid-video-revision="v462"][data-feed-direction="previous"] .orchid-video-viewer__media > :is(video,img) {
  animation:orchidReelInFromTop .24s ease-out both;
}
@keyframes orchidReelInFromBottom {from{opacity:.25;transform:translateY(7%)}to{opacity:1;transform:none}}
@keyframes orchidReelInFromTop {from{opacity:.25;transform:translateY(-7%)}to{opacity:1;transform:none}}

@media(max-width:760px) {
  html body .orchid-video-viewer[data-orchid-video-revision="v462"] .orchid-video-viewer__vertical-nav {
    left:12px!important;
    top:50%!important;
    gap:8px!important;
  }
  html body .orchid-video-viewer[data-orchid-video-revision="v462"] .orchid-video-viewer__vertical-nav button {
    width:38px!important;
    height:38px!important;
    background:rgba(0,0,0,.54)!important;
  }
}

@media(prefers-reduced-motion:reduce) {
  .orchid-video-viewer[data-orchid-video-revision="v462"] .orchid-video-viewer__media > :is(video,img) {animation:none!important;}
}