/* Çerez rıza bandı — tema bağımsız.
   Tema kendi malzeme değişkenlerini (--face, --bevel-out, --well…) tanımlıyorsa bant onun
   diline döner; tanımlamıyorsa aşağıdaki yedek değerlerle eskisi gibi görünür. Mağaza rengi
   her iki durumda da `--c-primary` üzerinden gelir. */
.kl-cc{position:fixed;inset:auto 0 0 0;z-index:9998;padding:16px;display:flex;justify-content:center;pointer-events:none}
@media (prefers-reduced-motion:no-preference){
  .kl-cc{animation:kl-cc-in .28s ease both}
  @keyframes kl-cc-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
}
.kl-cc__box{pointer-events:auto;width:100%;max-width:900px;
  background:var(--face,#fff);color:var(--ink,#1f1d1a);
  border:var(--bevel-out,0) solid transparent;border:0;
  border-radius:var(--r,16px);
  box-shadow:var(--bevel-out,0 18px 48px rgba(31,29,26,.16)),var(--drop,0 0 0 1px rgba(31,29,26,.06));
  padding:18px 20px;display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap}
.kl-cc__main{flex:1 1 380px;min-width:260px}
.kl-cc__title{font-size:15px;font-weight:700;margin:0 0 6px;letter-spacing:-.01em}
.kl-cc__text{margin:0;font-size:13.5px;line-height:1.55;color:var(--ink-2,#5c574e)}
.kl-cc__text a{color:var(--link,inherit);text-decoration:underline;text-underline-offset:2px}
.kl-cc__cats{display:none;margin-top:14px;gap:10px;flex-direction:column;padding-top:14px;
  border-top:1px solid var(--sh-mid,#f0ece5)}
.kl-cc--panel .kl-cc__cats{display:flex}
.kl-cc__row{display:flex;gap:10px;align-items:flex-start;font-size:13px;cursor:pointer}
.kl-cc__row.is-locked{opacity:.65;cursor:default}
/* Onay kutusu tema çizimiyle aynı: tarayıcının turuncu üstüne bastığı siyah tik yerine beyaz tik */
.kl-cc__row input{appearance:none;-webkit-appearance:none;margin-top:1px;width:16px;height:16px;flex:none;cursor:pointer;
  border:1.5px solid #b9b9b9;border-radius:var(--r,4px);background:#fff center/100% 100% no-repeat;transition:background-color .12s,border-color .12s}
.kl-cc__row input:checked{background-color:var(--c-primary,#1f1d1a);border-color:var(--c-primary,#1f1d1a);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M4.2 9.4l3.1 3.1 6.5-6.6' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.kl-cc__row input:disabled{cursor:default}
.kl-cc__row span{display:flex;flex-direction:column;gap:2px}
.kl-cc__row strong{font-weight:700}
.kl-cc__row span span{color:var(--ink-3,#5c574e)}
.kl-cc__actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;flex:0 0 auto;margin-left:auto}
.kl-cc__btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;
  border:0;border-radius:var(--r-sm,10px);min-height:40px;padding:0 16px;font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;
  background:var(--face,#fff);color:var(--ink,#1f1d1a);
  box-shadow:var(--bevel-out,inset 0 0 0 1px #e0dbd2)}
.kl-cc__btn:active{box-shadow:var(--bevel-in,none)}
/* Varsayılan eylem temanın birincil düğmesi gibi: marka dolgusu, beyaz yazı, çerçevesiz.
   (Eski hâli temanın --ink'ini alıp turuncu üstüne siyah yazı + siyah çerçeve basıyordu.) */
.kl-cc__btn--accept{background:var(--c-primary,#1f1d1a);color:var(--btn-on-primary,#fff);box-shadow:none}
.kl-cc__btn--accept:hover{filter:brightness(.94)}
.kl-cc__btn--ghost{background:var(--face,#fff);color:var(--ink,#1f1d1a)}
/* "Seçimimi kaydet" yalnızca tercih panelinde, "Tercihleri yönet" yalnızca panel kapalıyken */
.kl-cc .kl-cc__btn--save{display:none}
.kl-cc--panel .kl-cc__btn--save{display:inline-flex}
.kl-cc--panel .kl-cc__links [data-act="settings"]{display:none}
/* Alt bağlantı satırı: "Tercihleri yönet · Çerez politikası" */
.kl-cc__links{flex:0 0 100%;display:flex;gap:14px;align-items:center;font-size:12.5px;color:var(--ink-3,#5c574e)}
.kl-cc__links button,.kl-cc__links a{appearance:none;background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;
  text-decoration:underline;text-underline-offset:2px}
.kl-cc__links button:hover,.kl-cc__links a:hover{color:var(--ink,#1f1d1a)}
.kl-cc--panel .kl-cc__links:empty,.kl-cc--panel .kl-cc__links:not(:has(a)){display:none}
/* Sol alt köşe (varsayılan): küçük kart, üç satır metin, iki kısa düğme + metin bağlantısı "Tercihleri yönet" */
.kl-cc--corner{inset:auto auto 0 0;justify-content:flex-start;padding:16px}
.kl-cc--corner .kl-cc__box{width:340px;max-width:calc(100vw - 32px);flex-direction:column;flex-wrap:nowrap;gap:12px;padding:16px 18px 14px;border-radius:14px;
  box-shadow:0 12px 36px rgba(31,29,26,.14),0 0 0 1px rgba(31,29,26,.06)}
.kl-cc--corner .kl-cc__main{flex:none;min-width:0}
.kl-cc--corner .kl-cc__title{font-size:14px;margin-bottom:4px}
.kl-cc--corner .kl-cc__text{font-size:12.5px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.kl-cc--corner .kl-cc__cats{margin-top:10px;padding-top:10px;gap:8px}
.kl-cc--corner .kl-cc__row{font-size:12.5px}
.kl-cc--corner .kl-cc__actions{width:100%;gap:6px 10px}
.kl-cc--corner .kl-cc__btn{min-height:34px;padding:0 12px;font-size:12.5px;border-radius:8px}
.kl-cc--corner .kl-cc__links{flex:none;margin-top:-2px}
@media (max-width:720px){
  .kl-cc{padding:8px}
  .kl-cc__box{padding:14px;gap:10px}
  .kl-cc__title{font-size:14px}
  .kl-cc__text{font-size:12.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .kl-cc__actions{width:100%}
  .kl-cc__btn{flex:1 1 calc(50% - 4px);min-height:42px;font-size:13px}
  .kl-cc--corner{padding:10px}
  .kl-cc--corner .kl-cc__box{width:300px;max-width:calc(100vw - 92px);padding:12px 14px 10px;gap:8px;border-radius:12px}
  .kl-cc--corner .kl-cc__title{font-size:13px;margin-bottom:2px}
  .kl-cc--corner .kl-cc__text{font-size:12px;line-height:1.45;-webkit-line-clamp:2}
  .kl-cc--corner .kl-cc__actions{gap:6px 8px}
  .kl-cc--corner .kl-cc__btn{flex:0 1 auto;min-height:32px;padding:0 10px;font-size:12px}
  .kl-cc--corner .kl-cc__links{font-size:12px;margin-top:-1px}
}