/* BirSunucum - Çerez onay bandı (birsunucum.com + panel.birsunucum.com) */
.bso-cc{
  --bso-cc-bg:#ffffff;
  --bso-cc-text:#1f2937;
  --bso-cc-muted:#4b5563;
  --bso-cc-border:rgba(15,23,42,.08);
  --bso-cc-brand:#198754;
  --bso-cc-brand-2:#146c43;
  --bso-cc-soft:#e9f6ef;
  --bso-cc-btn:#f1f3f5;
  --bso-cc-btn-border:#e2e6ea;
  --bso-cc-btn-text:#374151;
  --bso-cc-shadow:0 18px 50px rgba(15,23,42,.16),0 2px 8px rgba(15,23,42,.06);
  /* Sağ alt: "yukarı çık" düğmesinin (sağ 24px, alt 28px, 48px) üstünde; sol alttaki Paket Asistanı ile çakışmaz */
  position:fixed;right:24px;bottom:90px;z-index:2147483000;
  width:min(360px,calc(100vw - 32px));
  font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  color:var(--bso-cc-text);
  background:var(--bso-cc-bg);
  border:1px solid var(--bso-cc-border);
  border-radius:16px;
  box-shadow:var(--bso-cc-shadow);
  padding:16px;
  box-sizing:border-box;
  opacity:0;transform:translateY(12px);
  transition:opacity .25s ease,transform .25s ease;
}
.bso-cc *{box-sizing:border-box}
.bso-cc.bso-cc--in{opacity:1;transform:none}
.bso-cc[hidden]{display:none!important}

.bso-cc__head{display:flex;align-items:center;gap:11px;margin-bottom:10px}
.bso-cc__icon{flex:0 0 38px;width:38px;height:38px;border-radius:10px;background:var(--bso-cc-soft);color:var(--bso-cc-brand);display:flex;align-items:center;justify-content:center}
.bso-cc__icon svg{width:21px;height:21px}
.bso-cc__title{flex:1;margin:0;font-size:15px;font-weight:700;line-height:1.3;color:var(--bso-cc-text)}
.bso-cc__badge{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--bso-cc-brand);background:var(--bso-cc-soft);border:1px solid rgba(25,135,84,.25);padding:3px 8px;border-radius:999px;white-space:nowrap}
.bso-cc__badge svg{width:12px;height:12px}

.bso-cc__text{margin:0 0 10px;font-size:13px;line-height:1.55;color:var(--bso-cc-muted)}
.bso-cc__text a{color:var(--bso-cc-brand);font-weight:600;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}
.bso-cc__text a:hover{text-decoration-style:solid}

.bso-cc__link{background:none;border:0;padding:0;margin:0 0 12px;font:inherit;font-size:12.5px;font-weight:600;color:var(--bso-cc-muted);cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.bso-cc__link:hover{color:var(--bso-cc-brand)}
.bso-cc__link svg{width:14px;height:14px}

.bso-cc__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.bso-cc__btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;padding:0 12px;border-radius:10px;font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease,filter .2s ease;white-space:nowrap}
.bso-cc__btn svg{width:15px;height:15px}
.bso-cc__btn:active{transform:translateY(1px)}
.bso-cc__btn:focus-visible,.bso-cc__link:focus-visible,.bso-cc__switch input:focus-visible+span{outline:3px solid rgba(25,135,84,.35);outline-offset:2px}
.bso-cc__btn--ghost{background:var(--bso-cc-btn);border:1px solid var(--bso-cc-btn-border);color:var(--bso-cc-btn-text)}
.bso-cc__btn--ghost:hover{filter:brightness(.97)}
.bso-cc__btn--primary{background:linear-gradient(135deg,var(--bso-cc-brand) 0%,var(--bso-cc-brand-2) 100%);border:1px solid transparent;color:#fff;box-shadow:0 6px 16px rgba(25,135,84,.26)}
.bso-cc__btn--primary:hover{box-shadow:0 10px 24px rgba(25,135,84,.36)}

/* Tercihler görünümü */
.bso-cc__prefs{display:flex;flex-direction:column;gap:6px;margin:0 0 12px}
.bso-cc__row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border:1px solid var(--bso-cc-border);border-radius:10px}
.bso-cc__row-text{min-width:0}
.bso-cc__row-title{display:block;font-size:13px;font-weight:700;color:var(--bso-cc-text)}
.bso-cc__row-desc{display:block;font-size:12px;line-height:1.45;color:var(--bso-cc-muted);margin-top:2px}
.bso-cc__always{font-size:12px;font-weight:700;color:var(--bso-cc-brand);white-space:nowrap}
.bso-cc__switch{position:relative;flex:0 0 auto;width:38px;height:22px}
.bso-cc__switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}
.bso-cc__switch span{position:absolute;inset:0;border-radius:999px;background:#cbd5e1;transition:background .2s ease}
.bso-cc__switch span::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .2s ease}
.bso-cc__switch input:checked+span{background:var(--bso-cc-brand)}
.bso-cc__switch input:checked+span::after{transform:translateX(16px)}

/* Koyu tema (WordPress: data-theme, Panel: data-bs-theme) */
:root[data-theme="dark"] .bso-cc,
:root[data-bs-theme="dark"] .bso-cc{
  --bso-cc-bg:#151b23;
  --bso-cc-text:#f1f5f9;
  --bso-cc-muted:#a7b0bd;
  --bso-cc-border:rgba(255,255,255,.09);
  --bso-cc-soft:rgba(46,229,157,.10);
  --bso-cc-btn:#1f2731;
  --bso-cc-btn-border:rgba(255,255,255,.10);
  --bso-cc-btn-text:#e2e8f0;
  --bso-cc-shadow:0 18px 50px rgba(0,0,0,.55);
}
:root[data-theme="dark"] .bso-cc__text a,
:root[data-bs-theme="dark"] .bso-cc__text a,
:root[data-theme="dark"] .bso-cc__badge,
:root[data-bs-theme="dark"] .bso-cc__badge,
:root[data-theme="dark"] .bso-cc__icon,
:root[data-bs-theme="dark"] .bso-cc__icon,
:root[data-theme="dark"] .bso-cc__always,
:root[data-bs-theme="dark"] .bso-cc__always{color:#3ece70}
:root[data-theme="dark"] .bso-cc__switch span,
:root[data-bs-theme="dark"] .bso-cc__switch span{background:#3b4654}
:root[data-theme="dark"] .bso-cc__switch input:checked+span,
:root[data-bs-theme="dark"] .bso-cc__switch input:checked+span{background:#2ea36a}

/* Tablet: bant genişliği Paket Asistanı'na yaklaştığında onun da üstünde kalsın */
@media (max-width:900px){
  .bso-cc{bottom:108px}
}
@media (max-width:520px){
  .bso-cc{left:12px;right:12px;bottom:76px;width:auto;padding:14px;border-radius:14px}
  .bso-cc__badge{display:none}
}
/* Küçük/alçak ekranlar (ör. 1366x768 dizüstü): daha kompakt */
@media (max-height:800px) and (min-width:521px){
  .bso-cc{width:min(340px,calc(100vw - 32px));padding:14px}
  .bso-cc__text{font-size:12.5px;line-height:1.5}
  .bso-cc__icon{flex-basis:34px;width:34px;height:34px}
}
@media (prefers-reduced-motion:reduce){
  .bso-cc,.bso-cc__btn,.bso-cc__switch span,.bso-cc__switch span::after{transition:none}
}