/* =====================================================================
   IGET Store Boost — minimum order bar + sales alert ticker
   ===================================================================== */

/* ---------------------------------------------------------------- minimum order bar */
.isb-minbar{
  border:1px solid #E9E9E9;
  border-radius:12px;
  background:#FAFAFA;
  padding:16px 18px 18px;
  margin:0 0 24px;
  font-family:Montserrat,Arial,sans-serif;
}
.isb-minbar__head{
  display:flex; align-items:baseline; justify-content:space-between;
  gap:16px; flex-wrap:wrap; margin-bottom:12px;
}
.isb-minbar__label{
  font:800 11px/1 Montserrat,Arial,sans-serif;
  letter-spacing:.13em; text-transform:uppercase; color:#111;
}
.isb-minbar__value{
  font:600 12.5px/1.4 Montserrat,Arial,sans-serif;
  color:#6D6D6D;
}
.isb-minbar__track{
  position:relative; height:6px; border-radius:999px;
  background:#EBEBEB; overflow:hidden;
}
.isb-minbar__track > span{
  display:block; height:100%; border-radius:999px;
  background:#111;
  transition:width .35s ease;
}
.isb-minbar.is-mmet{border-color:#BFE3CD; background:#F4FAF6}
.isb-minbar.is-mmet .isb-minbar__label{color:#0f6b3a}
.isb-minbar.is-mmet .isb-minbar__track > span{background:#12703C}

/* ---------------------------------------------------------------- alert ticker */
.isb-alerts{
  position:fixed;
  left:22px;
  bottom:22px;
  z-index:9990;
  width:352px;
  max-width:calc(100vw - 44px);
  font-family:Montserrat,Arial,sans-serif;
  pointer-events:none;          /* never intercepts clicks meant for the page */
  -webkit-font-smoothing:antialiased;
}
.isb-alerts[hidden]{display:none}
.isb-alerts__stack{position:relative}

.isb-alert{
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  box-sizing:border-box;
  display:flex;
  align-items:flex-start;
  gap:11px;
  padding:13px 30px 13px 13px;
  background:#fff;
  border:1px solid #E9E9E9;
  border-left:3px solid #AF1C1F;
  border-radius:12px;
  box-shadow:0 14px 34px rgba(17,17,17,.16), 0 2px 6px rgba(17,17,17,.06);

  opacity:0;
  visibility:hidden;
  transform:translateX(-18px);
  pointer-events:none;
  transition:opacity .42s ease, transform .42s cubic-bezier(.2,.8,.2,1), visibility 0s linear .42s;
  will-change:opacity, transform;
}
.isb-alert.is-on{
  opacity:1;
  visibility:visible;
  transform:translateX(0);
  pointer-events:auto;
  transition-delay:0s;
}

.isb-alert__avatar{
  flex:0 0 auto;
  width:34px; height:34px;
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:#FBF2F2;
  border:1px solid #F0DCDC;
  color:#AF1C1F;
  font:800 11.5px/1 Montserrat,Arial,sans-serif;
  letter-spacing:.03em;
}
.isb-alert__body{min-width:0; flex:1 1 auto}

.isb-alert__who{
  margin:0 0 3px;
  font:600 12.5px/1.45 Montserrat,Arial,sans-serif;
  color:#6D6D6D;
  overflow:hidden; text-overflow:ellipsis;
}
.isb-alert__who strong{color:#111; font-weight:800}
.isb-alert__sep{opacity:.75; padding:0 1px}

.isb-alert__what{
  margin:0 0 5px;
  font:500 12.5px/1.45 Montserrat,Arial,sans-serif;
  color:#6D6D6D;
}
.isb-alert__what strong{color:#111; font-weight:700}

.isb-alert__spent{
  margin:0;
  font:600 10px/1 Montserrat,Arial,sans-serif;
  letter-spacing:.11em;
  text-transform:uppercase;
  color:#9A9A9A;
}
.isb-alert__spent strong{
  display:inline-block;
  margin-left:5px;
  font:800 12px/1 Montserrat,Arial,sans-serif;
  letter-spacing:0;
  text-transform:none;
  color:#AF1C1F;
}

.isb-alert__close{
  position:absolute;
  top:7px; right:7px;
  width:20px; height:20px;
  display:flex; align-items:center; justify-content:center;
  padding:0;
  border:0; border-radius:50%;
  background:transparent;
  color:#B4B4B4;
  font-size:15px; line-height:1;
  cursor:pointer;
  opacity:.7;
  transition:opacity .15s ease, background-color .15s ease, color .15s ease;
}
.isb-alert__close:hover{opacity:1; background:#F3F3F3; color:#111}
.isb-alert__close:focus-visible{outline:2px solid #111; outline-offset:1px; opacity:1}

/* ---------------------------------------------------------------- responsive */
@media (max-width:600px){
  .isb-alerts{
    left:12px;
    right:12px;
    bottom:calc(12px + env(safe-area-inset-bottom, 0px));
    width:auto;
    max-width:none;
  }
  .isb-alert{
    padding:12px 28px 12px 12px;
    gap:10px;
  }
  .isb-alert__avatar{width:30px; height:30px; font-size:10.5px}
  .isb-alert__who,
  .isb-alert__what{font-size:12px}
  .isb-minbar{padding:14px 15px 16px}
  .isb-minbar__head{gap:6px}
}

/* ---------------------------------------------------------------- motion preferences */
@media (prefers-reduced-motion: reduce){
  .isb-alert{transform:none; transition:opacity .2s ease, visibility 0s linear .2s}
  .isb-alert.is-on{transform:none}
  .isb-minbar__track > span{transition:none}
}

/* ---------------------------------------------------------------- locked checkout button */
.isb-cartblock{margin:0; text-align:right}
.isb-cartblock__note{
  margin:0 0 10px;
  font:500 12.5px/1.5 Montserrat,Arial,sans-serif;
  color:#6D6D6D;
}
.isb-cartblock__note strong{color:#111}
.isb-cartblock__btn{
  width:100%;
  padding:15px 20px !important;
  border:1px dashed #D6D6D6 !important;
  border-radius:10px !important;
  background:#F6F6F6 !important;
  color:#8A8A8A !important;
  font:700 11.5px/1 Montserrat,Arial,sans-serif !important;
  letter-spacing:.1em;
  text-transform:uppercase;
  cursor:not-allowed !important;
  opacity:1 !important;
}

/* ---------------------------------------------------------------- locked theme checkout links */
.isb-locked-link{
  opacity:.45 !important;
  cursor:not-allowed !important;
  pointer-events:auto;
}
.isb-locked-link::after{content:" — minimum $200"; font-size:.82em; letter-spacing:.04em}
