/*
  Shared click-to-play YouTube facade for poster video frames.
  Wrapper BEM classes (process-v3__video, careers-intro__video, etc.) stay unchanged.
*/

.shine-youtube-poster {
  /* Match legacy <a> video controls — no default button chrome */
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  font: inherit;
  cursor: pointer;
  text-align: inherit;
  appearance: none;
  -webkit-appearance: none;
}

.shine-youtube-poster__overlay {
  position: absolute;
  inset: 0;
  display: block;
  pointer-events: none;
}

/* Poster and play sit inside overlay; play span keeps its flex centering from section CSS */
.shine-youtube-poster__overlay .careers-intro__play,
.shine-youtube-poster__overlay .careers-owners__play,
.shine-youtube-poster__overlay .process-v3__play {
  pointer-events: none;
}

.shine-youtube-poster__iframe {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
  border: 0;
}

.shine-youtube-poster.is-playing .shine-youtube-poster__overlay {
  display: none;
}

/* Inherit section focus rings (previously on <a> video links). */
.shine-youtube-poster:focus-visible {
  outline: 2px solid var(--color-text-inverse);
  outline-offset: 4px;
}

.careers-intro__video.shine-youtube-poster:focus-visible,
.careers-owners__video.shine-youtube-poster:focus-visible {
  outline-color: var(--color-primary);
}