/* Replacements for behaviour the Wix runtime used to provide (see site.js). */

/* restored video player (hidden "A JOKE" page) */
.yk-video { display: block; width: 100%; height: 100%; background: #000; object-fit: contain; }

/* Wix Music placeholders on /lone: only shown once an audio file exists */
.yk-music audio { width: 100%; margin-top: 80px; }

/* menu: hide the overflow "More" button until JS lays the menu out */
wix-dropdown-menu [data-index="__more__"] { display: none !important; }

/* --- 3D carousel (/e-penguin) --- */
.yk-c3d { position: relative; width: 100%; height: 100%; perspective: 1400px; overflow: hidden; }
.yk-c3d__item {
  position: absolute; top: 0; left: 50%; height: 100%;
  transition: transform .8s ease, opacity .8s ease, filter .8s ease;
  will-change: transform; cursor: pointer;
}
.yk-c3d__item img { display: block; height: 100%; width: auto; }
.yk-arrow {
  position: absolute; top: 50%; z-index: 10; width: 44px; height: 64px; margin-top: -32px;
  border: 0; padding: 0; background: transparent; cursor: pointer; opacity: .75; transition: opacity .2s;
}
.yk-arrow:hover { opacity: 1; }
.yk-arrow svg { width: 22px; height: 40px; }
.yk-arrow--prev { left: 6px; }
.yk-arrow--next { right: 6px; }

/* --- masonry (/to-the-antarctica) --- */
.yk-masonry { position: relative; }
.yk-masonry__item {
  position: absolute; display: block; overflow: hidden; cursor: pointer;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .33); background: #f4f4f4;
}
.yk-masonry__item img { display: block; width: 100%; height: 100%; object-fit: cover; transition: opacity .3s; }
.yk-masonry__item:hover img { opacity: .85; }

/* --- slideshow crossfade layer (/impermanence...) --- */
.yk-fade { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; }
[data-testid="gallery-item-click-action-image-zoom"] { cursor: pointer; }

/* --- lightbox ("zoom mode") --- */
.yk-lb {
  position: fixed; inset: 0; z-index: 100000; display: flex; flex-direction: column;
  align-items: center; justify-content: center; background: rgba(255, 255, 255, .96);
  opacity: 0; transition: opacity .25s;
}
.yk-lb.is-open { opacity: 1; }
.yk-lb img { max-width: calc(100vw - 160px); max-height: calc(100vh - 120px); box-shadow: 0 1px 4px rgba(0, 0, 0, .25); }
.yk-lb__title { margin-top: 14px; font: 14px/1.4 helvetica-w01-light, helvetica-w02-light, "Helvetica Neue", Arial, sans-serif; color: #2f2e2e; text-align: center; padding: 0 24px; }
.yk-lb__close {
  position: absolute; top: 16px; right: 20px; width: 40px; height: 40px; border: 0; background: none;
  font: 300 34px/40px Arial, sans-serif; color: #2f2e2e; cursor: pointer;
}
.yk-lb .yk-arrow { position: fixed; }
.yk-lb .yk-arrow--prev { left: 20px; }
.yk-lb .yk-arrow--next { right: 20px; }

/* Pro Gallery slider (/single-project): our "previous" arrow */
.yk-pg-prev svg { transform: scaleX(-1); }