/* Sigun Ar-Ge · KVKK & GDPR çerez onayı */
.sg-cc-banner{
  position:fixed; z-index:70;
  left:max(16px,env(safe-area-inset-left,0px));
  bottom:max(16px,env(safe-area-inset-bottom,0px));
  width:min(440px,calc(100vw - 32px));
  background:var(--bg2,#0e1720); color:var(--fg,#e8eef5);
  border:1px solid var(--line,#22364a); border-radius:14px;
  box-shadow:0 24px 60px rgba(0,0,0,.55);
  padding:18px 18px 16px; font-family:var(--body,sans-serif);
  opacity:0; transform:translateY(12px); transition:opacity .2s, transform .2s;
}
.sg-cc-banner.show{opacity:1; transform:none}
.sg-cc-banner h2{font-family:var(--display,sans-serif); font-size:1.05rem; margin:0 0 8px; color:var(--fg,#e8eef5)}
.sg-cc-banner p{font-size:.88rem; line-height:1.55; color:var(--muted,#93a4b7); margin:0 0 14px}
.sg-cc-banner a{color:var(--accent,#4ea3ff)}
.sg-cc-actions{display:flex; flex-wrap:wrap; gap:8px}
.sg-cc-btn{
  font-family:var(--body,sans-serif); font-weight:600; font-size:.88rem;
  padding:10px 16px; border-radius:10px; cursor:pointer; border:1px solid var(--line,#22364a);
  background:transparent; color:var(--fg,#e8eef5); transition:background .15s,border-color .15s,transform .1s;
}
.sg-cc-btn:hover{border-color:var(--accent,#4ea3ff)}
.sg-cc-btn:active{transform:scale(.98)}
.sg-cc-btn.primary{background:var(--accent,#4ea3ff); color:var(--btnfg,#06121f); border-color:var(--accent,#4ea3ff)}
.sg-cc-btn.primary:hover{background:#6db4ff}
.sg-cc-btn.grow{flex:1 1 auto}

/* tercih penceresi */
.sg-cc-overlay{
  position:fixed; inset:0; z-index:80; display:none;
  align-items:center; justify-content:center; padding:16px;
  background:rgba(4,8,13,.62); backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px);
}
.sg-cc-overlay.show{display:flex}
.sg-cc-modal{
  width:min(600px,100%); max-height:calc(100vh - 32px); overflow-y:auto;
  background:var(--bg2,#0e1720); color:var(--fg,#e8eef5);
  border:1px solid var(--line,#22364a); border-radius:16px;
  box-shadow:0 30px 70px rgba(0,0,0,.6); padding:22px;
  font-family:var(--body,sans-serif);
}
.sg-cc-modal h2{font-family:var(--display,sans-serif); font-size:1.2rem; margin:0 0 6px}
.sg-cc-modal .sg-cc-intro{font-size:.9rem; color:var(--muted,#93a4b7); line-height:1.55; margin:0 0 18px}
.sg-cc-modal .sg-cc-intro a{color:var(--accent,#4ea3ff)}
.sg-cc-cat{
  border:1px solid var(--line,#22364a); border-radius:12px; padding:14px 16px; margin-bottom:12px;
  background:var(--panel,#111c27);
}
.sg-cc-cat-head{display:flex; align-items:center; justify-content:space-between; gap:12px}
.sg-cc-cat-head h3{font-family:var(--display,sans-serif); font-size:.98rem; margin:0; color:var(--fg,#e8eef5)}
.sg-cc-cat p{font-size:.82rem; color:var(--muted,#93a4b7); line-height:1.5; margin:8px 0 0}
.sg-cc-fixed{font-family:var(--mono,monospace); font-size:.72rem; color:var(--green,#4fd18b); letter-spacing:.04em}
/* anahtar */
.sg-cc-switch{position:relative; width:44px; height:24px; flex:none}
.sg-cc-switch input{position:absolute; opacity:0; width:100%; height:100%; margin:0; cursor:pointer}
.sg-cc-track{position:absolute; inset:0; background:var(--line,#22364a); border-radius:999px; transition:background .15s}
.sg-cc-track::before{content:""; position:absolute; top:3px; left:3px; width:18px; height:18px; border-radius:50%; background:var(--dim,#6b7d90); transition:transform .15s, background .15s}
.sg-cc-switch input:checked + .sg-cc-track{background:rgba(78,163,255,.35)}
.sg-cc-switch input:checked + .sg-cc-track::before{transform:translateX(20px); background:var(--accent,#4ea3ff)}
.sg-cc-switch input:focus-visible + .sg-cc-track{outline:2px solid var(--accent,#4ea3ff); outline-offset:2px}
.sg-cc-switch input:disabled{cursor:default}
.sg-cc-modal-actions{display:flex; flex-wrap:wrap; gap:8px; margin-top:18px}

/* yeniden açma bağlantısı (footer) */
.sg-cc-reopen{background:none; border:none; padding:0; font:inherit; color:inherit; cursor:pointer; text-decoration:none}
.sg-cc-reopen:hover{color:var(--fg,#e8eef5)}

/* mobilde sohbet butonunu banner üstüne al */
@media (max-width:520px){
  .sg-cc-banner{width:calc(100vw - 24px); left:12px}
  body.sg-cc-banner-open .sg-chat-btn{bottom:calc(env(safe-area-inset-bottom,0px) + 250px)}
  .sg-cc-actions .sg-cc-btn{flex:1 1 100%}
}
@media (prefers-reduced-motion:reduce){
  .sg-cc-banner{transition:none}
}