/* ==========================================================================
   TRN Teknoloji - Çerez bildirim bandı ve tercih paneli
   Davranış: js/cookie-consent.js · Metinler: CMS › Kurumsal › Çerez Ayarları
   ========================================================================== */

#cookie-consent [hidden]{display:none!important}
body.cc-lock{overflow:hidden}

/* ---------- Alt bant ---------- */
.cc-banner{position:fixed;left:50%;bottom:20px;z-index:1000;display:flex;align-items:center;gap:28px;width:min(calc(100% - 32px),1100px);padding:22px 26px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 20px 60px rgba(17,18,23,.22);transform:translateX(-50%)}
.cc-banner-text{flex:1;min-width:0}
.cc-banner h2{margin:0 0 6px;font-size:1.05rem;letter-spacing:0}
.cc-banner p{color:var(--muted);font-size:.9rem;line-height:1.55}
.cc-banner p a,.cc-intro a{color:var(--red);font-weight:700;text-decoration:underline;text-underline-offset:2px}
.cc-actions{display:flex;flex-shrink:0;gap:10px}

/* ---------- Düğmeler ---------- */
.cc-btn{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:0 18px;border:1px solid transparent;border-radius:10px;font-weight:800;font-size:.9rem;line-height:1.2;cursor:pointer;transition:.2s ease}
.cc-btn-primary{color:#fff;background:var(--red)}
.cc-btn-primary:hover{background:var(--red-dark)}
.cc-btn-outline{color:var(--red);background:#fff;border-color:var(--red)}
.cc-btn-outline:hover{color:#fff;background:var(--red)}
.cc-btn-ghost{color:var(--ink);background:var(--soft);border-color:var(--line)}
.cc-btn-ghost:hover{border-color:#bbb}
.cc-btn:focus-visible,.cc-close:focus-visible,.cc-switch:focus-visible,.cc-details summary:focus-visible{outline:2px solid var(--red);outline-offset:2px}

/* ---------- Tercih paneli ---------- */
.cc-overlay{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(17,18,23,.55)}
.cc-modal{display:flex;flex-direction:column;width:min(100%,680px);max-height:min(88vh,760px);border-radius:18px;background:#fff;box-shadow:0 30px 80px rgba(17,18,23,.35)}
.cc-modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 26px;border-bottom:1px solid var(--line)}
.cc-modal-head h2{margin:0;font-size:1.3rem;letter-spacing:-.01em}
.cc-close{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:#fff;font-size:1.5rem;line-height:1;cursor:pointer}
.cc-close:hover{border-color:#bbb}
.cc-modal-body{flex:1;overflow-y:auto;padding:22px 26px}
.cc-intro{margin-bottom:18px;color:var(--muted);font-size:.92rem}
.cc-cat{padding:16px 0;border-top:1px solid var(--line)}
.cc-cat:first-of-type{border-top:0;padding-top:0}
.cc-cat p{margin-top:6px;color:var(--muted);font-size:.88rem;line-height:1.55}
.cc-cat-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.cc-cat-head label{font-weight:800;font-size:.98rem}
.cc-modal-foot{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:18px 26px;border-top:1px solid var(--line)}

/* ---------- Açma/kapama anahtarı ---------- */
.cc-switch{appearance:none;-webkit-appearance:none;position:relative;flex-shrink:0;width:46px;height:26px;margin:0;border-radius:13px;background:#c9ccd3;cursor:pointer;transition:background .2s ease}
.cc-switch::after{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s ease}
.cc-switch:checked{background:var(--red)}
.cc-switch:checked::after{transform:translateX(20px)}
.cc-switch:disabled{opacity:.55;cursor:not-allowed}

/* ---------- Çerez listesi ---------- */
.cc-details{margin-top:10px}
.cc-details summary{display:inline-block;color:var(--red);font-size:.85rem;font-weight:800;cursor:pointer}
.cc-table-wrap{margin-top:10px;overflow-x:auto}
.cc-table-wrap table{width:100%;border-collapse:collapse;font-size:.82rem}
.cc-table-wrap th,.cc-table-wrap td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.cc-table-wrap th{color:var(--ink);background:var(--soft);font-weight:800;white-space:nowrap}
.cc-table-wrap td{color:var(--muted)}

@media(max-width:760px){
  .cc-banner{flex-direction:column;align-items:stretch;gap:16px;bottom:12px;padding:18px}
  .cc-actions{flex-direction:column-reverse}
  .cc-modal-head,.cc-modal-body,.cc-modal-foot{padding-left:18px;padding-right:18px}
  .cc-modal-foot{flex-direction:column-reverse}
  .cc-modal-foot .cc-btn{width:100%}
  .cc-table-wrap thead{display:none}
  .cc-table-wrap tr{display:block;padding:8px 0;border-bottom:1px solid var(--line)}
  .cc-table-wrap td{display:block;padding:2px 0;border:0}
  .cc-table-wrap td::before{content:attr(data-label) ': ';color:var(--ink);font-weight:800}
}