/* Eventia - prehliadac realizacii v5
   1) filtre usporiadane do tabov
   2) posun do strany pri prechode medzi realizaciami */

/* ---------- 1. taby vo filtroch ---------- */
.ev-panel .ev-tabs{
  display:flex;
  gap:6px;
  margin:2px 0 16px;
  padding:4px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  overflow-x:auto;
  scrollbar-width:none;
}
.ev-panel .ev-tabs::-webkit-scrollbar{display:none;}
.ev-panel .ev-tab{
  position:relative;
  flex:1 1 auto;
  min-width:0;
  white-space:nowrap;
  border:0;
  background:transparent;
  color:rgba(255,255,255,.66);
  cursor:pointer;
  border-radius:999px;
  padding:10px 14px;
  font-family:Montserrat,system-ui,-apple-system,sans-serif;
  font-size:11px;
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
  transition:background .2s ease,color .2s ease;
}
.ev-panel .ev-tab:hover{color:#fff;}
.ev-panel .ev-tab.is-on{background:#fff;color:#26221F;}
.ev-panel .ev-tab.has-filter::after{
  content:"";
  position:absolute;
  top:6px;
  right:8px;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--pink,#E61F93);
}

.ev-panel .ev-panes{min-height:96px;}
.ev-panel .ev-pane{display:none;}
.ev-panel .ev-pane.is-on{display:block;animation:evPaneIn .22s ease;}
@keyframes evPaneIn{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}
.ev-panel .ev-pane h3{display:none;}

/* Posun rieši samostatná prekryvná vrstva .ev-fx (viď app-v6.css),
   deck sa NIKDY netransformuje – 130 snímok v jednej kompozitnej vrstve zhodí mobil. */