/* ============================================================
   nk DigitalMedia — Lightbox-Effekte (v9)
   Per-Bild Presets + Regler + Schärfe-Stufen.
   Kein gallery-weiter Modus — nur für geöffnete Lightbox.
   ============================================================ */

/* ── Toggle-Pill (immer in Lightbox sichtbar) ── */
#lb-fx-toggle{
  position:absolute; bottom:18px; left:50%; transform:translateX(-50%);
  z-index:96;
  background:rgba(10,10,10,.72); border:1px solid rgba(255,255,255,.1);
  color:#7a7774; font-family:Inter,system-ui,sans-serif;
  font-size:10px; letter-spacing:.16em; text-transform:uppercase;
  padding:7px 16px; cursor:pointer; transition:.22s;
  backdrop-filter:blur(8px); display:flex; align-items:center; gap:6px;
  white-space:nowrap;
}
#lb-fx-toggle span{ font-size:14px; line-height:1; }
#lb-fx-toggle:hover{ color:#c8c4be; border-color:rgba(255,255,255,.25); }
#lb-fx-toggle.is-active{ color:#c9a86a; border-color:#c9a86a; background:rgba(10,10,10,.85); }
@media(max-width:560px){ #lb-fx-toggle{ bottom:10px; font-size:9px; padding:6px 12px; } }

/* ── Panel (slide-up von unten) ── */
#lb-fx-panel{
  position:absolute; bottom:0; left:0; right:0; z-index:95;
  background:rgba(6,6,6,.88); border-top:1px solid rgba(255,255,255,.07);
  backdrop-filter:blur(14px);
  /* slide-up via max-height */
  max-height:0; overflow:hidden;
  transition:max-height .28s ease, padding .28s ease;
  padding:0 20px;
}
#lb-fx-panel.is-open{
  max-height:180px;
  padding:14px 20px 44px; /* bottom-padding = Platz für Toggle-Button */
}

/* ── Preset-Leiste ── */
.lb-fx-presets{
  display:flex; gap:5px; flex-wrap:wrap; margin-bottom:10px;
}
.lb-fx-preset{
  background:none; border:1px solid rgba(255,255,255,.1); color:#5e5c59;
  font-family:Inter,system-ui,sans-serif; font-size:9.5px; letter-spacing:.13em; text-transform:uppercase;
  padding:5px 11px; cursor:pointer; transition:.18s; white-space:nowrap;
}
.lb-fx-preset:hover{ color:#c0bdb9; border-color:rgba(255,255,255,.25); }
.lb-fx-preset.is-on{
  color:#0c0b08; background:linear-gradient(135deg,#cdd1d8,#c9a86a);
  border-color:transparent;
}

/* ── Regler-Leiste ── */
.lb-fx-sliders{
  display:flex; gap:16px; flex-wrap:wrap; align-items:center; margin-bottom:8px;
}
.lb-fx-slider-wrap{
  display:flex; align-items:center; gap:8px;
}
.lb-fx-slider-wrap label{
  font-family:Inter,system-ui,sans-serif; font-size:9.5px; letter-spacing:.1em; text-transform:uppercase;
  color:#5e5c59; min-width:62px;
}
.lb-fx-slider-wrap input[type=range]{
  -webkit-appearance:none; width:90px; height:2px;
  background:rgba(255,255,255,.15); outline:none; cursor:pointer;
  border-radius:1px;
}
.lb-fx-slider-wrap input[type=range]::-webkit-slider-thumb{
  -webkit-appearance:none; width:11px; height:11px; border-radius:50%;
  background:#c9a86a; cursor:pointer; transition:transform .12s;
}
.lb-fx-slider-wrap input[type=range]::-webkit-slider-thumb:hover{ transform:scale(1.25); }
.lb-fx-slider-wrap input[type=range]::-moz-range-thumb{
  width:11px; height:11px; border-radius:50%; background:#c9a86a; cursor:pointer; border:none;
}
.lb-fx-slider-wrap output{
  font-family:Inter,system-ui,sans-serif; font-size:9px; color:#5e5c59; min-width:26px; text-align:right;
}
@media(max-width:700px){
  .lb-fx-slider-wrap input[type=range]{ width:65px; }
  .lb-fx-sliders{ gap:10px; }
}

/* ── Schärfe-Stufen ── */
.lb-fx-sharp-row{
  display:flex; align-items:center; gap:7px;
}
.lb-fx-label{
  font-family:Inter,system-ui,sans-serif; font-size:9.5px; letter-spacing:.1em; text-transform:uppercase;
  color:#5e5c59; margin-right:4px;
}
.lb-fx-sharp{
  background:none; border:1px solid rgba(255,255,255,.1); color:#5e5c59;
  font-family:Inter,system-ui,sans-serif; font-size:9.5px; letter-spacing:.1em; text-transform:uppercase;
  padding:4px 10px; cursor:pointer; transition:.18s;
}
.lb-fx-sharp:hover{ color:#c0bdb9; border-color:rgba(255,255,255,.25); }
.lb-fx-sharp.is-on{ border-color:#c9a86a; color:#c9a86a; }

@media(prefers-reduced-motion:reduce){
  #lb-fx-panel, #lb-fx-toggle { transition:none; }
}