/* =========================================================
   Creona videá — knižnica, série, prehrávač
   Farby a písma berie z témy (premenné --brown, --serif…),
   takže sa plugin prispôsobí ktorémukoľvek webu Creona.
   ========================================================= */

.creona-serie{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:26px
}
.creona-seria{
  display:flex;flex-direction:column;text-decoration:none;color:inherit;
  background:var(--paper,#fff);border:1px solid rgba(121,91,51,.12);
  border-radius:20px;overflow:hidden;transition:.28s
}
.creona-seria:hover{transform:translateY(-3px);box-shadow:0 14px 40px rgba(121,91,51,.1)}
.creona-seria-obr{display:block;position:relative;padding-top:56%;background:var(--cream,#ECDFC1)}
.creona-seria-obr img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.creona-seria-telo{display:block;padding:22px 24px 24px}
.creona-seria-telo h3{margin:0 0 8px;font-family:var(--serif,serif);font-weight:400;font-size:1.25rem;color:var(--brown,#795B33)}
.creona-seria-telo p{margin:0 0 12px;font-size:.93rem;color:var(--muted,#6b6b6b)}
.creona-seria-pocet{
  font-family:var(--sans,sans-serif);font-size:.72rem;font-weight:600;
  letter-spacing:.13em;text-transform:uppercase;color:var(--terra,#B4693B)
}
.creona-seria.je-odomknuta .eyebrow{color:var(--sage,#858160)}

.creona-videa{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px
}
.creona-video{
  position:relative;display:flex;flex-direction:column;
  background:var(--paper,#fff);border:1px solid rgba(121,91,51,.12);
  border-radius:16px;overflow:hidden;transition:.28s
}
.creona-video:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(121,91,51,.1)}
.creona-video-odkaz{display:flex;flex-direction:column;text-decoration:none;color:inherit}
.creona-video-obr{display:block;position:relative;padding-top:56%;background:var(--cream,#ECDFC1)}
.creona-video-obr img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* prehrať — kruh v strede */
.creona-video-hrat{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-size:1.15rem;color:#FCF8EF;
}
.creona-video-hrat::before{
  content:"";position:absolute;width:52px;height:52px;border-radius:50%;
  background:rgba(75,58,34,.42);backdrop-filter:blur(2px);
  transition:background .25s ease,transform .25s ease
}
.creona-video-hrat>*{position:relative}
.creona-video:hover .creona-video-hrat::before{background:rgba(180,105,59,.85);transform:scale(1.06)}

/* zámok — odsadený štítok v ľavom hornom rohu */
.creona-video-zamok{
  position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;justify-content:center;
  width:30px;height:30px;border-radius:50%;
  background:rgba(75,58,34,.62);color:#FCF8EF;box-shadow:0 2px 10px rgba(0,0,0,.18)
}
.creona-video-zamok svg{fill:currentColor;display:block}

.creona-video.je-zamknute .creona-video-obr img{filter:grayscale(.5) brightness(.82)}
.creona-video-telo{display:block;padding:16px 18px 18px}
.creona-video-telo h3{margin:0 0 6px;font-family:var(--serif,serif);font-weight:400;font-size:1.05rem;color:var(--brown,#795B33)}
.creona-video-meta{
  font-family:var(--sans,sans-serif);font-size:.75rem;letter-spacing:.08em;
  text-transform:uppercase;color:var(--muted,#6b6b6b)
}

/* srdiečko a odcvičené */
.creona-akcie{display:flex;gap:8px;padding:0 18px 16px;margin-top:auto}
.creona-akcie-dlazdica{padding-top:2px}
.creona-akcia{
  display:inline-flex;align-items:center;gap:6px;cursor:pointer;
  border:1px solid rgba(121,91,51,.18);background:transparent;color:var(--muted,#6b6b6b);
  border-radius:999px;padding:6px 12px;font-family:var(--sans,sans-serif);font-size:.78rem;
  line-height:1;transition:.2s
}
.creona-akcia:hover{border-color:var(--sand,#D8A77A);color:var(--brown,#795B33)}
.creona-akcia svg{fill:currentColor;display:block;width:16px;height:16px}
.creona-srdce.je-aktivna{color:var(--terra,#B4693B);border-color:rgba(180,105,59,.45);background:rgba(180,105,59,.08)}
.creona-cvik.je-aktivna{color:var(--sage,#858160);border-color:rgba(133,129,96,.45);background:rgba(133,129,96,.10)}
.creona-akcia.je-chyba{border-color:#c0392b;color:#c0392b}
.creona-pocet{font-weight:600;font-variant-numeric:tabular-nums}
.creona-akcie-stranka{padding:0;margin:0 0 26px}
.creona-akcie-stranka .creona-akcia{padding:9px 16px;font-size:.85rem}

/* filter nad zoznamom */
.creona-filter{
  display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:0 0 22px;
  padding:14px 16px;background:var(--paper,#fff);
  border:1px solid rgba(121,91,51,.12);border-radius:16px
}
.creona-filter input[type=search],.creona-filter select{
  border:1px solid rgba(121,91,51,.18);border-radius:999px;padding:9px 16px;
  font-family:var(--sans,sans-serif);font-size:.9rem;background:#fff;color:var(--ink,#4B3A22);
  min-width:180px
}
.creona-filter input[type=search]:focus,.creona-filter select:focus{
  outline:2px solid var(--sand,#D8A77A);outline-offset:1px
}
.creona-filter-stavy{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}
.creona-stav{
  cursor:pointer;border:1px solid rgba(121,91,51,.18);background:transparent;
  color:var(--muted,#6b6b6b);border-radius:999px;padding:8px 14px;
  font-family:var(--sans,sans-serif);font-size:.8rem;transition:.2s
}
.creona-stav:hover{border-color:var(--sand,#D8A77A);color:var(--brown,#795B33)}
.creona-stav.je-aktivna{background:var(--brown,#795B33);border-color:var(--brown,#795B33);color:var(--paper,#FCF8EF)}
.creona-filter-prazdno{margin:18px 0 0;color:var(--muted,#6b6b6b);text-align:center}
@media(max-width:640px){
  .creona-filter-stavy{margin-left:0}
  .creona-filter input[type=search],.creona-filter select{min-width:0;width:100%}
}

/* prehrávač */
.creona-prehravac{margin:0 0 28px;border-radius:var(--r,18px);overflow:hidden;background:#1b1710}
.creona-prehravac video,.creona-prehravac iframe{display:block;width:100%;aspect-ratio:16/9;border:0}

/* zámok */
.creona-zamok{
  background:var(--cream,#ECDFC1);border-radius:20px;padding:34px 36px;margin:0 0 26px;text-align:center
}
.creona-zamok h2{margin:0 0 .4em}
.creona-zamok p{margin:0 0 1em}
.creona-zamok-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:0}
.creona-zamok-jedno{text-align:center;margin:0 0 26px}
.creona-zamok-uvod{margin:0 0 22px;color:var(--muted,#6b6b6b)}
.creona-zamok-uz{margin:22px 0 0;font-size:.92rem;color:var(--muted,#6b6b6b)}
.creona-moznosti{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;
  text-align:left;margin:0
}
.creona-moznost{
  display:flex;flex-direction:column;background:var(--paper,#FCF8EF);
  border:1px solid rgba(121,91,51,.14);border-radius:16px;padding:22px 22px 24px
}
.creona-moznost.je-hlavna{border-color:var(--terra,#B4693B);box-shadow:0 8px 26px rgba(180,105,59,.12)}
.creona-moznost h3{margin:2px 0 8px;font-family:var(--serif,serif);font-weight:400;font-size:1.12rem;color:var(--brown,#795B33)}
.creona-moznost-cena{margin:0 0 10px;font-family:var(--serif,serif);font-size:1.45rem;color:var(--gold,#AB8D59)}
.creona-moznost-cena del{opacity:.55;font-size:.7em;margin-right:.35em}
.creona-moznost-popis{margin:0 0 18px;font-size:.9rem;color:var(--muted,#6b6b6b);line-height:1.6}
.creona-moznost .btn{margin-top:auto;align-self:flex-start}
.creona-seria-stav{font-size:.95rem;color:var(--muted,#6b6b6b)}

/* zoznam prístupov v účte */
.creona-pristupy{list-style:none;margin:0 0 18px;padding:0}
.creona-pristupy li{padding:10px 0;border-bottom:1px solid rgba(121,91,51,.12)}
.creona-pristupy li:last-child{border-bottom:0}

/* prepínač kvality */
.creona-prehravac{position:relative}
.creona-kvalita{position:absolute;right:12px;top:12px;z-index:2;font-family:var(--sans,sans-serif)}
.creona-kvalita-tlacidlo{
  display:inline-flex;align-items:center;gap:7px;cursor:pointer;border:0;
  background:rgba(27,23,16,.62);color:#FCF8EF;border-radius:999px;
  padding:7px 13px;font-size:.78rem;line-height:1;backdrop-filter:blur(3px);
  transition:background .2s ease
}
.creona-kvalita-tlacidlo:hover{background:rgba(27,23,16,.82)}
.creona-kvalita-tlacidlo svg{fill:currentColor;display:block}
.creona-kvalita-ponuka{
  list-style:none;margin:8px 0 0;padding:6px;position:absolute;right:0;min-width:150px;
  background:rgba(27,23,16,.94);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.28)
}
.creona-kvalita-ponuka li{margin:0;padding:0}
.creona-kvalita-ponuka li::before{display:none}
.creona-kvalita-ponuka button{
  display:block;width:100%;text-align:left;cursor:pointer;border:0;background:transparent;
  color:#FCF8EF;border-radius:8px;padding:9px 12px;font-size:.85rem;font-family:inherit
}
.creona-kvalita-ponuka button:hover{background:rgba(252,248,239,.12)}
.creona-kvalita-ponuka button.je-aktivna{background:var(--terra,#B4693B)}
@media(max-width:520px){
  .creona-kvalita{right:8px;top:8px}
  .creona-kvalita-tlacidlo{padding:6px 10px;font-size:.72rem}
}