:root{ --wscr-accent:#111; }

/* Kompatybilność z motywami - wymuś style */
#wscr-btn{ 
  position:fixed !important; 
  left:16px !important; 
  bottom:16px !important; 
  padding:10px 14px !important; 
  border:none !important; 
  border-radius:999px !important; 
  background:var(--wscr-accent) !important; 
  color:#fff !important; 
  font-weight:600 !important; 
  cursor:pointer !important; 
  z-index:999999 !important; 
  box-shadow:0 6px 24px rgba(0,0,0,.2) !important;
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}

/* Specjalne style dla motywu Shoptimizer */
.shoptimizer-theme #wscr-btn,
.theme-shoptimizer #wscr-btn,
[class*="shoptimizer"] #wscr-btn,
.shoptimizer #wscr-btn {
  position:fixed !important;
  left:16px !important;
  bottom:16px !important;
  z-index:9999999 !important;
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  transform:none !important;
  transition:none !important;
}

/* Konflikt z Shoptimizer floating elements */
.shoptimizer-floating-elements ~ #wscr-btn,
.shoptimizer-sticky-elements ~ #wscr-btn {
  z-index:9999999 !important;
}

/* Konflikt z Shoptimizer chat widget */
.shoptimizer-chat-widget ~ #wscr-btn {
  left:16px !important;
  bottom:80px !important;
}

/* Konflikt z Shoptimizer mobile menu */
.shoptimizer-mobile-menu ~ #wscr-btn {
  bottom:80px !important;
}

/* Konflikt z Shoptimizer sticky header */
.shoptimizer-sticky-header ~ #wscr-btn {
  z-index:9999999 !important;
}
#wscr-panel{ position:fixed; left:16px; bottom:72px; width:360px; max-height:72vh; background:#fff; border-radius:12px; box-shadow:0 12px 40px rgba(0,0,0,.2); overflow:hidden; transform:translateY(12px); opacity:0; pointer-events:none; transition:.2s; z-index:999999; display:flex; flex-direction:column; }
#wscr-panel.open{ transform:translateY(0); opacity:1; pointer-events:auto; }
.wscr-header{ display:flex; justify-content:space-between; align-items:center; padding:6px 8px; border-bottom:1px solid #eee; background:#fafafa; }
.wscr-tabs{ display:flex; gap:8px; }
.wscr-tab{ border:none; background:transparent; padding:6px 8px; border-radius:8px; cursor:pointer; font-weight:600; }
.wscr-tab--active{ background:#fff; box-shadow:0 2px 8px rgba(0,0,0,.06); }
.wscr-actions{ display:flex; align-items:center; gap:8px; }
#wscr-menu{ border:none; background:transparent; cursor:pointer; font-size:16px; }
#wscr-close{ cursor:pointer; font-size:20px; line-height:1; }
.wscr-pane{ display:none; padding:10px; }
.wscr-pane--active{ display:block; }
.wscr-card{ display:flex; gap:10px; padding:8px; border:1px solid #eee; border-radius:10px; margin-bottom:8px; background:#fff; }
.wscr-img img{ width:86px; height:86px; object-fit:cover; border-radius:8px; cursor:zoom-in; }
.wscr-title{ display:block; font-weight:600; color:#111; text-decoration:none; margin-bottom:4px; }
.wscr-price{ font-size:14px; margin-bottom:6px; color:#333; }
.wscr-actions{ display:flex; gap:8px; flex-wrap:wrap; }
.wscr-view, .wscr-cart{ font-size:13px; padding:6px 10px; border-radius:8px; text-decoration:none; border:1px solid #ddd; }
.wscr-cart{ background:var(--wscr-accent); color:#fff; border-color:var(--wscr-accent); }
.wscr-oos{ font-size:12px; color:#999; }
.wscr-chat{ display:flex; flex-direction:column; height:320px; border:1px solid #eee; border-radius:10px; overflow:hidden; background:#fff; }
.wscr-chat-messages{ flex:1; padding:10px; overflow:auto; background:#fafafa; }
.wscr-chat-input{ display:flex; gap:6px; border-top:1px solid #eee; padding:8px; background:#fff; }
.wscr-chat-input input{ flex:1; border:1px solid #ddd; border-radius:8px; padding:8px; }
.wscr-chat-input button{ border:none; background:var(--wscr-accent); color:#fff; border-radius:8px; padding:8px 12px; cursor:pointer; }
.wscr-msg{ display:flex; margin-bottom:8px; }
.wscr-msg-bubble{ max-width:75%; padding:8px 10px; border-radius:10px; }
.wscr-msg-user .wscr-msg-bubble{ background:var(--wscr-accent); color:#fff; margin-left:auto; border-radius:10px 10px 2px 10px; }
.wscr-msg-bot .wscr-msg-bubble{ background:#fff; color:#222; border:1px solid #eee; border-radius:10px 10px 10px 2px; }
#wscr-restore{ position:fixed; right:16px; bottom:16px; padding:8px 12px; border:none; border-radius:999px; background:#f1f3f5; color:#333; box-shadow:0 6px 24px rgba(0,0,0,.12); cursor:pointer; z-index:99999; }
#wscr-restore:hover{ background:#e9ecef; }
.wscr-pop{ position:fixed; display:none; min-width:160px; background:#fff; border:1px solid #e8e8e8; border-radius:8px; box-shadow:0 10px 30px rgba(0,0,0,.12); z-index:100000; padding:6px; }
.wscr-pop.open{ display:block; }
.wscr-pop-item{ display:block; width:100%; text-align:left; background:transparent; border:none; padding:8px 10px; border-radius:6px; cursor:pointer; font-size:14px; }
.wscr-pop-item:hover{ background:#f6f6f6; }