/* Orchid Reels v502 — dark-only visual correction.
   This final scoped layer removes legacy theme leakage without changing the
   shared Reel player, feed, tracking, comments, reviews or product panels. */

html body section.orchid-video-viewer.orchid-reels-canonical[data-orchid-video-viewer][data-orchid-video-revision="v499"] {
  color-scheme:dark!important;
  --or-bg:#000!important;
  --or-text:#fff!important;
  background:#000!important;
  color:#fff!important;
}

html body section.orchid-video-viewer.orchid-reels-canonical[data-orchid-video-viewer][data-orchid-video-revision="v499"] :is(
  .orchid-reels-desktop-nav,
  .orchid-reels-center,
  .orchid-reels-topbar,
  .orchid-reels-canvas,
  .orchid-reels-right,
  .orchid-video-viewer__stage,
  .orchid-reel-player-pool,
  .orchid-reels-mobile-nav
) {
  background-color:#000!important;
  background-image:none!important;
}

/* The official transparent Orchid wordmark replaces the temporary text mark. */
html body .orchid-video-viewer[data-orchid-video-revision="v499"] .orchid-reels-brand img {
  display:block!important;
  width:142px!important;
  height:auto!important;
  max-height:46px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
html body .orchid-video-viewer[data-orchid-video-revision="v499"] .orchid-reels-mobile-brand img {
  display:block!important;
  width:104px!important;
  height:auto!important;
  max-height:38px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
html body .orchid-video-viewer[data-orchid-video-revision="v499"] .orchid-reels-logo-box { display:none!important; }

/* No loading ornament: playback remains backed by the existing player pool. */
html body .orchid-video-viewer[data-orchid-video-revision="v499"] .orchid-video-viewer__media.is-buffering::before {
  content:none!important;
  display:none!important;
  animation:none!important;
}

/* Main Reels controls are white glyphs on the black canvas, not grey pills. */
html body .orchid-video-viewer[data-orchid-video-revision="v499"] .orchid-video-viewer__actions>div>button,
html body .orchid-video-viewer[data-orchid-video-revision="v499"] .orchid-video-viewer__actions>div>button:hover,
html body .orchid-video-viewer[data-orchid-video-revision="v499"] .orchid-video-viewer__actions>div>button:focus-visible,
html body .orchid-video-viewer[data-orchid-video-revision="v499"] .orchid-video-viewer__actions>div>button.is-active,
html body .orchid-video-viewer[data-orchid-video-revision="v499"] .orchid-reels-arrows button,
html body .orchid-video-viewer[data-orchid-video-revision="v499"] .orchid-video-pause-cue,
html body .orchid-video-viewer[data-orchid-video-revision="v499"] .orchid-reels-mobile-top :is(a,button) {
  border-color:transparent!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  backdrop-filter:none!important;
}
html body .orchid-video-viewer[data-orchid-video-revision="v499"] .orchid-video-viewer__actions>div>button.is-active {
  color:#5cf5c5!important;
  -webkit-text-fill-color:#5cf5c5!important;
}
html body .orchid-video-viewer[data-orchid-video-revision="v499"] .orchid-video-viewer__actions>div>span {
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Navigation keeps the approved layout while remaining dark-only. */
html body .orchid-video-viewer[data-orchid-video-revision="v499"] .orchid-reels-nav-group :is(a,b),
html body .orchid-video-viewer[data-orchid-video-revision="v499"] .orchid-reels-nav-group :is(a,b):hover,
html body .orchid-video-viewer[data-orchid-video-revision="v499"] .orchid-reels-nav-group b {
  background:transparent!important;
  background-image:none!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:none!important;
}
html body .orchid-video-viewer[data-orchid-video-revision="v499"] .orchid-reels-nav-group b {
  border-left:2px solid #006349!important;
}
html body .orchid-video-viewer[data-orchid-video-revision="v499"] .orchid-reels-topbar form,
html body .orchid-video-viewer[data-orchid-video-revision="v499"] .orchid-reels-topbar input,
html body .orchid-video-viewer[data-orchid-video-revision="v499"] .orchid-reels-topbar button {
  background:#000!important;
  background-image:none!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:none!important;
}

/* Creator identity is a single profile link. Broken remote portraits fall back
   to initials, and verification stays legible on every video tone. */
html body .orchid-video-viewer[data-orchid-video-revision="v499"] :is(.orchid-reels-creator-disc,.orchid-reels-view-creator) {
  display:none!important;
}
html body .orchid-video-viewer[data-orchid-video-revision="v499"] .orchid-video-viewer__avatar-link,
html body .orchid-video-viewer[data-orchid-video-revision="v499"] .orchid-video-viewer__avatar {
  animation:none!important;
  transform:none!important;
  outline:0!important;
  box-shadow:none!important;
}
html body .orchid-video-viewer[data-orchid-video-revision="v499"] .orchid-video-viewer__avatar {
  border-color:rgba(255,255,255,.7)!important;
  background:#006349!important;
  background-image:none!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html body .orchid-video-viewer[data-orchid-video-revision="v499"] .orchid-reels-verified {
  display:inline-flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  gap:4px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#5cf5c5!important;
  -webkit-text-fill-color:#5cf5c5!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1!important;
  text-shadow:0 1px 2px #000!important;
  white-space:nowrap!important;
}
html body .orchid-video-viewer[data-orchid-video-revision="v499"] .orchid-reels-verified>span {
  color:#5cf5c5!important;
  -webkit-text-fill-color:#5cf5c5!important;
}

/* More is one permitted grey popup; its actions do not get white blocks from
   global light-theme button rules. */
html body section.orchid-video-viewer.orchid-reels-canonical[data-orchid-video-revision="v499"] .orchid-reels-more {
  border:1px solid #363636!important;
  background:#181818!important;
  background-image:none!important;
  color:#fff!important;
}
html body section.orchid-video-viewer.orchid-reels-canonical[data-orchid-video-revision="v499"] .orchid-reels-more>button {
  display:block!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:11px 12px!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-align:left!important;
}
html body section.orchid-video-viewer.orchid-reels-canonical[data-orchid-video-revision="v499"] .orchid-reels-more>button:hover,
html body section.orchid-video-viewer.orchid-reels-canonical[data-orchid-video-revision="v499"] .orchid-reels-more>button:focus-visible {
  background:#292929!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html body section.orchid-video-viewer.orchid-reels-canonical[data-orchid-video-revision="v499"] .orchid-reels-more>p {
  background:transparent!important;
  background-image:none!important;
  color:#aaa!important;
  -webkit-text-fill-color:#aaa!important;
}

@media (max-width:1099px) {
  html body .orchid-video-viewer[data-orchid-video-revision="v499"] .orchid-video-viewer__tabs :is(button,a),
  html body .orchid-video-viewer[data-orchid-video-revision="v499"] .orchid-video-viewer__tabs .active {
    border-color:rgba(255,255,255,.42)!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    backdrop-filter:none!important;
  }
  html body .orchid-video-viewer[data-orchid-video-revision="v499"] .orchid-video-viewer__tabs .active {
    border-color:#5cf5c5!important;
    color:#5cf5c5!important;
    -webkit-text-fill-color:#5cf5c5!important;
  }
}

/* Specificity lock: the v500 master deliberately used a high-authority scope.
   Match that scope here so no earlier master or site theme can win merely by
   selector weight while preserving the same DOM and responsive geometry. */
html body section.orchid-video-viewer.orchid-reels-canonical[data-orchid-video-viewer][data-orchid-video-ui][data-orchid-video-revision="v499"],
html body section.orchid-video-viewer.orchid-reels-canonical[data-orchid-video-viewer][data-orchid-video-ui][data-orchid-video-revision="v499"] :is(
  .orchid-reels-desktop-nav,
  .orchid-reels-center,
  .orchid-reels-topbar,
  .orchid-reels-canvas,
  .orchid-reels-right,
  .orchid-video-viewer__stage,
  .orchid-reel-player-pool,
  .orchid-reels-mobile-nav
) {
  background-color:#000!important;
  background-image:none!important;
}
html body section.orchid-video-viewer.orchid-reels-canonical[data-orchid-video-viewer][data-orchid-video-ui][data-orchid-video-revision="v499"] .orchid-reels-topbar :is(form,input,button) {
  background-color:#000!important;
  background-image:none!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:none!important;
}
html body section.orchid-video-viewer.orchid-reels-canonical[data-orchid-video-viewer][data-orchid-video-ui][data-orchid-video-revision="v499"] .orchid-video-viewer__actions>div>button,
html body section.orchid-video-viewer.orchid-reels-canonical[data-orchid-video-viewer][data-orchid-video-ui][data-orchid-video-revision="v499"] .orchid-video-viewer__actions>div>button:hover,
html body section.orchid-video-viewer.orchid-reels-canonical[data-orchid-video-viewer][data-orchid-video-ui][data-orchid-video-revision="v499"] .orchid-reels-arrows button,
html body section.orchid-video-viewer.orchid-reels-canonical[data-orchid-video-viewer][data-orchid-video-ui][data-orchid-video-revision="v499"] .orchid-video-pause-cue,
html body section.orchid-video-viewer.orchid-reels-canonical[data-orchid-video-viewer][data-orchid-video-ui][data-orchid-video-revision="v499"] .orchid-reels-mobile-top :is(a,button) {
  border-color:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html body section.orchid-video-viewer.orchid-reels-canonical[data-orchid-video-viewer][data-orchid-video-ui][data-orchid-video-revision="v499"] .orchid-reels-nav-group :is(a,b),
html body section.orchid-video-viewer.orchid-reels-canonical[data-orchid-video-viewer][data-orchid-video-ui][data-orchid-video-revision="v499"] .orchid-reels-nav-group :is(a,b):hover {
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body section.orchid-video-viewer.orchid-reels-canonical[data-orchid-video-viewer][data-orchid-video-ui][data-orchid-video-revision="v499"] .orchid-reels-more>button {
  border:0!important;
  border-radius:0!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

@media (max-width:1099px) {
  html body section.orchid-video-viewer.orchid-reels-canonical[data-orchid-video-viewer][data-orchid-video-ui][data-orchid-video-revision="v499"] .orchid-video-viewer__tabs :is(button,a),
  html body section.orchid-video-viewer.orchid-reels-canonical[data-orchid-video-viewer][data-orchid-video-ui][data-orchid-video-revision="v499"] .orchid-video-viewer__tabs .active {
    background-color:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
  html body section.orchid-video-viewer.orchid-reels-canonical[data-orchid-video-viewer][data-orchid-video-ui][data-orchid-video-revision="v499"] .orchid-video-viewer__tabs .active {
    border-color:#5cf5c5!important;
    color:#5cf5c5!important;
    -webkit-text-fill-color:#5cf5c5!important;
  }
}
