/* =================================================================
   ÖZBUDENT — Yasal metin sayfaları (KVKK / çerez politikası vb.)
   yasal- = sayfa kabuğu, yd- = doküman içi öğeler.
   Ortak değişkenler style.css :root'tan gelir (--brand, --navy…).
   ================================================================= */

/* ---------- Hero (lacivert bant) ---------- */
.yasal-hero{
  background:
    radial-gradient(900px 420px at 85% -10%, rgba(43,134,255,.28), transparent 60%),
    radial-gradient(700px 360px at -10% 110%, rgba(70,198,255,.14), transparent 60%),
    linear-gradient(160deg, var(--navy) 0%, var(--navy-deep) 100%);
  color:#fff;
  padding-block: clamp(44px, 7vw, 86px);
}
.yasal-bread{
  display:flex; flex-wrap:wrap; align-items:center; gap:10px;
  font-size:.82rem; color:rgba(255,255,255,.62); margin-bottom:22px;
}
.yasal-bread a{ color:rgba(255,255,255,.78); transition:color .2s; }
.yasal-bread a:hover{ color:#fff; }
.yasal-bread b{ color:#fff; font-weight:600; }
.yasal-bread .sep{ opacity:.45; }
.yasal-eyebrow{
  display:inline-flex; align-items:center; gap:.55em;
  font-size:.74rem; font-weight:700; letter-spacing:.2em; text-transform:uppercase;
  color:var(--cyan); margin-bottom:16px;
}
.yasal-eyebrow svg{ width:17px; height:17px; flex:none; }
.yasal-hero h1{
  color:#fff; /* style.css global h1 kuralı (--navy-deep) lacivert zeminde okunmuyor */
  font-family:var(--display);
  font-size:clamp(1.55rem, 3.4vw, 2.5rem);
  font-weight:600; line-height:1.2; letter-spacing:-0.02em;
  max-width:21em;
}
.yasal-hero h1 em{ font-style:normal; color:var(--cyan); }
.yasal-lead{
  margin-top:16px; max-width:46em;
  color:rgba(255,255,255,.72); font-size:.98rem; line-height:1.7;
}

/* ---------- Doküman gövdesi ---------- */
.yasal-body{ padding-block: clamp(48px, 7vw, 88px); }
.yasal-doc{
  max-width:880px; margin-inline:auto;
  background:var(--white); border:1px solid var(--line);
  border-radius:var(--r-lg); box-shadow:var(--shadow-sm);
  padding: clamp(26px, 5vw, 56px);
}
.yd-sec + .yd-sec{ margin-top:42px; padding-top:38px; border-top:1px solid var(--line); }
.yd-sec h2{
  display:flex; align-items:center; gap:14px;
  font-family:var(--display); font-size:clamp(1.12rem, 2vw, 1.35rem);
  font-weight:600; letter-spacing:-0.015em; color:var(--navy);
  margin-bottom:14px;
}
.yd-no{
  flex:none; width:34px; height:34px; border-radius:10px;
  display:inline-flex; align-items:center; justify-content:center;
  background:linear-gradient(150deg, var(--brand), var(--brand-bright));
  color:#fff; font-size:.92rem; font-weight:600;
}
.yd-sec p{ color:var(--muted); font-size:.95rem; line-height:1.75; }
.yd-sec p + p{ margin-top:12px; }
.yd-sec a{ color:var(--brand); font-weight:500; }
.yd-sec a:hover{ text-decoration:underline; }

/* ---------- Tanım listeleri (çerez türleri / tarayıcılar) ---------- */
.yd-liste{ margin-top:18px; display:grid; gap:12px; }
.yd-madde{
  background:var(--paper); border:1px solid var(--line);
  border-radius:var(--r-sm); padding:16px 18px;
}
.yd-madde dt{ font-weight:600; color:var(--navy); font-size:.93rem; margin-bottom:4px; }
.yd-madde dd{ color:var(--muted); font-size:.92rem; line-height:1.7; }
.yd-madde dd b{ color:var(--ink); font-weight:600; }

/* ---------- Numaralı başvuru yolları ---------- */
.yd-yollar{ margin:16px 0 22px; padding-left:0; list-style:none; counter-reset:yol; display:grid; gap:10px; }
.yd-yollar li{
  counter-increment:yol; position:relative; padding:14px 16px 14px 52px;
  background:var(--paper); border:1px solid var(--line); border-radius:var(--r-sm);
  color:var(--muted); font-size:.92rem; line-height:1.7;
}
.yd-yollar li::before{
  content:counter(yol,lower-alpha) ")";
  position:absolute; left:16px; top:13px;
  font-weight:600; color:var(--brand); font-size:.92rem;
}

/* ---------- Tablolar ---------- */
.yd-scroll{ margin-top:18px; overflow-x:auto; -webkit-overflow-scrolling:touch; border-radius:var(--r-sm); }
.yd-tablo{
  width:100%; border-collapse:separate; border-spacing:0;
  border:1px solid var(--line-strong); border-radius:var(--r-sm);
  font-size:.88rem; min-width:560px; overflow:hidden;
}
.yd-tablo th{
  background:var(--navy); color:#fff; text-align:left;
  font-weight:600; font-size:.8rem; letter-spacing:.02em;
  padding:11px 14px; white-space:nowrap;
}
.yd-tablo td{
  padding:12px 14px; color:var(--muted); line-height:1.6;
  border-top:1px solid var(--line); vertical-align:top; background:var(--white);
}
.yd-tablo tbody tr:nth-child(even) td{ background:var(--paper); }
.yd-tablo code{
  font-family:ui-monospace, SFMono-Regular, Consolas, monospace;
  font-size:.84em; background:var(--paper-2); color:var(--navy);
  padding:2px 7px; border-radius:6px; white-space:nowrap;
}
.yd-tablo-cerez{ min-width:760px; }
.yd-tablo a{ white-space:nowrap; }

/* ---------- Mobil ---------- */
@media (max-width:760px){
  .yasal-doc{ padding:22px 18px; border-radius:var(--r-md); }
  .yd-sec + .yd-sec{ margin-top:32px; padding-top:28px; }
  .yd-sec h2{ align-items:flex-start; }
  .yd-no{ width:30px; height:30px; border-radius:9px; font-size:.85rem; }
}