/* --- PODSTAWA --- */
#nqcl-overlay{
  position:fixed; inset:0;
  background:rgba(0,0,0,.45);
  opacity:0; visibility:hidden;
  transition:opacity .18s ease, visibility .18s ease;
  z-index:99998;
}
#nqcl-overlay.is-on{ opacity:1; visibility:visible; }

/* Drawer po lewej (UI v1.0.6) */
#nqcl-panel{
  position:fixed; top:0; left:0; height:100%; width:min(720px, 92vw);
  background:transparent; /* realne tło z filtra -> inline style */
  transform:translateX(-110%);
  transition:transform .22s ease;
  z-index:99999;
  box-shadow: 6px 0 24px rgba(0,0,0,.35);
}
#nqcl-panel.is-on{ transform:translateX(0); }

#nqcl-close{
  position:absolute; top:10px; right:10px;
  width:36px; height:36px; border-radius:10px;
  border:1px solid rgba(255,255,255,.75); background:rgba(0,0,0,.35);
  color:#fff; font-size:20px; line-height:1; cursor:pointer;
}
.nqcl-panel-inner{
  height:100%; overflow:auto; -webkit-overflow-scrolling:touch;
  padding: clamp(16px, 2vw, 28px);
  color:#fff;
}
.nqcl-panel-header{ margin: 0 0 clamp(12px, 1.6vw, 20px); }
.nqcl-panel-header h2{
  margin:0; font-weight:700; text-transform:uppercase;
  font-size: clamp(20px, 2.2vw, 28px);
}
.nqcl-panel-sub{ margin:.4em 0 0; opacity:.95; }

/* --- BUTTON BOCZNY (v1.0.6 look) --- */
#nqcl-button{
  --nqcl-w: 60px;
  position: fixed; top: 50%; left: 0;
  transform: translateY(-50%);
  width: var(--nqcl-w);
  background: var(--nqcl-primary, #8DBB2E);
  color: #fff;
  border: 1px solid #fff; border-left: 0; border-radius: 0;
  padding: 0;
  box-shadow: 0 6px 18px rgba(0,0,0,.25);
  cursor: pointer;
  z-index: 99997;
}
#nqcl-button .nqcl-button-inner{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  padding: 21px 12px; gap:10px;
  min-height: 170px;
  writing-mode: vertical-rl;
  text-orientation: mixed;
}
#nqcl-button .nqcl-text{
  transform: rotate(180deg);
  display:flex; flex-direction:column; align-items:center; gap:4px;
  color:#fff; text-align:center;
}
#nqcl-button .qc-heading{
  font-weight:600; font-size:15px; letter-spacing:.5px; font-family: "Albert Sans Semi Bold 600", sans-serif;
}
#nqcl-button .qc-subheading{
  font-weight:400; font-size:12px; letter-spacing:.3px; font-family: "Albert Sans Regular 400", sans-serif;
}
@media (max-width: 768px){
  #nqcl-button{ --nqcl-w: 50px; }
  #nqcl-button .qc-heading{ font-size:12px; }
  #nqcl-button .qc-subheading{ font-size:10px; }
  
}

/* --- CF7 kosmetyka, żeby było czytelnie na kolorowym tle --- */
.nqcl-panel-content .wpcf7 form{
  background: rgba(0,0,0,.25);
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 12px;
  padding: clamp(14px, 1.8vw, 22px);
}
.nqcl-panel-content input[type="text"],
.nqcl-panel-content input[type="email"],
.nqcl-panel-content input[type="tel"],
.nqcl-panel-content select,
.nqcl-panel-content textarea{
  width:100%;
  border:1px solid rgba(255,255,255,.35);
  background: rgba(0,0,0,.30);
  color:#fff;
  border-radius:8px;
  padding:10px 12px;
}
.nqcl-panel-content ::placeholder{ color: rgba(255,255,255,.75); }
.nqcl-panel-content input[type="submit"]{
  background: var(--nqcl-primary, #8DBB2E);
  color:#fff; border:1px solid #fff; border-radius:10px;
  padding:12px 16px; font-weight:600; cursor:pointer;
}