/* ============================================================================
   V2 section navigation and compact interaction labels.

   Loaded after each page stylesheet and access-marks-v2.css. This replaces
   boxed, scrolling tab strips with open editorial navigation. It does not
   change KVS URLs, page branches, AJAX parameters, or tab data hooks.
   ============================================================================ */

.v2-main .v2-video-filters,
.v2-main .v2-profile-tabs,
.v2-main .v2-library-tabs{
  display:flex;
  align-items:stretch;
  flex-wrap:wrap;
  gap:0 28px;
  overflow:visible;
  border-bottom:1px solid var(--v2-line);
  scrollbar-width:auto;
}

.v2-main .v2-video-filters a,
.v2-main .v2-profile-tabs a,
.v2-main .v2-library-tabs a{
  position:relative;
  min-height:50px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:12px 0 10px;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--v2-muted);
  font-size:16px;
  font-weight:600;
  white-space:nowrap;
}

.v2-main .v2-video-filters a:first-child,
.v2-main .v2-profile-tabs a:first-child,
.v2-main .v2-library-tabs a:first-child{
  border-left:0;
}

.v2-main .v2-video-filters a::after,
.v2-main .v2-profile-tabs a::after,
.v2-main .v2-library-tabs a::after{
  content:"";
  position:absolute;
  right:0;
  bottom:-1px;
  left:0;
  height:2px;
  background:transparent;
  box-shadow:none;
}

.v2-main .v2-video-filters a:hover,
.v2-main .v2-profile-tabs a:hover,
.v2-main .v2-library-tabs a:hover{
  border-color:transparent;
  background:transparent;
  color:var(--v2-ink);
}

.v2-main .v2-video-filters a.active,
.v2-main .v2-profile-tabs a.active,
.v2-main .v2-library-tabs a.active{
  border-color:transparent;
  background:transparent;
  color:var(--v2-ink);
}

.v2-main .v2-video-filters a.active::after,
.v2-main .v2-profile-tabs a.active::after,
.v2-main .v2-library-tabs a.active::after{
  background:var(--v2-magenta-hi);
  box-shadow:none;
}

.v2-main .v2-profile-tabs a span,
.v2-main .v2-library-tabs a span{
  align-self:flex-start;
  margin-top:2px;
  color:var(--v2-gold);
  font-size:11px;
  font-weight:700;
}

/* The view-video and view-album information tabs retain their native KVS
   href targets and link-tab hooks, but read as quiet text navigation. */
.v2-main .video-controls .sort-control{
  display:flex;
  align-items:stretch;
  flex-wrap:wrap;
  gap:0 20px;
}

.v2-main .video-controls .sort-control .btn-holder{
  display:flex;
  align-items:stretch;
}

.v2-main .video-controls .sort-control .tab-btn{
  position:relative;
  min-height:40px;
  padding:8px 0;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--v2-muted);
  font-size:16px;
}

.v2-main .video-controls .sort-control .tab-btn::after{
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  height:2px;
  background:transparent;
}

.v2-main .video-controls .sort-control .tab-btn:hover,
.v2-main .video-controls .sort-control .tab-btn.active{
  border-color:transparent;
  background:transparent;
  color:var(--v2-ink);
}

.v2-main .video-controls .sort-control .tab-btn.active::after{
  background:var(--v2-magenta-hi);
}

.v2-video-view .v2-action-label{
  font-size:16px;
  font-weight:700;
}

@media (max-width:600px){
  .v2-main .v2-video-filters,
  .v2-main .v2-profile-tabs,
  .v2-main .v2-library-tabs{
    gap:0 19px;
  }

  .v2-main .v2-video-filters a,
  .v2-main .v2-profile-tabs a,
  .v2-main .v2-library-tabs a{
    min-height:46px;
    padding-block:10px 8px;
    font-size:16px;
  }
}