/* Emshow app bridge — thin overrides on existing screens using kit tokens */
.vk .header-bar,
.vk .main-menu,
.vk .watch-page,
.vk .subscription-page,
.vk .profile-picker {
  font-family: var(--vk-font);
}

.vk .btn--base,
.vk .btn-base,
.vk .header-bar__auth-link--register {
  background: var(--vk-primary) !important;
  border-color: var(--vk-primary) !important;
  color: var(--vk-on-primary) !important;
  border-radius: var(--vk-radius-md);
}

.vk .vk-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}

.vk .nav-right__search-btn .vk-icon,
.vk .lp-btn .vk-icon,
.vk .lp-big-play .vk-icon {
  color: inherit;
}

/* Player chrome stays LTR; kit icons tint white */
.vk .watch-player-wrap {
  --vk-player-fg: #fff;
}
.vk .lp-btn,
.vk .lp-big-play {
  color: var(--vk-player-fg, #fff);
}
.vk .lp-progress__played {
  background: var(--vk-progress) !important;
}
.vk .lp-big-play {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.16);
  backdrop-filter: blur(8px);
  display: grid;
  place-items: center;
}
.vk .lp-controls {
  direction: ltr;
}

/* Poster / rail polish */
.vk .movie-card,
.vk .card__thumb {
  border-radius: var(--vk-radius-md);
  overflow: hidden;
}
.vk .section-title {
  font-weight: 900;
  font-size: var(--vk-fs-lg);
}

/* Skeleton shimmer using kit surfaces */
.vk-skel {
  background: linear-gradient(90deg, var(--vk-surface2), var(--vk-surface3), var(--vk-surface2));
  background-size: 200% 100%;
  animation: vk-skel 1.2s ease-in-out infinite;
  border-radius: var(--vk-radius-md);
}
@keyframes vk-skel {
  0% { background-position: 100% 0; }
  100% { background-position: -100% 0; }
}

/* Plan cards on subscription */
.vk .vk-plan {
  background: var(--vk-surface);
  border: 1px solid var(--vk-border);
  border-radius: var(--vk-radius-lg);
  padding: var(--vk-space-6);
}
.vk .vk-plan--featured {
  border-color: var(--vk-primary);
  box-shadow: var(--vk-shadow-md);
}

/* Profile picker chips */
.vk .vk-profile-pick {
  display: flex;
  flex-wrap: wrap;
  gap: var(--vk-space-4);
  justify-content: center;
}
.vk .vk-profile-pick__item {
  width: 112px;
  text-align: center;
  color: var(--vk-text);
  text-decoration: none;
}
.vk .vk-profile-pick__avatar {
  width: 96px;
  height: 96px;
  border-radius: var(--vk-radius-lg);
  object-fit: cover;
  border: 2px solid transparent;
  transition: transform var(--vk-motion-base, 0.2s), border-color var(--vk-motion-base, 0.2s);
}
.vk .vk-profile-pick__item:hover .vk-profile-pick__avatar,
.vk .vk-profile-pick__item:focus .vk-profile-pick__avatar {
  transform: scale(1.06);
  border-color: var(--vk-primary);
}