/* sliders.css — Highlight + Ads sliders (safe, no overlays over Vimeo) */

:root{
  --yph-gold: #c8a24a;
  --yph-gold-shadow: rgba(0,0,0,.55);
}

@font-face{
  font-family: "YPHFont1";
  src: url("/fonts/font1.woff2") format("woff2");
  font-display: swap;
}
@font-face{
  font-family: "YPHFont2";
  src: url("/fonts/font2.woff2") format("woff2");
  font-display: swap;
}
@font-face{
  font-family: "YPHFont3";
  src: url("/fonts/font3.woff2") format("woff2");
  font-display: swap;
}

/* Host containers are in normal flow (won't block Vimeo clicks) */
.yph-slider{
  overflow: hidden;
  width: 100%;
  touch-action: pan-y; /* allow vertical page scroll; we handle horizontal swipe */
  -webkit-tap-highlight-color: transparent;
}

.yph-slider--highlight{ margin: 10px 0 18px; }
.yph-slider--ads{ margin: 16px 0 0; opacity: .98; }
.yph-slider--promo{ margin: 12px 0 12px; opacity: .99; }

.yph-slider__track{
  display: flex;
  gap: 14px;
  align-items: stretch;
  will-change: transform;
  animation: yph-marquee 28s linear infinite;
}
.yph-slider--ads .yph-slider__track{ gap: 10px; animation-duration: 34s; }
.yph-slider--promo .yph-slider__track{ gap: 12px; animation-duration: 30s; }

@keyframes yph-marquee{
  0%{ transform: translateX(0); }
  100%{ transform: translateX(-50%); }
}

.yph-slide{
  position: relative;
  flex: 0 0 auto;
  border-radius: 14px;
  overflow: hidden;
  display: block;
  text-decoration: none;
  /* ensure no scrollbars */
}

.yph-slide img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.yph-slide--highlight{
  width: min(520px, 88vw);
  aspect-ratio: 16 / 7;
}

.yph-slide--ads{
  width: min(360px, 80vw);
  aspect-ratio: 16 / 5;
}

.yph-slide--promo{
  width: min(420px, 84vw);
  aspect-ratio: 16 / 6;
}

.yph-slide--promo{
  width: min(440px, 84vw);
  aspect-ratio: 16 / 6;
}

/* Pause animation on hover/touch */
.yph-slider:hover .yph-slider__track{
  animation-play-state: paused;
}

/* Overlay text */
.yph-overlay{
  position: absolute;
  inset: 0;
  pointer-events: none; /* important: never blocks clicks */
  display: flex;
  padding: 14px;
}
.yph-overlay__text{
  color: var(--yph-gold);
  text-shadow: 0 2px 10px var(--yph-gold-shadow);
  letter-spacing: .02em;
  line-height: 1.1;
  max-width: 92%;
  white-space: pre-wrap; position:relative; display:inline-block; }


/* Shadow variants (optional per slide) */
.yph-shadow-none .yph-overlay__text{ text-shadow: none; }
.yph-shadow-soft .yph-overlay__text{ text-shadow: 0 2px 10px rgba(0,0,0,.55); }
.yph-shadow-strong .yph-overlay__text{ text-shadow: 0 3px 16px rgba(0,0,0,.75), 0 0 2px rgba(0,0,0,.65); }
.yph-shadow-outline .yph-overlay__text{
  text-shadow:
    1px 1px 0 rgba(0,0,0,.75),
    -1px 1px 0 rgba(0,0,0,.75),
    1px -1px 0 rgba(0,0,0,.75),
    -1px -1px 0 rgba(0,0,0,.75),
    0 3px 14px rgba(0,0,0,.65);
}

/* Font variants */
.yph-font-font1 .yph-overlay__text{ font-family: "YPHFont1", system-ui, sans-serif; }
.yph-font-font2 .yph-overlay__text{ font-family: "YPHFont2", system-ui, sans-serif; }
.yph-font-font3 .yph-overlay__text{ font-family: "YPHFont3", system-ui, sans-serif; }

/* Positions */
.yph-pos-tl{ justify-content:flex-start; align-items:flex-start; text-align:left; }
.yph-pos-tr{ justify-content:flex-end; align-items:flex-start; text-align:right; }
.yph-pos-bl{ justify-content:flex-start; align-items:flex-end; text-align:left; }
.yph-pos-br{ justify-content:flex-end; align-items:flex-end; text-align:right; }
.yph-pos-c{ justify-content:center; align-items:center; text-align:center; }

/* Sizes */
.yph-size-s .yph-overlay__text{ font-size: 22px; }
.yph-size-m .yph-overlay__text{ font-size: 30px; }
.yph-size-l .yph-overlay__text{ font-size: 40px; }

@media (max-width: 520px){
  .yph-size-s .yph-overlay__text{ font-size: 18px; }
  .yph-size-m .yph-overlay__text{ font-size: 24px; }
  .yph-size-l .yph-overlay__text{ font-size: 30px; }
}

/* Stroke (Kontur) */
.yph-stroke-none .yph-overlay__text{ -webkit-text-stroke: 0px transparent; }
.yph-stroke-light .yph-overlay__text{ -webkit-text-stroke: 1px rgba(0,0,0,.55); }
.yph-stroke-strong .yph-overlay__text{ -webkit-text-stroke: 1.5px rgba(0,0,0,.75); }

/* Glow/Gradient background behind text (dezent) */
.yph-glow-none .yph-overlay__text::before{ content:none; }
.yph-glow-soft .yph-overlay__text::before,
.yph-glow-strong .yph-overlay__text::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:-0.60em; right:-0.60em;
  top:-0.35em; bottom:-0.35em;
  border-radius:999px;
}
.yph-glow-soft .yph-overlay__text::before{
  background: radial-gradient(ellipse at center,
    rgba(0,0,0,.50) 0%,
    rgba(0,0,0,.30) 45%,
    rgba(0,0,0,0) 75%);
  filter: blur(6px);
}
.yph-glow-strong .yph-overlay__text::before{
  background: radial-gradient(ellipse at center,
    rgba(0,0,0,.62) 0%,
    rgba(0,0,0,.38) 48%,
    rgba(0,0,0,0) 78%);
  filter: blur(8px);
}