/* Martin Limbeck — K2 Elementor additions
   Only the pieces Elementor cannot reproduce exactly: quote slider state + video play treatment. */

/* YouTube overlays: original K2 round play treatment */
.k2-video .elementor-custom-embed-image-overlay{overflow:hidden;border-radius:3px}
.k2-video .elementor-custom-embed-image-overlay img{transition:transform .6s cubic-bezier(.22,1,.36,1)}
.k2-video:hover .elementor-custom-embed-image-overlay img{transform:scale(1.05)}
.k2-video .elementor-custom-embed-play{
  width:60px;height:60px;border:1px solid rgba(255,255,255,.8);border-radius:50%;
  background:rgba(28,31,25,.4);display:flex;align-items:center;justify-content:center;
  transition:background .4s,border-color .4s;
}
.k2-video:hover .elementor-custom-embed-play{background:#E84922;border-color:#E84922}
.k2-video .elementor-custom-embed-play i,.k2-video .elementor-custom-embed-play svg{font-size:15px;width:15px;height:15px;color:#fff;fill:#fff}
.k2-imagefilm .elementor-custom-embed-play{width:88px;height:88px;background:#E84922;border-color:#E84922}
.k2-imagefilm .elementor-custom-embed-play i,.k2-imagefilm .elementor-custom-embed-play svg{font-size:30px;width:30px;height:30px}
.k2-video-name .elementor-heading-title{text-shadow:0 1px 12px rgba(0,0,0,.25)}

/* Quote slider — faithful to the source: 1 slide, 6000 ms auto-advance, dot navigation */
.k2-quote-slide{display:none!important}
.k2-quote-slide.is-active{display:flex!important;animation:k2QuoteFade .6s cubic-bezier(.22,1,.36,1)}
@keyframes k2QuoteFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.k2-quote-dot{cursor:pointer;opacity:1;transition:opacity .3s,transform .3s}
.k2-quote-dot:hover{transform:scale(1.25)}
.k2-quote-dot .elementor-icon{color:rgba(241,241,238,.30)!important;fill:rgba(241,241,238,.30)!important}
.k2-quote-dot.is-active .elementor-icon{color:#E84922!important;fill:#E84922!important}

/* Keep every quote editable inside Elementor. */
.elementor-editor-active .k2-quote-slide,
.elementor-editor-preview .k2-quote-slide{display:flex!important;animation:none!important}
.elementor-editor-active .k2-quote-slider{gap:28px}

@media(prefers-reduced-motion:reduce){
  .k2-quote-slide.is-active{animation:none}
  .k2-video .elementor-custom-embed-image-overlay img{transition:none}
}