/* ============================================================
 * TG ÇELİK — Site bileşenleri: Çerez Onayı + Yasal Modal + Yasal Sayfa
 * Açık tema; main.css'teki --accent / --heading token'larını kullanır.
 * ============================================================ */

/* ---------- ÇEREZ ONAYI (sol alt) ---------- */
.cc{position:fixed;left:22px;bottom:22px;z-index:9000;width:min(430px,calc(100vw - 32px));
  font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text,#17323f)}
.cc[hidden]{display:none!important}
.cc__shell{position:relative;background:#fff;border:1px solid var(--line,#dde6ec);border-radius:16px;
  padding:18px 18px 14px;box-shadow:0 18px 50px rgba(13,47,69,.18);overflow:hidden;
  animation:ccIn .36s cubic-bezier(.16,1,.3,1) both}
.cc__shell::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;
  background:linear-gradient(90deg,var(--accent,#14a8a5),var(--accent-2,#0c6f9b))}
@keyframes ccIn{from{transform:translateY(20px) scale(.98);opacity:0}to{transform:none;opacity:1}}
@keyframes ccOut{from{transform:none;opacity:1}to{transform:translateY(20px) scale(.98);opacity:0}}
.cc.is-closing .cc__shell{animation:ccOut .22s ease both}
.cc__head{display:grid;grid-template-columns:38px 1fr 24px;gap:12px;align-items:start;margin-bottom:12px}
.cc__ico{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;
  background:linear-gradient(135deg,var(--accent-glow,rgba(20,168,165,.16)),rgba(12,111,155,.12));
  border:1px solid rgba(20,168,165,.28);color:var(--accent-ink,#0a8582)}
.cc__title{margin:0 0 3px;font-size:15px;font-weight:800;color:var(--heading,#0d2f45)}
.cc__desc{margin:0;font-size:12.5px;line-height:1.55;color:var(--muted,#56707e)}
.cc__desc a{color:var(--accent-ink,#0a8582);font-weight:600;text-decoration:underline}
.cc__x{border:0;background:transparent;color:var(--muted-2,#8398a5);cursor:pointer;padding:2px;border-radius:6px}
.cc__x:hover{color:var(--heading,#0d2f45);background:var(--bg-2,#f2f6f8)}
.cc__panel{margin:4px 0 10px;border-top:1px solid var(--line,#dde6ec);padding-top:12px}
.cc__panel[hidden]{display:none}
.cc__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.cc__row{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start}
.cc__row-title{font-size:13px;font-weight:700;color:var(--heading,#0d2f45);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.cc__row-desc{font-size:11.5px;line-height:1.5;color:var(--muted,#56707e);margin-top:2px}
.cc__pill{font-size:10px;font-weight:700;color:var(--accent-ink,#0a8582);background:var(--accent-glow,rgba(20,168,165,.16));
  padding:2px 7px;border-radius:20px;text-transform:uppercase;letter-spacing:.04em}
.cc__switch{position:relative;display:inline-block;width:40px;height:23px;cursor:pointer}
.cc__switch input{position:absolute;opacity:0;width:0;height:0}
.cc__track{position:absolute;inset:0;background:#c8d5de;border-radius:20px;transition:.2s}
.cc__thumb{position:absolute;top:3px;left:3px;width:17px;height:17px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.cc__switch input:checked + .cc__track{background:var(--accent,#14a8a5)}
.cc__switch input:checked + .cc__track .cc__thumb{transform:translateX(17px)}
.cc__switch.is-locked{opacity:.6;cursor:not-allowed}
.cc__actions{display:flex;flex-direction:column;gap:10px}
.cc__settings-link{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;
  color:var(--muted,#56707e);font-size:12px;font-weight:600;cursor:pointer;padding:2px 0}
.cc__settings-link:hover{color:var(--accent-ink,#0a8582)}
.cc__actions-row{display:flex;gap:8px;flex-wrap:wrap}
.cc__btn{flex:1;min-width:120px;border:0;border-radius:9px;padding:10px 12px;font-size:13px;font-weight:700;cursor:pointer;transition:.15s}
.cc__btn--soft{background:var(--bg-2,#f2f6f8);color:var(--heading,#0d2f45);border:1px solid var(--line,#dde6ec)}
.cc__btn--soft:hover{background:var(--bg-3,#e8eef2)}
.cc__btn--primary{background:linear-gradient(120deg,var(--accent-2,#0c6f9b),var(--accent,#14a8a5));color:#fff}
.cc__btn--primary:hover{filter:brightness(1.06)}
@media(max-width:520px){.cc{left:10px;right:10px;bottom:10px;width:auto}}

/* ---------- YASAL ÖZET MODAL ---------- */
.lgm{position:fixed;inset:0;z-index:9500;display:grid;place-items:center;padding:20px}
.lgm[hidden]{display:none}
.lgm__overlay{position:absolute;inset:0;background:rgba(13,47,69,.55);backdrop-filter:blur(3px);animation:lgmFade .2s both}
.lgm__dialog{position:relative;background:#fff;border-radius:16px;max-width:560px;width:100%;
  max-height:85vh;overflow:auto;padding:28px;box-shadow:0 30px 80px rgba(13,47,69,.4);animation:lgmUp .28s cubic-bezier(.16,1,.3,1) both}
@keyframes lgmFade{from{opacity:0}to{opacity:1}}
@keyframes lgmUp{from{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}
.lgm__x{position:absolute;top:16px;right:16px;border:0;background:var(--bg-2,#f2f6f8);color:var(--muted,#56707e);
  width:32px;height:32px;border-radius:8px;cursor:pointer;display:grid;place-items:center}
.lgm__x:hover{background:var(--bg-3,#e8eef2);color:var(--heading,#0d2f45)}
.lgm__title{margin:0 40px 14px 0;font-size:20px;color:var(--heading,#0d2f45)}
.lgm__body{font-size:14px;line-height:1.7;color:var(--text,#17323f)}
.lgm__body p{margin:0 0 12px}
.lgm__foot{margin-top:20px;display:flex;justify-content:flex-end}

/* ---------- YASAL TAM SAYFA ---------- */
.legal-section{padding:56px 0 72px}
.legal-content{max-width:820px;margin:0 auto;font-size:15.5px;line-height:1.8;color:var(--text,#17323f)}
.legal-content h2{font-size:20px;color:var(--heading,#0d2f45);margin:30px 0 10px}
.legal-content p{margin:0 0 14px}
.legal-content a{color:var(--accent-ink,#0a8582);text-decoration:underline}
.legal-content ul{margin:0 0 14px;padding-left:22px}
.legal-content li{margin-bottom:6px}

/* ---------- FOOTER YASAL LİNKLERİ ---------- */
.footer-legal{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px}
.footer-legal a{color:inherit;opacity:.85;text-decoration:none}
.footer-legal a:hover{opacity:1;text-decoration:underline}
.footer-legal span[aria-hidden]{opacity:.4}