.video-js .vjs-control-bar {
  position: static !important; /* Removed 'absolute' */
  top: auto !important;      /* Cleared previous 'top' value */
  bottom: auto !important;   /* Cleared previous 'bottom' value */
  left: auto !important;     /* Cleared previous 'left' value */
  right: auto !important;    /* Cleared previous 'right' value */
  margin-top: -2px;
}

/* Ensure the video container has proper positioning context */
.video-js .vjs-tech {
  position: static !important; /* Removed 'absolute' */
  top: auto !important;      /* Cleared previous 'top' value */
  bottom: auto !important;   /* Cleared previous 'bottom' value */
  left: auto !important;     /* Cleared previous 'left' value */
  right: auto !important;    /* Cleared previous 'right' value */
}

.bi-vimeo-video-wrapper {
  position: relative;
  z-index: 0;
}

.bi-vimeo-video-wrapper > .gds-image {
  display: block;
  position: absolute;
  inset: 0;
  z-index: 1;
  cursor: pointer;
  pointer-events: unset !important;
}

.bi-vimeo-video-wrapper > .gds-image picture {
  display: block;
  height: inherit;
}
.bi-vimeo-video-wrapper > .gds-image img {
  margin-block: unset;
}

.bi-vimeo-video-wrapper > video {
  display: block;
  position: relative;
}

video::-webkit-media-controls {
  z-index: 3;
  position: relative;
}

.gds-video[data-id="video-vimeo"]{
    display: flex;
    flex-direction: column;
    margin-bottom: 1.75rem;

    video {
      width: 100%;
      height: 100% !important;
    }

    .gds-video__video {
        position: relative;
        width: 100%;
        flex-grow: 1;
        aspect-ratio: 16 / 9;
    }

    .gds-video__button--is-pause {
      z-index: 99;
    }

    .video-js {
        .vjs-control-bar {
            position: absolute !important;
            margin-top: -30px !important;
            z-index: 3;
            bottom: 0 !important;
        }
    }

    .video-js.vjs-paused {
        .vjs-tech {
            position: absolute !important;
            z-index: 2;
        }

        .vjs-control-bar {
            margin-top: 0 !important;
        }
    }

    .video-js.vjs-fullscreen {
        .vjs-tech {
            width: 100% !important;
            height: 100vh !important;
            object-fit: contain;
        }
    }
}
