/* === GLOBAL BACKDROP: sayfayı kilitle === */
.cc-backdrop {
  position: fixed; inset: 0;
  background: rgba(17,24,39,.55);
  backdrop-filter: blur(2px);
  z-index: 1088;
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s ease;
}
.cc-backdrop.is-visible {
  opacity: 1;
  pointer-events: auto;
}

/* === BANNER === */
.cookie-consent {
  position: fixed; left: 0; right: 0; bottom: 0;
  width: 100%;
  z-index: 1090;
  transform: translateY(100%);
  opacity: 0;
  transition: transform .35s ease, opacity .35s ease;
  pointer-events: none;
}
.cookie-consent.is-visible {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}
.cookie-container {
  margin: 0 auto 1rem auto;
  background: #111827; color: #f3f4f6;
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
  padding: 1rem 1.25rem;
}

/* Metin alanı: SAĞA-SOLA YASLI */
.cookie-text {
  font-size: .95rem;
  line-height: 1.6;
  text-align: justify;           /* ← justification */
  text-justify: inter-word;      /* bazı tarayıcılarda daha iyi boşluklama */
}
.cookie-text strong {
  display:block; font-weight:600; margin-bottom:.25rem;
}
.cookie-link { color:#93c5fd; text-decoration: underline; }
.cookie-manage { display:inline-block; margin-left:.5rem; text-decoration: underline; color:#c7d2fe; }

.cookie-actions {
  display:flex; align-items:center; gap:.5rem; margin-top:.75rem;
}
@media (min-width: 768px) {
  .cookie-container {
    display:grid; grid-template-columns:1fr auto;
    align-items:center; gap:1rem 1.25rem; padding:1rem 1.5rem;
  }
  .cookie-actions { margin-top:0; }
}

/* === MODAL === */
.cc-modal {
  position: fixed; inset:0; z-index: 1091;
  display: none;
}
.cc-modal.is-visible { display:block; }
.cc-modal-dialog {
  background:#fff; color:#111827;
  width:min(640px, 92vw);
  border-radius:16px; box-shadow: 0 20px 60px rgba(0,0,0,.35);
  margin: 10vh auto; padding:0; overflow:hidden;
}
.cc-modal-header, .cc-modal-footer {
  padding:.9rem 1rem; background:#f9fafb;
}
.cc-modal-header {
  display:flex; align-items:center; justify-content:space-between;
  border-bottom:1px solid #e5e7eb;
}
.cc-modal-body { padding: 1rem; }
.cc-close {
  background:transparent; border:0; font-size:1.5rem; line-height:1; cursor:pointer;
}
.cc-group { display:flex; flex-direction:column; gap:.6rem; }
.cc-row {
  display:flex; align-items:center; gap:.6rem;
  padding:.45rem .6rem; border:1px solid #e5e7eb; border-radius:10px;
}
.cc-name { font-weight:600; }
.cc-meta { margin-left:auto; font-size:.85rem; color:#6b7280; }

/* No-scroll helper (body’ye eklenir/çıkarılır) */
body.cc-locked { overflow:hidden; }