/* ============================================================
 * PUSULA DENİZCİLİ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}

/* ---------- PUSULA: token köprüsü (components.css fallback'lerini eşler) ---------- */
:root{
  --accent:      var(--gold-600);
  --accent-2:    var(--navy-700);
  --accent-ink:  var(--gold-700);
  --accent-glow: rgba(44,116,189,.16);
  --heading:     var(--navy-900);
  --text:        var(--ink-700);
  --muted:       var(--ink-500);
  --muted-2:     var(--ink-400);
  --bg-2:        var(--paper-2);
}

/* ---------- Tek dil (TR): EN metin blokları gizli ---------- */
[data-en]{display:none}
html[lang="en"] [data-tr]{display:none}
html[lang="en"] [data-en]{display:revert}

/* ---------- PUSULA: İletişim formu ---------- */
.cform{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:1.6rem;box-shadow:0 10px 30px rgba(10,22,38,.05)}
.cform__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
@media (max-width:720px){.cform__grid{grid-template-columns:1fr}}
.cfield{display:flex;flex-direction:column;gap:.35rem}
.cfield--full{grid-column:1/-1}
.cfield>span{font-size:.8rem;font-weight:700;color:var(--ink-700);letter-spacing:.01em}
.cfield input,.cfield select,.cfield textarea{
  width:100%;padding:.72rem .85rem;border:1px solid var(--line);border-radius:10px;
  background:var(--paper);color:var(--ink-900);font:inherit;font-size:.94rem;
  transition:border-color .18s ease,box-shadow .18s ease}
.cfield input:focus,.cfield select:focus,.cfield textarea:focus{
  outline:0;border-color:var(--gold-500);box-shadow:0 0 0 3px rgba(59,131,204,.15)}
.cfield textarea{resize:vertical;min-height:120px}
.cform__foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.2rem;flex-wrap:wrap}
.cform__kvkk{display:flex;align-items:flex-start;gap:.55rem;font-size:.8rem;color:var(--ink-500);max-width:46ch;line-height:1.5}
.cform__kvkk input{margin-top:.15rem;accent-color:var(--gold-600)}
.cform__kvkk a{color:var(--gold-700);font-weight:600;text-decoration:underline}
.form-note{border-radius:12px;padding:.9rem 1.1rem;font-size:.9rem;font-weight:600;margin-bottom:1rem}
.form-note--ok{background:rgba(28,150,90,.1);color:#12673f;border:1px solid rgba(28,150,90,.25)}
.form-note--err{background:rgba(200,60,60,.09);color:#a02525;border:1px solid rgba(200,60,60,.25)}

/* ---------- PUSULA: Yasal sayfa ---------- */
.legal-page{max-width:78ch;margin:0 auto}
.legal-page h2{font-family:var(--f-display);font-size:var(--step-1);color:var(--navy-900);margin:2rem 0 .6rem}
.legal-page p{color:var(--ink-700);line-height:1.75;margin:0 0 .9rem}
.legal-page ul{color:var(--ink-700);line-height:1.75}
/* Yasal bağlantılar: footer'ın altında ortalanmış tek satır */
.footer-bottom{flex-direction:column;align-items:stretch;gap:.9rem}
.footer-legal{justify-content:center;font-size:.8rem}
.footer-legal a{color:inherit;opacity:.8;text-decoration:none}
.footer-legal a:hover{opacity:1;text-decoration:underline}
.footer-bottom__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem}
@media (max-width:560px){.footer-bottom__row{justify-content:center;text-align:center}}