/* =================================================================
   GDPR — Ochrana osobních údajů
   Vlastní styly jen pro gdpr/gdpr1.html.

   Načítá se AŽ ZA style1.css, ze kterého přebírá barvy, písma
   a proměnné (--pink, --r-card, --line …) i společné prvky:
   hlavičku, patičku a .page-head.
   Když tady něco přebarvuješ, měň to jen na této stránce —
   do style1.css sahat nemusíš.
   ================================================================= */

/* ---------- 01 Tlačítko zpět ----------
   Šipka se při najetí posune doleva — opak šipky v .btn. */
.zpet-lista{
  margin-top:calc(-1 * clamp(16px,2.4vw,28px));
  margin-bottom:clamp(20px,2.6vw,30px);
}
.zpet{
  position:relative;
  display:inline-flex;align-items:center;gap:11px;
  padding:12px 22px 12px 18px;
  border-radius:var(--r-card);
  background:#fff;
  box-shadow:inset 0 0 0 1.5px var(--line);
  color:var(--ink-2);
  font-size:10.5px;font-weight:700;
  letter-spacing:.17em;text-transform:uppercase;
  transition:color .25s ease,box-shadow .25s ease,transform .25s var(--ease);
}
.zpet svg{
  width:17px;height:10px;flex:none;
  fill:none;stroke:currentColor;stroke-width:1.6;
  stroke-linecap:round;stroke-linejoin:round;
  transition:transform .3s var(--ease);
}
.zpet:hover{
  color:var(--pink-dark);
  box-shadow:inset 0 0 0 1.5px var(--pink);
  transform:translateY(-2px);
}
.zpet:hover svg{transform:translateX(-4px)}
.zpet:active{transform:translateY(0)}

/* ---------- 02 Blok s obsahem ---------- */
.gdpr-blok{
  padding-block:clamp(10px,2vw,26px) clamp(48px,6vw,80px);
}
.gdpr-blok .wrap{
  max-width:820px;
  margin-inline:auto;
}
.gdpr-obsah{
  display:grid;
  gap:clamp(16px,2vw,22px);
}
/* volné odstavce mezi kartami */
.gdpr-obsah > p{
  font-size:.97rem;
  line-height:1.8;
  color:var(--ink-2);
  margin:0;
}

/* ---------- 03 Odkazy uvnitř textu ---------- */
.gdpr-obsah a{
  color:var(--pink-dark);
  font-weight:600;
  border-bottom:1px solid var(--pink-soft);
  transition:border-color .2s ease;
}
.gdpr-obsah a:hover{border-color:var(--pink-dark)}

/* ---------- 04 Rámeček se správcem ---------- */
.gdpr-spravce{
  padding:clamp(20px,2.4vw,26px) clamp(22px,2.8vw,30px);
  background:var(--pink-pale);
  border-radius:var(--r-card);
  border-left:4px solid var(--pink);
}
.gdpr-spravce p{
  font-size:.97rem;
  line-height:1.75;
  color:var(--ink);
  margin:0;
}
.gdpr-spravce p + p{margin-top:.4rem}

/* ---------- 05 Jednotlivé odstavce zákona ---------- */
.gdpr-sekce{
  padding:clamp(20px,2.4vw,26px) clamp(22px,2.8vw,30px);
  background:#fff;
  border-radius:var(--r-card);
  border-left:4px solid var(--pink);
  box-shadow:inset 0 0 0 1px var(--line);
  transition:box-shadow .3s ease;
}
.gdpr-sekce:hover{
  box-shadow:inset 0 0 0 1px var(--pink-soft),0 10px 26px rgba(254,159,208,.14);
}
.gdpr-sekce h2{
  font-family:var(--display);
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.17em;
  text-transform:uppercase;
  color:var(--ink);
  margin:0 0 10px;
}
.gdpr-sekce p{
  font-size:.97rem;
  line-height:1.75;
  color:var(--ink-2);
  margin:0;
}

/* ---------- 06 Datum aktualizace ---------- */
.gdpr-meta{
  font-size:10px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--muted);
  padding-top:.4rem;
}

/* ---------- 07 Mobil ---------- */
@media (max-width:560px){
  .zpet{width:100%;justify-content:center}
  .gdpr-obsah{gap:14px}
  .gdpr-sekce,
  .gdpr-spravce{padding:18px 20px}
}