/* ===== zahranicneonlinecasino.com – autori, byline, zodpovedné hranie ===== */
:root{
  --zx-plum:#5D4A66;--zx-plum-d:#3f3046;--zx-violet:#8b3fb0;--zx-fuchsia:#d1489f;--zx-pink:#e668b3;
  --zx-ink:#1f1a24;--zx-mute:#6d6575;--zx-line:#e7e2ec;--zx-paper:#fffdf8;
}

/* ---------- 1. Byline v hero (tmavé pozadie) ---------- */
.zx-byline{
  display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 0;
  margin:6px 0 22px;padding:6px 16px 6px 6px;max-width:100%;
  border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  font-size:14px;line-height:1.35;color:rgba(255,255,255,.72);
}
.zx-byline__avas{display:inline-flex;margin-right:10px}
.zx-byline__avas img{width:30px;height:30px;border-radius:50%;object-fit:cover;object-position:50% 25%;border:2px solid var(--zx-plum);box-shadow:0 0 0 1.5px var(--zx-pink);background:#fff}
.zx-byline__avas img + img{margin-left:-10px}
.zx-byline__item{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.zx-byline__item + .zx-byline__item::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--zx-pink);margin:0 10px 0 5px}
.zx-byline__item svg{color:var(--zx-pink);flex:0 0 auto}
.zx-byline b{font-weight:700;color:#fff}
.zx-byline a{color:#fff;font-weight:700;text-decoration:none;border-bottom:1.5px solid rgba(230,104,179,.7)}
.zx-byline a:hover{color:#fff;border-bottom-color:#fff}
@media (max-width:767.98px){
  .zx-byline{font-size:12.5px;padding:5px 12px 5px 5px;border-radius:18px;margin-bottom:16px}
  .zx-byline__avas img{width:26px;height:26px}
  .zx-byline__item + .zx-byline__item::before{margin:0 7px 0 3px}
}

/* ---------- 2. Blok autorov – polaroidy ---------- */
.zx-team{padding:64px 0 56px}
.zx-team__box{
  position:relative;overflow:hidden;isolation:isolate;
  display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr);gap:34px 52px;align-items:center;
  padding:52px 54px 34px;border-radius:32px;color:#fff;
  background:
    radial-gradient(60% 80% at 100% 0%,rgba(209,72,159,.35),transparent 60%),
    radial-gradient(70% 90% at 0% 100%,rgba(139,63,176,.45),transparent 60%),
    var(--zx-plum);
  box-shadow:0 30px 60px -34px rgba(63,48,70,.8);
}
.zx-team__box::before{ /* bodkovaný vzor */
  content:"";position:absolute;inset:0;z-index:-1;opacity:.12;
  background-image:radial-gradient(#fff 1px,transparent 1.2px);background-size:18px 18px;
  -webkit-mask-image:linear-gradient(90deg,#000,transparent 55%);mask-image:linear-gradient(90deg,#000,transparent 55%);
}

/* polaroidy */
.zx-polas{position:relative;height:360px;max-width:420px;margin:0 auto;width:100%}
.zx-pola{
  position:absolute;width:210px;padding:12px 12px 14px;background:var(--zx-paper);border-radius:4px;
  box-shadow:0 22px 34px -16px rgba(0,0,0,.55),0 2px 0 rgba(0,0,0,.05);
  transition:transform .5s cubic-bezier(.2,.8,.2,1),z-index 0s .1s;
}
.zx-pola--a{left:0;top:18px;transform:rotate(-7deg);z-index:2}
.zx-pola--b{right:0;top:58px;transform:rotate(6deg);z-index:1}
.zx-polas:hover .zx-pola--a{transform:rotate(-9deg) translate(-8px,-4px)}
.zx-polas:hover .zx-pola--b{transform:rotate(8deg) translate(8px,-2px)}
.zx-pola:hover{z-index:3}
.zx-pola::before{ /* páska */
  content:"";position:absolute;top:-12px;left:50%;width:84px;height:26px;margin-left:-42px;
  background:rgba(230,104,179,.55);transform:rotate(-4deg);
  box-shadow:0 1px 3px rgba(0,0,0,.15);
}
.zx-pola--b::before{background:rgba(255,255,255,.6);transform:rotate(5deg)}
.zx-pola img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;object-position:50% 22%;background:#eee;filter:saturate(1.05) contrast(1.02)}
.zx-pola figcaption{margin-top:10px;text-align:center;font-size:15px;font-weight:700;font-style:italic;color:var(--zx-ink);letter-spacing:-.2px}
.zx-pola figcaption small{display:block;font-size:11px;font-style:normal;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--zx-fuchsia)}

/* text */
.zx-team__eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--zx-pink)}
.zx-team__title{margin:10px 0 22px;font-size:38px;font-weight:800;line-height:1.05;letter-spacing:-1px;color:#fff}
.zx-team__title span{background:linear-gradient(90deg,var(--zx-pink),#f3a6d3);-webkit-background-clip:text;background-clip:text;color:transparent}
.zx-person{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;padding:16px 0;border-top:1px solid rgba(255,255,255,.14)}
.zx-person:first-of-type{border-top:0;padding-top:0}
.zx-person__role{grid-column:1 / -1;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.zx-person__name{font-size:22px;font-weight:800;color:#fff;letter-spacing:-.4px;line-height:1.15}
.zx-person__note{grid-column:1 / -1;margin:2px 0 0;font-size:14.5px;line-height:1.55;color:rgba(255,255,255,.75)}
.zx-stats{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;padding:0;list-style:none}
.zx-stats li{min-width:96px;padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-size:12px;line-height:1.25;color:rgba(255,255,255,.7)}
.zx-stats b{display:block;font-size:22px;font-weight:800;color:#fff;letter-spacing:-.5px}
.zx-stats b em{font-style:normal;color:var(--zx-pink)}

.zx-team__foot{
  grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;
  padding-top:20px;border-top:1px solid rgba(255,255,255,.14);font-size:14px;color:rgba(255,255,255,.7);
}
.zx-team__how{color:#fff!important;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(230,104,179,.7)}
.zx-team__how:hover{border-bottom-color:#fff}
.zx-team__verified{display:inline-flex;align-items:center;gap:7px;font-weight:600;color:#bfe8d2}
.zx-team__mail{
  display:inline-flex;align-items:center;gap:8px;margin-left:auto;padding:11px 22px;border-radius:999px;
  background:linear-gradient(135deg,var(--zx-fuchsia),var(--zx-violet));color:#fff!important;font-size:14.5px;font-weight:700;text-decoration:none;
  box-shadow:0 14px 26px -12px rgba(209,72,159,.85);transition:transform .25s ease,filter .25s ease;
}
.zx-team__mail:hover,.zx-team__mail:focus-visible{transform:translateY(-2px);filter:brightness(1.08)}
.zx-team__date{padding:8px 14px;border-radius:999px;border:1px dashed rgba(255,255,255,.3);color:rgba(255,255,255,.8)}
.zx-team__date b{color:#fff}

@media (max-width:991.98px){
  .zx-team__box{grid-template-columns:1fr;padding:40px 30px 28px}
  .zx-polas{height:320px;max-width:380px}
  .zx-pola{width:180px}
}
@media (max-width:575.98px){
  .zx-team{padding:44px 0 36px}
  .zx-team__box{padding:30px 18px 24px;border-radius:24px}
  .zx-team__title{font-size:28px}
  .zx-polas{height:270px;max-width:300px}
  .zx-pola{width:148px;padding:9px 9px 10px}
  .zx-pola figcaption{font-size:13px}
  .zx-team__foot{justify-content:center;text-align:center}
  .zx-team__mail{margin-left:0}
}
@media (prefers-reduced-motion:reduce){
  .zx-pola,.zx-team__mail{transition:none}
  .zx-polas:hover .zx-pola--a{transform:rotate(-7deg)}
  .zx-polas:hover .zx-pola--b{transform:rotate(6deg)}
}

/* ---------- 4. Stránka O nás ---------- */
.zx-ab-hero{padding:150px 0 70px;color:#fff;position:relative;overflow:hidden}
.zx-ab-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(50% 70% at 100% 0%,rgba(209,72,159,.35),transparent 65%),radial-gradient(40% 60% at 0% 100%,rgba(139,63,176,.4),transparent 70%)}
.zx-ab-hero .container{position:relative;z-index:1}
.zx-ab-hero__grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:40px 56px;align-items:center}
.zx-ab-eyebrow{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--zx-pink)}
.zx-ab-h1{margin:10px 0 16px;font-size:64px;font-weight:800;line-height:1;letter-spacing:-2px;color:#fff}
.zx-ab-h1 span{background:linear-gradient(90deg,var(--zx-pink),#f3a6d3);-webkit-background-clip:text;background-clip:text;color:transparent}
.zx-ab-lead{margin:0;font-size:18px;line-height:1.65;color:rgba(255,255,255,.82)}
.zx-ab-quote{position:relative;margin:0;padding:58px 30px 30px;border-radius:24px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);transform:rotate(1.5deg)}
.zx-ab-quote::before{content:"\201C";position:absolute;top:6px;left:24px;font-size:90px;line-height:1;font-family:Georgia,serif;color:var(--zx-pink)}
.zx-ab-quote p{margin:0;font-size:24px;font-weight:700;line-height:1.35;letter-spacing:-.4px;color:#fff}

.zx-ab{padding:70px 0 40px}
.zx-ab-sec{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:18px 48px;padding:40px 0;border-top:1px solid var(--zx-line)}
.zx-ab-sec:first-child{border-top:0;padding-top:0}
.zx-ab-sec__head{position:sticky;top:110px;align-self:start}
.zx-ab-num{display:block;font-size:14px;font-weight:800;letter-spacing:.1em;color:var(--zx-fuchsia)}
.zx-ab-sec h2{margin:6px 0 0;font-size:32px;font-weight:800;line-height:1.12;letter-spacing:-.8px;color:var(--zx-ink)}
.zx-ab-sec__body p{font-size:17px;line-height:1.7;color:#3b3442;margin:0 0 14px}
.zx-ab-callout{padding:18px 22px;border-radius:16px;background:linear-gradient(135deg,rgba(209,72,159,.08),rgba(139,63,176,.08));border-left:4px solid var(--zx-fuchsia);font-weight:700;color:var(--zx-plum)!important}

.zx-ab-people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:8px}
.zx-ab-person{display:flex;gap:14px;align-items:center;padding:14px;border-radius:18px;background:#fff;border:1px solid var(--zx-line);box-shadow:0 12px 24px -20px rgba(63,48,70,.6)}
.zx-ab-person img{flex:0 0 64px;width:64px;height:64px;border-radius:16px;object-fit:cover;object-position:50% 22%}
.zx-ab-person small{display:block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--zx-fuchsia)}
.zx-ab-person b{display:block;font-size:17px;color:var(--zx-ink)}
.zx-ab-person span{display:block;font-size:13px;line-height:1.4;color:var(--zx-mute)}

.zx-ab-checks{counter-reset:zxc;list-style:none;margin:6px 0 20px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.zx-ab-checks li{counter-increment:zxc;display:flex;gap:12px;align-items:center;padding:14px 16px;border-radius:16px;background:#fff;border:1px solid var(--zx-line);font-size:15.5px;line-height:1.4;color:var(--zx-ink);transition:transform .25s ease,border-color .25s ease}
.zx-ab-checks li::before{content:counter(zxc);flex:0 0 34px;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--zx-plum);color:#fff;font-weight:800;font-size:15px}
.zx-ab-checks li:hover{transform:translateY(-2px);border-color:var(--zx-pink)}

.zx-ab-flags{list-style:none;margin:6px 0 20px;padding:0;display:grid;gap:10px}
.zx-ab-flags li{position:relative;padding:14px 16px 14px 52px;border-radius:14px;background:#fff6f8;border:1px solid #f6d3df;font-size:15.5px;line-height:1.45;color:var(--zx-ink)}
.zx-ab-flags li::before{content:"!";position:absolute;left:14px;top:50%;width:26px;height:26px;margin-top:-13px;border-radius:50%;display:grid;place-items:center;background:#d6455b;color:#fff;font-weight:800;font-size:15px}

.zx-ab-end{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:20px;padding:22px 26px;border-radius:20px;background:var(--zx-plum);color:rgba(255,255,255,.8);font-size:15px}
.zx-ab-end b{color:#fff}
.zx-ab-end .zx-team__mail{margin-left:0}

@media (max-width:991.98px){
  .zx-ab-hero{padding:120px 0 50px}
  .zx-ab-hero__grid,.zx-ab-sec{grid-template-columns:1fr}
  .zx-ab-sec__head{position:static}
  .zx-ab-h1{font-size:48px}
  .zx-ab-quote{transform:none}
}
@media (max-width:575.98px){
  .zx-ab-h1{font-size:40px}
  .zx-ab-lead{font-size:16px}
  .zx-ab-quote p{font-size:20px}
  .zx-ab-sec h2{font-size:26px}
  .zx-ab-sec__body p{font-size:16px}
  .zx-ab-people,.zx-ab-checks{grid-template-columns:1fr}
  .zx-ab-end{justify-content:center;text-align:center}
}
@media (prefers-reduced-motion:reduce){.zx-ab-checks li{transition:none}.zx-ab-checks li:hover{transform:none}}

/* ---------- 3. Footer – minimalistický ---------- */
.zx-resp{padding:22px 0;border-bottom:1px solid var(--zx-line);text-align:left}
.zx-resp__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px}
.zx-resp__label{display:flex;align-items:center;gap:12px;font-size:13px;line-height:1.3;color:var(--zx-ink)}
.zx-resp__label b{display:block;font-weight:700}
.zx-resp__label small{display:block;font-size:12px;color:var(--zx-mute)}
.zx-resp__age{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:12px;background:var(--zx-plum);color:#fff;font-size:13px;font-weight:800}
.zx-resp__logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 24px}
.zx-resp__logo{display:inline-flex;align-items:center;height:40px;opacity:.6;filter:grayscale(1);transition:opacity .25s ease,filter .25s ease}
.zx-resp__logo img{display:block;height:32px;width:auto;max-width:140px}
.zx-resp__logo--inv{filter:grayscale(1) invert(1)}
.zx-resp__logo:hover,.zx-resp__logo:focus-visible{opacity:1;filter:none}
.zx-resp__logo--inv:hover,.zx-resp__logo--inv:focus-visible{filter:invert(1)}
.zx-resp__links{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:13px;line-height:1.3;color:var(--zx-mute)}
.zx-resp__links a{color:var(--zx-plum);font-weight:700;text-decoration:none;border-bottom:1px solid rgba(93,74,102,.3)}
.zx-resp__links a:hover{color:var(--zx-fuchsia);border-bottom-color:var(--zx-fuchsia)}
.zx-resp__nav{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 0;margin-bottom:18px;padding-bottom:16px;border-bottom:1px dashed var(--zx-line);font-size:14px;font-weight:600}
.zx-resp__nav a{color:var(--zx-ink);text-decoration:none;padding:2px 0;border-bottom:1.5px solid transparent;transition:color .2s ease,border-color .2s ease}
.zx-resp__nav a + a::before{content:"";display:inline-block;width:4px;height:4px;margin:0 16px 3px;border-radius:50%;background:var(--zx-pink);vertical-align:middle}
.zx-resp__nav a:hover,.zx-resp__nav a:focus-visible{color:var(--zx-fuchsia);border-bottom-color:var(--zx-pink)}
.zx-resp__nav a[aria-current="page"]{color:var(--zx-fuchsia)}
/* tmavá päta (bg-blue2) */
.bg-blue2 .zx-resp__nav{border-bottom-color:rgba(255,255,255,.18)}
.bg-blue2 .zx-resp__nav a{color:#fff}
.bg-blue2 .zx-resp__nav a:hover,.bg-blue2 .zx-resp__nav a:focus-visible,.bg-blue2 .zx-resp__nav a[aria-current="page"]{color:var(--zx-pink)}
.bg-blue2 .zx-resp{border-bottom-color:rgba(255,255,255,.15)}
.bg-blue2 .zx-resp__label{color:#fff}
.bg-blue2 .zx-resp__label small,.bg-blue2 .zx-resp__links{color:rgba(255,255,255,.7)}
.bg-blue2 .zx-resp__age{background:var(--zx-fuchsia)}
.bg-blue2 .zx-resp__logo{height:42px;padding:5px 10px;border-radius:10px;background:rgba(255,255,255,.92);opacity:.8}
.bg-blue2 .zx-resp__logo--inv,.bg-blue2 .zx-resp__logo--inv:hover,.bg-blue2 .zx-resp__logo--inv:focus-visible{filter:grayscale(1);background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3)}
.bg-blue2 .zx-resp__logo:hover,.bg-blue2 .zx-resp__logo:focus-visible{opacity:1}
.bg-blue2 .zx-resp__links a{color:#fff;border-bottom-color:rgba(255,255,255,.4)}
@media (max-width:991.98px){
  .zx-resp__row{justify-content:center;text-align:center}
  .zx-resp__logos{order:3;flex-basis:100%}
  .zx-resp__links{align-items:center}
}
@media (max-width:575.98px){.zx-resp__logo img{height:26px}.zx-resp__logos{gap:8px 16px}.zx-resp__nav{flex-direction:column;gap:8px}.zx-resp__nav a + a::before{display:none}}
@media (prefers-reduced-motion:reduce){.zx-resp__logo{transition:none}}