/* ============================================================
   BDSMLust Child Theme — Components CSS
   Originalne klase iz widgeta — ne menjati!
   ============================================================ */

/* ── FOOTER ── */
.bl-footer { background:#080808;border-top:1px solid #1f1f1f;padding:34px 18px 22px;margin-top:35px;color:#bdbdbd; }
.bl-footer-inner { max-width:1180px;margin:0 auto; }
.bl-footer-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-bottom:24px; }
.bl-footer-col h3 { color:#fff;font-size:14px;line-height:1.3;margin:0 0 12px;font-weight:800;text-transform:uppercase;letter-spacing:.4px; }
.bl-footer-col ul { list-style:none;padding:0;margin:0; }
.bl-footer-col li { margin:0 0 8px;line-height:1.35; }
.bl-footer-col a { color:#bdbdbd!important;font-size:13px;text-decoration:none!important;transition:color .2s; }
.bl-footer-col a:hover { color:#fff!important; }
.bl-footer-text { border-top:1px solid #1b1b1b;padding-top:16px;text-align:center;color:#8d8d8d;font-size:12px;line-height:1.55;max-width:900px;margin:0 auto; }
.bl-footer-copy { text-align:center;color:#555;font-size:11px;margin-top:10px; }
.bl-footer-copy a { color:#555!important;text-decoration:none!important;transition:color .2s; }
.bl-footer-copy a:hover { color:#aaa!important; }
@media(max-width:900px){.bl-footer-grid{grid-template-columns:repeat(2,1fr);gap:22px 18px;}}
@media(max-width:520px){.bl-footer{padding:28px 16px 20px;}.bl-footer-grid{grid-template-columns:1fr 1fr;gap:20px 14px;}.bl-footer-col h3{font-size:12px;}.bl-footer-col a{font-size:12px;}.bl-footer-text{font-size:11px;}}

/* ── BACK TO TOP ── */
#back-to-top { opacity:0!important;visibility:hidden!important;transition:opacity .3s,visibility .3s!important; }
#back-to-top.bl-visible { opacity:1!important;visibility:visible!important; }

/* ── KINK / STUDIOS WIDGET — originalne klase ── */
.sb{font-family:'DM Sans',system-ui,sans-serif;width:100%;background:#0e0e0e;border:1px solid rgba(255,255,255,.07);border-radius:14px;overflow:hidden}
.sb-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.07);background:#080808}
.sb-tab{flex:1;padding:11px 16px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-family:'DM Sans',system-ui,sans-serif;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#555;transition:color .15s,border-color .15s,background .15s;display:flex;align-items:center;justify-content:center;gap:6px;position:relative;bottom:-1px}
.sb-tab.on{color:#fff;border-bottom-color:#c8102e;background:#0e0e0e}
.sb-tab:hover:not(.on){color:#aaa;background:rgba(255,255,255,.02)}
.sb-body{padding:16px}
.sb-panel{display:none}.sb-panel.on{display:block}
.sb-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-top:1px solid rgba(255,255,255,.07);background:#080808}
.sb-footer-info{font-size:11px;color:#444}
.sb-footer-link{font-size:11px;font-weight:700;color:#c8102e;text-decoration:none;letter-spacing:.05em}
.sb-footer-link:hover{color:#ff2244}
.kink-wrap{position:relative}
.kink-arrows{display:flex;gap:6px;justify-content:flex-end;margin-bottom:10px}
.karr{width:28px;height:28px;border-radius:6px;background:#161616;border:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#555;transition:all .15s;font-size:18px;line-height:1}
.karr:hover{border-color:rgba(200,16,46,.4);color:#c8102e;background:rgba(200,16,46,.08)}
.ktrack{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 40px)/5);gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}
.ktrack::-webkit-scrollbar{display:none}
.kcard{display:block;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#161616;border:1px solid rgba(255,255,255,.07);scroll-snap-align:start;text-decoration:none;position:relative;transition:border-color .2s,transform .2s}
.kcard:hover{border-color:rgba(200,16,46,.5);transform:translateY(-2px)}
.kcard img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.kcard:hover img{transform:scale(1.07)}
.kcard-grad{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.85),transparent 55%);pointer-events:none}
.kcard-label{position:absolute;left:8px;right:8px;bottom:7px;font-size:11px;font-weight:700;color:#fff;line-height:1.2;text-shadow:0 1px 3px rgba(0,0,0,.9)}
.sgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.scard{border-radius:8px;overflow:hidden;background:#161616;border:1px solid rgba(255,255,255,.07);text-decoration:none;color:#fff;display:block;transition:border-color .2s,transform .2s}
.scard:hover{border-color:rgba(200,16,46,.5);transform:translateY(-3px)}
.simg{width:100%;aspect-ratio:16/9;overflow:hidden}
.simg img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.scard:hover img{transform:scale(1.07)}
.sname{padding:6px 7px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#666;text-align:center;line-height:1.2;transition:color .15s}
.scard:hover .sname{color:#f0f0f0}
@media(max-width:1024px){.sgrid{grid-template-columns:repeat(4,1fr)}.ktrack{grid-auto-columns:calc((100% - 24px)/3)}}
@media(max-width:600px){.sgrid{grid-template-columns:repeat(3,1fr)}.ktrack{grid-auto-columns:calc((100% - 16px)/2)}.sb-body{padding:12px}}
@media(max-width:420px){.sgrid{grid-template-columns:repeat(2,1fr)}.ktrack{grid-auto-columns:75%}}

/* ── TAG CLOUD — originalne klase ── */
.bltc{font-family:'DM Sans',system-ui,sans-serif;width:100%;background:#0e0e0e;border:1px solid rgba(255,255,255,.07);border-radius:14px;overflow:hidden}
.bltc-top{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.07);display:flex;flex-wrap:wrap;gap:6px}
.bltc-groups{display:flex;flex-direction:column}
.bltc-grp+.bltc-grp{border-top:1px solid rgba(255,255,255,.05)}
.bltc-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:11px 16px;background:none;border:none;cursor:pointer;gap:10px;transition:background .15s}
.bltc-trigger:hover{background:rgba(255,255,255,.02)}
.bltc-trigger[aria-expanded="true"]{background:rgba(255,255,255,.03)}
.bltc-grp-name{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#666;transition:color .15s;white-space:nowrap}
.bltc-trigger:hover .bltc-grp-name,.bltc-trigger[aria-expanded="true"] .bltc-grp-name{color:#ccc}
.bltc-preview{display:flex;gap:5px;flex:1;overflow:hidden}
.bltc-prev-tag{font-size:10px;color:#444;padding:2px 7px;border-radius:3px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);white-space:nowrap;transition:opacity .15s}
.bltc-trigger[aria-expanded="true"] .bltc-prev-tag{opacity:0}
.bltc-arrow{width:18px;height:18px;flex-shrink:0;border-radius:4px;background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;transition:background .15s,transform .25s}
.bltc-trigger[aria-expanded="true"] .bltc-arrow{transform:rotate(180deg);background:rgba(255,255,255,.08)}
.bltc-arrow svg{width:10px;height:10px;fill:none;stroke:#555;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.bltc-trigger[aria-expanded="true"] .bltc-arrow svg{stroke:#aaa}
.bltc-panel{display:block!important;max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1)}
.bltc-panel[aria-hidden="false"]{max-height:600px}
.bltc-panel-inner{overflow:hidden;min-height:0}
.bltc-panel-tags{padding:4px 16px 14px;display:flex;flex-wrap:wrap;gap:6px}
.bltc-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-top:1px solid rgba(255,255,255,.07);background:#080808}
.bltc-footer-info{font-size:11px;color:#444}
.bltc-footer-link{font-size:11px;font-weight:700;color:#c8102e;text-decoration:none}
.bltc-footer-link:hover{color:#ff2244}
.bt{display:inline-flex;align-items:center;border-radius:5px;text-decoration:none;font-family:'DM Sans',system-ui,sans-serif;white-space:nowrap;line-height:1;transition:background .14s,border-color .14s,color .14s,transform .18s}
.bt:hover{transform:translateY(-1px);text-decoration:none}
.bt-a{padding:6px 13px;font-size:12px;font-weight:600;background:rgba(200,16,46,.11);border:1px solid rgba(200,16,46,.28);color:#c8102e}
.bt-a:hover{background:rgba(200,16,46,.2);border-color:#c8102e;color:#c8102e}
.bt-b{padding:5px 11px;font-size:11px;font-weight:500;background:#161616;border:1px solid rgba(255,255,255,.07);color:#888}
.bt-b:hover{background:rgba(200,16,46,.08);border-color:rgba(200,16,46,.28);color:#f0f0f0}
.bt-c{padding:4px 9px;font-size:10px;font-weight:500;background:transparent;border:1px solid rgba(255,255,255,.05);color:#555}
.bt-c:hover{background:rgba(200,16,46,.06);border-color:rgba(200,16,46,.2);color:#888}
@media(max-width:600px){.bltc-preview{display:none}}

/* ── PERFORMER SLIDER — originalne klase + FIXES ── */
.bdsmlust-simple-actors-wrap{position:relative;width:100%;margin:0 0 14px;padding:5px 38px 7px 4px;background:transparent;color:#fff;overflow:hidden;box-sizing:border-box}
.bdsmlust-simple-all-link{position:absolute;right:4px;top:25px;z-index:8;display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:22px;padding:0 7px;border-radius:999px;background:rgba(0,0,0,.65);color:#aaa;font-size:11px;line-height:1;font-weight:600;text-decoration:none!important;transition:all .2s}
.bdsmlust-simple-all-link:hover{background:rgba(0,0,0,.95);color:#fff}
/* KRITIČNO: flex + no-wrap = horizontalni slider */
.bdsmlust-simple-actors-slider{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:flex-start;
  gap:14px;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  padding:4px 32px 4px 0;
  width:100%;
}
.bdsmlust-simple-actors-slider::-webkit-scrollbar{display:none}
.bdsmlust-simple-actor-item{
  flex:0 0 60px!important;
  min-width:60px!important;
  width:60px!important;
  max-width:60px!important;
  display:block!important;
  text-align:center;
  text-decoration:none!important;
  color:inherit;
  overflow:visible!important;
}
/* OKRUGLE SLIKE */
.bdsmlust-simple-actor-thumb{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:60px!important;
  height:60px!important;
  min-width:60px!important;
  min-height:60px!important;
  max-width:60px!important;
  max-height:60px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  background:#181818!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.10);
  margin:0 auto;
}
.bdsmlust-simple-actor-thumb img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  border-radius:50%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  transition:transform .2s,opacity .2s;
}
.bdsmlust-simple-actor-item:hover .bdsmlust-simple-actor-thumb{box-shadow:inset 0 0 0 2px rgba(200,16,46,.6)}
.bdsmlust-simple-actor-item:hover .bdsmlust-simple-actor-thumb img{transform:scale(1.05);opacity:.92}
.bdsmlust-simple-actor-thumb.no-image span,.bdsmlust-simple-actor-thumb-initials{color:#777;font-size:20px;line-height:1;font-weight:800}
.bdsmlust-simple-actor-name{display:block;width:60px;max-width:60px;margin-top:6px;color:#8a8a8a;font-size:11px;line-height:1.15;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
.bdsmlust-simple-actor-item:hover .bdsmlust-simple-actor-name{color:#fff}
.bdsmlust-simple-actors-arrow{position:absolute;top:22px;z-index:7;width:24px;height:24px;border:0;border-radius:50%;background:rgba(0,0,0,.68);color:#fff;font-size:20px;line-height:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.75;transition:opacity .2s,background .2s}
.bdsmlust-simple-actors-arrow:hover{opacity:1;background:rgba(0,0,0,.95)}
.bdsmlust-simple-actors-prev{left:2px}
.bdsmlust-simple-actors-next{right:38px}
@media(max-width:768px){
  .bdsmlust-simple-actors-wrap{padding:4px 36px 5px 4px}
  .bdsmlust-simple-actors-slider{gap:12px;padding:4px 4px 4px 0}
  .bdsmlust-simple-actor-item{flex:0 0 56px!important;min-width:56px!important;width:56px!important;max-width:56px!important;}
  .bdsmlust-simple-actor-thumb{width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important;max-width:56px!important;max-height:56px!important;}
  .bdsmlust-simple-actor-name{width:56px;max-width:56px;font-size:10.5px;margin-top:5px}
  .bdsmlust-simple-actors-arrow{display:none}
}