/* ===========================================================
   ef-de s. r. o. — právne podstránky (redizajn 2026)
   Dopĺňa styles.css, preberá jeho premenné a typografiu.
   =========================================================== */

.legal-header{
  padding:clamp(60px,9vw,110px) var(--pad-x) clamp(30px,4vw,48px);
  border-bottom:1px solid var(--line);
}
.legal-header .mono-label{margin-bottom:20px;}
.legal-header h1{
  font-family:var(--serif);font-weight:400;
  font-size:clamp(34px,7vw,84px);line-height:1;letter-spacing:-.035em;margin:0;
}
.legal-header .legal-date{
  font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.12em;
  text-transform:uppercase;color:var(--muted);margin:22px 0 0;
}

.legal-content{padding:clamp(44px,7vw,80px) var(--pad-x) clamp(70px,10vw,120px);}
.legal-inner{max-width:78ch;}

.back-link{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.12em;
  text-transform:uppercase;color:var(--muted);
  border-bottom:1px solid rgba(13,15,18,.2);padding-bottom:5px;margin-bottom:44px;
  transition:color .3s ease,border-color .3s ease;
}
.back-link:hover{color:var(--accent);border-color:var(--accent);}

.legal-content h2{
  font-family:var(--serif);font-weight:400;
  font-size:clamp(24px,4vw,38px);line-height:1.1;letter-spacing:-.025em;
  margin:52px 0 16px;
}
.legal-content h2:first-of-type{margin-top:0;}
.legal-content h3{
  font-family:var(--sans);font-weight:600;font-size:16px;
  margin:30px 0 12px;color:var(--ink);
}
.legal-content p{
  font-size:17px;line-height:1.65;font-weight:450;color:var(--ink-2);margin:0 0 18px;
}
.legal-content ul{margin:0 0 22px;padding:0;list-style:none;}
.legal-content li{
  font-size:17px;line-height:1.6;font-weight:450;color:var(--ink-2);
  padding:0 0 10px 22px;position:relative;
}
.legal-content li::before{
  content:"";position:absolute;left:0;top:11px;
  width:6px;height:6px;border-radius:50%;background:var(--accent);
}
.legal-content a{color:var(--accent);border-bottom:1px solid rgba(0,92,155,.3);}
.legal-content a:hover{color:var(--ink);border-color:var(--ink);}

.legal-content table{
  width:100%;border-collapse:collapse;margin:0 0 26px;
  font-size:15px;line-height:1.55;
}
.legal-content th,.legal-content td{
  text-align:left;vertical-align:top;padding:14px 16px 14px 0;
  border-bottom:1px solid var(--line-soft);color:var(--ink-2);font-weight:450;
}
.legal-content th{
  font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.1em;
  text-transform:uppercase;color:var(--muted);white-space:nowrap;
}
.legal-content tr:first-child th{border-bottom:1px solid var(--line);}

@media (max-width:640px){
  .legal-content table,.legal-content thead,.legal-content tbody,
  .legal-content tr,.legal-content th,.legal-content td{display:block;width:100%;}
  .legal-content tr{
    border-bottom:1px solid var(--line);padding:14px 0;
  }
  .legal-content th,.legal-content td{border:0;padding:2px 0;white-space:normal;}
}