/* /public/css/cookie-consent.css */

/* === Banner genel === */
#ck-banner{
  position: fixed;           /* her sayfada alt sabit */
  left: 16px;
  right: 16px;
  bottom: 16px;
  z-index: 50;
  max-width: 64rem;          /* ≈1024px */
  margin-left: auto;
  margin-right: auto;

  /* Koyu tema (iletişim sayfasıyla aynı) */
  background-color: #1f2937; /* neutral-800 */
  color: #ffffff;
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 14px;
  box-shadow: 0 18px 42px rgba(0,0,0,0.35), 0 4px 14px rgba(0,0,0,0.25);
  backdrop-filter: blur(4px);
  padding: 16px;
}

/* İç düzen: metin solda, butonlar sağda */
#ck-banner > .ck-row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

/* Metin bloğu */
#ck-banner .ck-text{
  flex: 1 1 auto;
  font-size: 0.95rem;
  line-height: 1.35rem;
}
#ck-banner .ck-text a{
  color: #ffffff;
  text-decoration: underline;
}

/* Buton grubu sağa hizalı */
#ck-banner .ck-actions{
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: nowrap;
}

/* --- Butonlar --- */
#ck-banner button{
  transition: all 0.2s ease-in-out;
  border-radius: 10px;
  padding: 7px 12px;     /* daha kompakt */
  font-size: 0.85rem;    /* ↓ küçültüldü (önce ~0.9rem idi) */
  line-height: 1.1;
  font-weight: 600;
}

/* Reddet & Tercihleri Yönet: beyaz */
#ck-btn-decline,
#ck-btn-preferences{
  color: #111;
  background-color: #fff;
  border: 1px solid #e5e7eb; /* neutral-200 */
}
#ck-btn-decline:hover,
#ck-btn-preferences:hover{ background-color: #f3f4f6; }

/* Kabul Et: lacivert */
#ck-btn-accept{
  color: #fff;
  background-color: #1A2E55;       /* marka */
  border: 1px solid #1A2E55;
}
#ck-btn-accept:hover{ filter: brightness(0.95); }

/* === Modal === */
#ck-modal { display: none; }
#ck-modal.show { display: flex; }

/* === Blocker (click-to-load) === */
.ck-blocker .ck-blocker-slot.hidden { display: none; }
.ck-blocker .ck-blocker-slot.show { display: block; }

/* === Responsive === */
@media (max-width: 768px){
  #ck-banner{
    left: 12px; right: 12px; bottom: 12px;
    padding: 12px;
  }
  #ck-banner > .ck-row{
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  #ck-banner .ck-actions{
    justify-content: flex-end;
    flex-wrap: wrap;        /* küçük ekranda taşarsa alt satır */
    gap: 8px;
  }
}