/* MMRCNK Addons 1.0.0 – Talia kart (wspólne dla „Talia kart” i „Talia kart z opisami”) */
.mmr-deck{
  --mmr-hmax: 560px;
  --mmr-vh: 65vh;
  --h: min(var(--mmr-vh), var(--mmr-hmax));
  --mmr-max-w: 60cqw;
  --mmr-shift: 38%;
  --mmr-side-scale: .82;
  --mmr-tilt: 3deg;
  --mmr-card-fade: 18%;
  --mmr-radius: 12px;
  --mmr-speed: 600ms;
  --mmr-arrow: #fff;
  --mmr-arrow-size: 40px;
  container-type: inline-size;
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  padding: 30px 0;
  overflow: hidden;
  user-select: none;
  -webkit-user-select: none;
  touch-action: pan-y;
  outline: none;
}
.mmr-deck--desc{
  --mmr-hmax: 520px;
  --mmr-vh: 60vh;
  --mmr-max-w: 62cqw;
  max-width: none;
  margin: 0;
  padding: 20px 0;
}
.mmr-deck__stage{
  position: relative;
  height: var(--h);
}
.mmr-deck .mmr-deck__card{
  position: absolute;
  left: 50%;
  top: 50%;
  margin: 0;
  padding: 0;
  border-radius: var(--mmr-radius);
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%,-50%) scale(.6);
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 var(--mmr-card-fade), #000 calc(100% - var(--mmr-card-fade)), transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 var(--mmr-card-fade), #000 calc(100% - var(--mmr-card-fade)), transparent 100%);
  -webkit-mask-size: 200% 100%;
  mask-size: 200% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: 50% 0;
  mask-position: 50% 0;
  will-change: transform, opacity;
  transition:
    transform var(--mmr-speed) cubic-bezier(.2,.8,.2,1),
    opacity var(--mmr-speed) ease,
    box-shadow var(--mmr-speed) ease,
    -webkit-mask-position var(--mmr-speed) cubic-bezier(.2,.8,.2,1),
    mask-position var(--mmr-speed) cubic-bezier(.2,.8,.2,1);
}
.mmr-deck .mmr-deck__card img{
  display: block;
  width: auto;
  height: auto;
  max-width: var(--mmr-max-w);
  max-height: var(--h);
  margin: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  pointer-events: none;
}

.mmr-deck .mmr-deck__card[data-pos="0"]{
  transform: translate(-50%,-50%);
  opacity: 1; z-index: 5; pointer-events: auto;
  -webkit-mask-position: 50% 0; mask-position: 50% 0;
}
.mmr-shadow-yes .mmr-deck .mmr-deck__card[data-pos="0"]{
  box-shadow: 0 16px 40px rgba(0,0,0,.25);
}
.mmr-deck .mmr-deck__card[data-pos="-1"]{
  transform: translate(-50%,-50%) translateX(calc(var(--mmr-shift) * -1)) scale(var(--mmr-side-scale)) rotate(calc(var(--mmr-tilt) * -1));
  opacity: .8; z-index: 4; pointer-events: auto; cursor: pointer;
  -webkit-mask-position: 0% 0; mask-position: 0% 0;
}
.mmr-deck .mmr-deck__card[data-pos="1"]{
  transform: translate(-50%,-50%) translateX(var(--mmr-shift)) scale(var(--mmr-side-scale)) rotate(var(--mmr-tilt));
  opacity: .95; z-index: 4; pointer-events: auto; cursor: pointer;
  -webkit-mask-position: 100% 0; mask-position: 100% 0;
}
.mmr-deck .mmr-deck__card[data-pos="fl"]{
  transform: translate(-50%,-50%) translateX(-60%) scale(calc(var(--mmr-side-scale) * .8)) rotate(calc(var(--mmr-tilt) * -1.66));
  opacity: 0; z-index: 1;
  -webkit-mask-position: 0% 0; mask-position: 0% 0;
}
.mmr-deck .mmr-deck__card[data-pos="fr"]{
  transform: translate(-50%,-50%) translateX(60%) scale(calc(var(--mmr-side-scale) * .8)) rotate(calc(var(--mmr-tilt) * 1.66));
  opacity: 0; z-index: 1;
  -webkit-mask-position: 100% 0; mask-position: 100% 0;
}

/* Strzałki – reset stylów przycisków motywu (Astra/Elementor) */
.mmr-deck .mmr-deck__btn,
.mmr-deck .mmr-deck__btn:hover,
.mmr-deck .mmr-deck__btn:focus,
.mmr-deck .mmr-deck__btn:focus-visible,
.mmr-deck .mmr-deck__btn:active{
  position: absolute;
  top: 50%;
  z-index: 10;
  padding: 8px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: none !important;
  background: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  color: var(--mmr-arrow) !important;
  line-height: 0;
  min-height: 0;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.mmr-arrow-shadow-yes .mmr-deck .mmr-deck__btn{
  filter: drop-shadow(0 2px 6px rgba(0,0,0,.5));
}
.mmr-deck .mmr-deck__btn{
  transform: translateY(-50%);
  opacity: .85;
  transition: transform .2s ease, opacity .2s ease;
}
.mmr-deck .mmr-deck__btn:focus-visible{
  outline: 2px solid var(--mmr-arrow) !important;
  outline-offset: 2px;
}
.mmr-deck .mmr-deck__btn svg{
  display: block;
  width: var(--mmr-arrow-size);
  height: var(--mmr-arrow-size);
}
.mmr-deck .mmr-deck__btn:hover{ opacity: 1; }
.mmr-deck .mmr-deck__btn--prev{ left: 4px; }
.mmr-deck .mmr-deck__btn--next{ right: 4px; }
.mmr-deck .mmr-deck__btn--prev:hover{ transform: translateY(-50%) translateX(-3px); }
.mmr-deck .mmr-deck__btn--next:hover{ transform: translateY(-50%) translateX(3px); }

@media (max-width: 767px){
  .mmr-deck{ --mmr-vh: 55vh; padding: 20px 0; }
  .mmr-deck--desc{ --mmr-vh: 48vh; padding: 0; }
}
@media (prefers-reduced-motion: reduce){
  .mmr-deck .mmr-deck__card{ transition: none; }
}