/* ============================================================
   BLACKY MIXES — ASL Scroll-Sperre v2 Styles
   ============================================================ */

.basl-lock-wrapper{
  position:relative;
  isolation:isolate;
}

/* Im Lock-Modus: Sidebar/Liste haerter nicht-scrollbar (Overlay blockt eh) */
.basl-lock-wrapper.is-locked #asl-storelocator .sl-main-cont-box,
.basl-lock-wrapper.is-locked #asl-storelocator .asl-overflow,
.basl-lock-wrapper.is-locked #asl-storelocator [class*="overflow"]{
  overflow:hidden !important;
  overscroll-behavior:contain !important;
}

/* Overlay */
.basl-lock-overlay{
  position:absolute;
  inset:0;
  z-index:1000;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  background:rgba(8,8,10,.55);
  -webkit-backdrop-filter:blur(3px) saturate(.85);
  backdrop-filter:blur(3px) saturate(.85);
  border-radius:16px;
  transition:opacity .3s ease;
  outline:none;
}
.basl-lock-overlay:hover{ background:rgba(8,8,10,.45); }
.basl-lock-overlay:focus-visible{ outline:2px solid #fff; outline-offset:-3px; }

.basl-lock-wrapper.is-active .basl-lock-overlay{
  opacity:0;
  pointer-events:none;
}
.basl-lock-wrapper.is-active .basl-lock-overlay .basl-lock-card{
  transform:translateY(8px) scale(.96);
}

.basl-lock-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
  padding:26px 34px 22px;
  background:rgba(15,15,18,.86);
  border:1.5px solid rgba(255,255,255,.5);
  border-radius:24px 8px 22px 8px / 8px 22px 8px 24px;
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  pointer-events:none;
  transition:transform .3s cubic-bezier(.2,.7,.2,1);
  max-width:340px;
  text-align:center;
}

.basl-lock-icon{
  width:52px; height:52px;
  display:flex; align-items:center; justify-content:center;
  border-radius:50%;
  background:rgba(255,255,255,.08);
  color:#fff;
  border:1.5px solid rgba(255,255,255,.35);
}

.basl-lock-btn{
  appearance:none;
  display:inline-flex; align-items:center;
  padding:13px 26px;
  background:#fff; color:#0a0a0a;
  border:1.5px solid #fff;
  border-radius:255px 14px 235px 14px / 14px 235px 14px 255px;
  font-family:"Bebas Neue","Inter",sans-serif;
  font-size:17px;
  letter-spacing:.22em;
  text-transform:uppercase;
  line-height:1;
  pointer-events:none;
  cursor:pointer;
  transition:transform .22s ease, background .22s ease;
}
.basl-lock-overlay:hover .basl-lock-btn{
  transform:translateY(-2px);
  background:#f0f0f0;
}

.basl-lock-hint{
  margin:0;
  color:rgba(255,255,255,.75);
  font-size:13px;
  font-family:"Inter",system-ui,sans-serif;
  line-height:1.4;
  letter-spacing:.02em;
}

/* Sperre-wieder-aktivieren-Button — versteckt im Lock-Modus, sichtbar wenn aktiv */
.basl-lock-relock{
  position:absolute;
  top:14px; right:14px;
  z-index:1001;
  display:none;
  align-items:center;
  gap:8px;
  padding:9px 14px;
  background:rgba(10,10,12,.78);
  color:#fff;
  border:1.5px solid rgba(255,255,255,.55);
  border-radius:255px 14px 235px 14px / 14px 235px 14px 255px;
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  font-family:"Bebas Neue","Inter",sans-serif;
  font-size:12px;
  letter-spacing:.18em;
  text-transform:uppercase;
  line-height:1;
  cursor:pointer;
  transition:background .2s ease, border-color .2s ease, transform .2s ease;
}
.basl-lock-wrapper.is-active .basl-lock-relock{ display:inline-flex; }
.basl-lock-relock:hover{
  background:#fff;
  color:#0a0a0a;
  border-color:#fff;
  transform:translateY(-2px);
}
.basl-lock-relock:hover *{ color:#0a0a0a !important; }
.basl-lock-relock svg{ flex:0 0 16px; }

@media (max-width:720px){
  .basl-lock-card{ padding:22px 24px 18px; gap:10px; max-width:280px; }
  .basl-lock-icon{ width:46px; height:46px; }
  .basl-lock-btn{ padding:11px 20px; font-size:15px; }
  .basl-lock-hint{ font-size:12px; }
  .basl-lock-relock{ padding:7px 11px; font-size:11px; }
  .basl-lock-relock span{ display:none; }
}

/* =================================================================
   LOCK-OVERLAY EINLADENDER & RELOCK MITTIG MAP
   ================================================================= */

/* Overlay weniger duester */
.basl-lock-overlay{
  background:rgba(8,8,10,.42) !important;
  -webkit-backdrop-filter:blur(2px) saturate(.95) !important;
  backdrop-filter:blur(2px) saturate(.95) !important;
}

/* Card heller, einladender */
.basl-lock-card{
  background:rgba(255,255,255,.96) !important;
  color:#15151c !important;
  border:0 !important;
  padding:28px 40px 24px !important;
  gap:14px !important;
  border-radius:18px !important;
  box-shadow:0 20px 50px rgba(0,0,0,.45) !important;
}

/* Icon-Kreis: Map-Pin auf dunklem Kreis */
.basl-lock-icon{
  width:60px !important;
  height:60px !important;
  background:#15151c !important;
  border:0 !important;
  color:#ffffff !important;
  box-shadow:0 4px 12px rgba(0,0,0,.25) !important;
}

/* Button schwarz mit weissem Text (passt zu Map-Pin) */
.basl-lock-btn{
  background:#15151c !important;
  color:#ffffff !important;
  border:0 !important;
  font-size:16px !important;
  padding:13px 30px !important;
  border-radius:999px !important;
  box-shadow:0 4px 14px rgba(0,0,0,.25) !important;
}
.basl-lock-overlay:hover .basl-lock-btn{
  background:#000000 !important;
  transform:translateY(-2px) !important;
  box-shadow:0 8px 24px rgba(0,0,0,.4) !important;
}

/* Hint-Text dunkler weil Card jetzt hell */
.basl-lock-hint{
  color:#5a5a66 !important;
  font-size:13px !important;
  max-width:260px !important;
}

/* RELOCK-BUTTON jetzt im Map-Container — mittig unten der Map */
html body .basl-lock-relock{
  position:absolute !important;
  bottom:18px !important;
  left:50% !important;
  right:auto !important;
  top:auto !important;
  transform:translateX(-50%) !important;
  z-index:200 !important;
  display:none !important;
}
/* Sichtbar nur wenn aktiv */
html body .basl-lock-wrapper.is-active .basl-lock-relock{
  display:inline-flex !important;
}
/* Hover behält die translateX-Zentrierung bei */
html body .basl-lock-relock:hover{
  transform:translateX(-50%) translateY(-3px) !important;
}

/* =================================================================
   OVERLAY ZURUECK AUF DUNKEL (User-Wunsch: alte Version, nur Icon neu)
   ================================================================= */

/* Card wieder dunkel mit weisser Outline */
.basl-lock-card{
  background:rgba(15,15,18,.86) !important;
  color:#ffffff !important;
  border:1.5px solid rgba(255,255,255,.5) !important;
  padding:26px 34px 22px !important;
  gap:12px !important;
  border-radius:24px 8px 22px 8px / 8px 22px 8px 24px !important;
  box-shadow:0 18px 50px rgba(0,0,0,.55) !important;
}

/* Icon-Kreis: dezent transparent statt schwarz-auf-weiss */
.basl-lock-icon{
  width:54px !important;
  height:54px !important;
  background:rgba(255,255,255,.08) !important;
  border:1.5px solid rgba(255,255,255,.35) !important;
  color:#ffffff !important;
  box-shadow:none !important;
}

/* Aktivieren-Button wieder weiss mit schwarzem Text (original) */
.basl-lock-btn{
  background:#ffffff !important;
  color:#0a0a0a !important;
  border:1.5px solid #ffffff !important;
  font-size:17px !important;
  padding:13px 26px !important;
  border-radius:255px 14px 235px 14px / 14px 235px 14px 255px !important;
  letter-spacing:.22em !important;
  box-shadow:none !important;
}
.basl-lock-overlay:hover .basl-lock-btn{
  background:#f0f0f0 !important;
  transform:translateY(-2px) !important;
  box-shadow:0 8px 22px rgba(0,0,0,.4) !important;
}

/* Hint-Text wieder hell */
.basl-lock-hint{
  color:rgba(255,255,255,.78) !important;
  font-size:13px !important;
  max-width:280px !important;
}

/* Overlay wieder etwas dunkler */
.basl-lock-overlay{
  background:rgba(8,8,10,.55) !important;
  -webkit-backdrop-filter:blur(3px) saturate(.85) !important;
  backdrop-filter:blur(3px) saturate(.85) !important;
}