/* ===================== STYLE (akcent: #e78128) ===================== */
:root{ --cb-ico-scale:1.30; } /* powiększanie samej ikonki ciasteczka */

#cb-overlay{
  position:fixed; inset:0; background:rgba(0,0,0,.45);
  z-index:2147483647;
  display:flex; align-items:center; justify-content:center;
}
#cb-modal{
  background:#ffffff; color:#0f172a; width:min(720px,92vw);
  border-radius:16px; border:1px solid #e5e7eb; box-shadow:0 24px 80px rgba(0,0,0,.25);
  overflow:hidden; z-index:2147483647;
}
.cb-top{ padding:0 24px; border-bottom:1px solid #e5e7eb; display:flex; gap:28px; }
.cb-tab{ padding:16px 0 14px; border-bottom:3px solid transparent; cursor:pointer; font-weight:800; color:#0f172a; }
.cb-tab.active{ border-color:#e78128; }

.cb-body{ padding:22px; max-height:60vh; overflow:auto; }
.cb-title{ margin:0 0 10px; font-size:28px; font-weight:800; color:#e78128; }
.cb-desc{ margin:0 0 16px; color:#475569; font-size:16px; }
.cb-info{ font-size:16px; color:#0f172a; }
.cb-info a{ color:#e78128; font-weight:800; text-decoration:none; border-bottom:2px solid #e78128; padding-bottom:2px; }

.cb-list{ margin-top:8px; border-top:1px solid #e5e7eb; }
.cb-li{
  display:flex; align-items:flex-start; justify-content:space-between;
  padding:16px 0; border-bottom:1px solid #e5e7eb; gap:16px;
}
.cb-li strong{ font-weight:800; }
.cb-left{ min-width:0; }
.cb-sub{ margin:.35rem 0 0; color:#64748b; font-size:14px; line-height:1.4; }
.cb-right{ display:flex; align-items:center; gap:12px; flex:0 0 auto; }

/* Suwak */
.cb-switch{ position:relative; width:56px; height:32px; }
.cb-switch input{ display:none; }
.cb-slider{
  position:absolute; inset:0; background:#e7e7e7; border-radius:999px; transition:.2s;
}
.cb-slider:before{
  content:""; position:absolute; left:3px; top:3px; width:26px; height:26px;
  background:#fff; border-radius:50%; transition:.2s; box-shadow:0 1px 2px rgba(0,0,0,.25);
}
.cb-switch input:checked + .cb-slider{ background:#e78128; }
.cb-switch input:checked + .cb-slider:before{ transform:translateX(24px); }
.cb-switch.disabled input:checked + .cb-slider{ background:#e1781e; }
.cb-switch.disabled{ opacity:.9; }

.cb-actions{
  display:flex; gap:12px; flex-wrap:wrap; padding:16px 22px;
  border-top:1px solid #e5e7eb; background:#fafafa;
  margin-bottom:15px;
}
.cb-actions.center{ justify-content:center; }
.cb-actions.end{ justify-content:flex-end; }

.cb-btn{
  border:0; border-radius:12px; padding:12px 18px; cursor:pointer;
  font-weight:900; min-width:210px; text-align:center;
  transition:background-color .3s ease;
}
.cb-btn.primary{ background:#e78128; color:#fff; }
.cb-btn.primary:hover{ background:#e1781e; }
.cb-btn.secondary{ background:#e78128; color:#fff; }
.cb-btn.secondary:hover{ background:#e1781e; }
.cb-btn.ghost{ background:#fff; border:1px solid #e5e7eb; color:#e78128; }
.cb-btn.ghost:hover{ background:#fafafa; border-color:#e78128; }

@media(max-width:640px){ .cb-btn{ flex:1 1 100%; min-width:100%; } }

/* ===== LAUNCHER (ciasteczko) – kwadrat, rośnie tylko ikona ===== */
#custom-button{
  position:fixed; bottom:32px; left:32px; width:56px; height:56px; border:none; border-radius:8px;
  background-color:#e78128; cursor:pointer; z-index:2147483647;
  display:flex; align-items:center; justify-content:center; transition:background-color .3s ease, transform .3s ease;
  overflow:hidden; /* klip ikony gdy będzie większa */
  box-shadow:0 2px 8px rgba(0,0,0,.2);
}
#custom-button .cb-ico-wrap{ width:100%; height:100%; display:flex; align-items:center; justify-content:center; }
#custom-button .cb-ico{ width:34px; height:34px; display:block; transform:scale(var(--cb-ico-scale)); transform-origin:center; }
#custom-button:hover{ background-color:#e1781e; transform:scale(1.06); }

@media(max-width:476px){
  #custom-button{
    bottom:16px;
    left:16px;
  }
}