/* ═══════════════════════════════════════════
   ZPRACOVÁNÍ OSOBNÍCH ÚDAJŮ — vykupyostrava.cz
   Prefix: zou-
   ═══════════════════════════════════════════ */

/* ── Hero adjustments ── */
.zou-hero>.container{padding-bottom:clamp(3rem,5vw,4.5rem)!important}

.zou-hero__row{
  display:flex;align-items:flex-end;
  gap:clamp(2rem,4vw,3.5rem);
  flex-wrap:wrap;
}
.zou-hero__text{flex:1;min-width:280px}
.zou-hero__text .hero__title{font-size:clamp(1.75rem,3.8vw,2.6rem)}
.zou-hero__text .hero__sub{max-width:520px}

.zou-hero__badge{
  display:inline-flex;align-items:center;gap:6px;
  font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--accent-glow);
  background:rgba(52,211,153,.08);
  border:1px solid rgba(52,211,153,.15);
  border-radius:50px;padding:5px 14px;
  margin-bottom:1rem;
}
.zou-hero__badge svg{opacity:.7}

.zou-hero__meta-card{
  flex:0 0 auto;
  display:flex;flex-direction:column;gap:10px;
  padding:1.1rem 1.35rem;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  min-width:200px;
}
.zou-hero__meta-item{
  display:flex;align-items:center;gap:10px;
  font-size:14px;color:rgba(255,255,255,.7);
}
.zou-hero__meta-item svg{flex-shrink:0;color:var(--accent-glow);opacity:.6}
.zou-hero__meta-label{display:block;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:1px}
.zou-hero__meta-item strong{color:rgba(255,255,255,.92);font-weight:600;font-size:14.5px}

@media(max-width:767px){
  .zou-hero__row{flex-direction:column;align-items:flex-start}
  .zou-hero__meta-card{flex-direction:row;gap:1.5rem;min-width:0;width:100%}
}
@media(max-width:420px){
  .zou-hero__meta-card{flex-direction:column;gap:8px}
}


/* ── TOC strip ── */
.zou-toc-sec{
  position:relative;z-index:3;margin-top:-1px;
  padding:0;background:var(--white);
  border-bottom:1px solid var(--line);
}
.zou-toc{
  display:flex;align-items:center;gap:clamp(1rem,2vw,1.5rem);
  padding:1rem 0;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.zou-toc::-webkit-scrollbar{display:none}
.zou-toc__label{
  font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--light);white-space:nowrap;flex-shrink:0;
}
.zou-toc__links{display:flex;gap:4px;flex-shrink:0}
.zou-toc__links a{
  display:inline-block;padding:6px 13px;border-radius:50px;
  font-size:13px;font-weight:600;color:var(--muted);white-space:nowrap;
  text-decoration:none;
  border:1px solid transparent;
  transition:all .2s;
}
.zou-toc__links a:hover{
  background:var(--accent-s);color:var(--accent-deep);
  border-color:rgba(16,185,129,.12);
}


/* ── Body ── */
.zou-body{
  background:var(--bg);
  padding:clamp(2rem,4vw,3.5rem) 0 clamp(3rem,5vw,5rem);
}
.zou-content{
  max-width:780px;
  margin:0 auto;
}


/* ── Section ── */
.zou-sec{
  margin-bottom:clamp(2.5rem,4vw,3.5rem);
  scroll-margin-top:90px;
}
.zou-sec:last-child{margin-bottom:0}

.zou-num{
  display:inline-flex;align-items:center;justify-content:center;
  width:32px;height:32px;border-radius:9px;
  font-size:12px;font-weight:800;
  background:var(--accent-s);color:var(--accent);
  border:1px solid rgba(16,185,129,.12);
  margin-bottom:.8rem;
}

.zou-sec h2{
  font-size:clamp(20px,2.5vw,24px);
  font-weight:700;color:var(--ink);
  letter-spacing:-.025em;line-height:1.2;
  margin:0 0 .75rem;
}

.zou-sec h3{
  font-size:clamp(15px,1.2vw,17px);
  font-weight:700;color:var(--ink);
  letter-spacing:-.015em;line-height:1.3;
  margin:0 0 .35rem;
}

.zou-sec>p{
  font-size:clamp(14.5px,.9vw+12px,16px);
  line-height:1.72;color:var(--muted);
  margin-bottom:1.25rem;
}
.zou-sec>p:last-child{margin-bottom:0}
.zou-sec>p a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}


/* ── Cards ── */
.zou-card{
  padding:clamp(1.15rem,2vw,1.5rem) clamp(1.25rem,2vw,1.65rem);
  background:var(--white);
  border:1px solid var(--line);
  border-radius:var(--rl);
  box-shadow:var(--sh);
  margin:1.25rem 0;
}
.zou-card--accent{
  border-left:4px solid var(--accent);
}
.zou-card h3{margin-bottom:.6rem}
.zou-card p{font-size:14.5px;line-height:1.7;color:var(--muted);margin:0}
.zou-card a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.zou-card a:hover{color:var(--accent-deep)}


/* ── Definition list ── */
.zou-dl{margin:0}
.zou-dl__row{
  display:flex;gap:1rem;
  padding:.55rem 0;
  border-bottom:1px solid var(--line);
}
.zou-dl__row:last-child{border-bottom:none}
.zou-dl__row dt{
  flex:0 0 80px;
  font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  color:var(--light);padding-top:2px;
}
.zou-dl__row dd{
  flex:1;margin:0;
  font-size:15px;font-weight:500;color:var(--ink);line-height:1.5;
}
.zou-dl__row dd a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}

@media(max-width:480px){
  .zou-dl__row{flex-direction:column;gap:2px}
  .zou-dl__row dt{flex:none}
}


/* ── Grid 2-col ── */
.zou-grid-2{
  display:grid;grid-template-columns:1fr 1fr;
  gap:12px;margin:1.25rem 0;
}
@media(max-width:600px){.zou-grid-2{grid-template-columns:1fr}}


/* ── Grid 3-col ── */
.zou-grid-3{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:12px;margin:1.25rem 0;
}
@media(max-width:767px){.zou-grid-3{grid-template-columns:1fr}}


/* ── Info boxes ── */
.zou-box{
  padding:clamp(1.1rem,2vw,1.4rem) clamp(1.15rem,2vw,1.35rem);
  background:var(--white);
  border:1px solid var(--line);
  border-radius:var(--rl);
  box-shadow:var(--sh);
  transition:border-color .25s,box-shadow .25s;
}
.zou-box:hover{border-color:rgba(16,185,129,.15);box-shadow:var(--sh-h)}
.zou-box--sm{padding:1rem 1.1rem}
.zou-box--sm h3{font-size:14.5px;margin-bottom:.3rem}
.zou-box--sm p{font-size:13.5px}

.zou-box__ic{
  width:40px;height:40px;border-radius:11px;
  display:grid;place-items:center;
  background:var(--accent-s);color:var(--accent);
  border:1px solid rgba(16,185,129,.1);
  margin-bottom:.85rem;
}

.zou-box p{font-size:14px;line-height:1.65;color:var(--muted);margin:0}


/* ── Table ── */
.zou-table-wrap{
  overflow-x:auto;margin:1.25rem 0;
  border-radius:var(--rl);
  border:1px solid var(--line);
  box-shadow:var(--sh);
}
.zou-table{
  width:100%;border-collapse:collapse;
  background:var(--white);
}
.zou-table th{
  text-align:left;
  font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  color:var(--light);
  padding:12px 16px;
  background:var(--bg);
  border-bottom:1px solid var(--line);
}
.zou-table td{
  padding:14px 16px;
  font-size:14.5px;line-height:1.6;color:var(--muted);
  border-bottom:1px solid var(--line);
  vertical-align:top;
}
.zou-table tr:last-child td{border-bottom:none}
.zou-table td:first-child{font-weight:500;color:var(--ink);min-width:220px}

@media(max-width:600px){
  .zou-table th,.zou-table td{padding:10px 12px;font-size:13.5px}
  .zou-table td:first-child{min-width:160px}
}


/* ── Note ── */
.zou-note{
  display:flex;align-items:flex-start;gap:10px;
  padding:1rem 1.25rem;
  background:var(--accent-s);
  border:1px solid rgba(16,185,129,.12);
  border-radius:var(--r);
  margin:1.25rem 0;
}
.zou-note svg{flex-shrink:0;color:var(--accent);margin-top:2px}
.zou-note p{font-size:14px;line-height:1.65;color:var(--muted);margin:0}


/* ── Timeline ── */
.zou-timeline{
  margin:1.25rem 0;
  padding-left:20px;
  border-left:2px solid var(--line);
}
.zou-timeline__item{
  position:relative;
  padding:0 0 1.5rem 22px;
}
.zou-timeline__item:last-child{padding-bottom:0}

.zou-timeline__dot{
  position:absolute;left:-27px;top:4px;
  width:12px;height:12px;
  border-radius:50%;
  background:var(--accent);
  border:2px solid var(--bg);
  box-shadow:0 0 0 2px rgba(16,185,129,.2);
}

.zou-timeline__content h3{font-size:15px;margin-bottom:.25rem}
.zou-timeline__content p{font-size:14px;line-height:1.65;color:var(--muted);margin:0}


/* ── Rights list ── */
.zou-rights{
  margin:1.25rem 0;
  display:flex;flex-direction:column;
}
.zou-rights__item{
  display:flex;align-items:flex-start;gap:12px;
  padding:.75rem 0;
  border-bottom:1px solid var(--line);
}
.zou-rights__item:last-child{border-bottom:none}
.zou-rights__item svg{flex-shrink:0;color:var(--accent);margin-top:2px}
.zou-rights__item strong{
  display:block;font-size:14.5px;font-weight:700;color:var(--ink);
  margin-bottom:2px;line-height:1.3;
}
.zou-rights__item span{
  display:block;font-size:13.5px;line-height:1.6;color:var(--muted);
}
.zou-rights__item a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}


/* ── Cookie cards ── */
.zou-cookie-card{
  padding:1.15rem 1.25rem;
  background:var(--white);
  border:1px solid var(--line);
  border-radius:var(--rl);
  box-shadow:var(--sh);
}
.zou-cookie-card__type{
  display:inline-block;
  font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  padding:3px 10px;border-radius:50px;
  margin-bottom:.6rem;
}
.zou-cookie-card__type--required{background:rgba(16,185,129,.08);color:var(--accent-deep);border:1px solid rgba(16,185,129,.15)}
.zou-cookie-card__type--analytics{background:rgba(59,130,246,.06);color:#2563eb;border:1px solid rgba(59,130,246,.12)}
.zou-cookie-card__type--marketing{background:rgba(245,158,11,.06);color:#b45309;border:1px solid rgba(245,158,11,.12)}
.zou-cookie-card p{font-size:13.5px;line-height:1.6;color:var(--muted);margin:0}


/* ── Footer meta ── */
.zou-footer-meta{
  display:flex;align-items:center;gap:.75rem;
  padding-top:1.25rem;margin-top:1.5rem;
  border-top:1px solid var(--line);
  font-size:13.5px;color:var(--light);font-weight:500;
}
.zou-footer-meta__sep{opacity:.4}


/* ── Breadcrumb reuse from kontakt ── */
.zou-hero .kt-bread{margin-bottom:1.25rem}


/* ── Print ── */
@media print{
  .zou-toc-sec,.site-header,.site-footer{display:none}
  .zou-body{padding:0}
  .zou-sec{break-inside:avoid}
}