/* ============================================================
   Çerez panelinin Yapı Masası giydirmesi.

   NEDEN AYRI DOSYA
     olcum.css bilerek TAŞINABİLİR: kendi nötr renklerini taşır ve
     başka bir ürün sitesine değiştirmeden konabiliyor. Markaya özgü
     renkleri oraya yazmak o taşınabilirliği bozardı. Bu dosya yalnız
     bu sitede, olcum.css'ten SONRA yüklenir ve üzerine yazar.

   Palet tanıtım sayfasıyla aynı: koyu cam yüzey (.ol-dark),
   turuncu birincil eylem (.ol-btn-p), sıcak sarı bağlantı (#f5a544).
   ============================================================ */

.cerez-panel {
  border-radius: 18px;
  border-color: rgba(255, 255, 255, .14);
  background: linear-gradient(165deg, rgba(34, 45, 72, .94), rgba(19, 26, 44, .97));
  backdrop-filter: blur(30px) saturate(170%);
  -webkit-backdrop-filter: blur(30px) saturate(170%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), 0 30px 70px -30px rgba(19, 26, 44, .7);
  font-family: 'IBM Plex Sans', system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.6;
}

.cerez-panel a { color: #f5a544; }
.cerez-panel a:hover { color: #ffbe6d; }

.cerez-satir input { accent-color: #e8722a; }

.cerez-dugmeler button {
  border-radius: 11px;
  font-family: inherit;
  font-weight: 600;
  transition: background 160ms ease, border-color 160ms ease;
}
.cerez-dugmeler button:focus-visible { outline: 2px solid #f5a544; outline-offset: 2px; }

.cerez-dugmeler button[data-onay="kabul"],
.cerez-dugmeler button[data-onay="kaydet"] {
  background: linear-gradient(150deg, #e8722a, #d15f1c);
  border-color: #bb500d;
  box-shadow: 0 14px 30px -16px rgba(232, 114, 42, .8);
}
.cerez-dugmeler button[data-onay="kabul"]:hover,
.cerez-dugmeler button[data-onay="kaydet"]:hover {
  background: linear-gradient(150deg, #d15f1c, #bb500d);
}

/* Saydamlığı azaltılmış modda cam kapanır — sitenin geri kalanıyla aynı kural. */
@media (prefers-reduced-transparency: reduce) {
  .cerez-panel {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: #131a2c !important;
  }
}
