/* ==================================================================
   ELI · 2026-09-22 — "עדכנו אותי כשחוזר למלאי"

   הטופס מחליף את כפתור הקנייה במוצר שאזל. אותה שפה של האתר:
   קטימה אלכסונית, כתום לפעולה, קו שיער להפרדה.
   ================================================================== */

.bwl{
  margin-block-start:var(--s-3, 20px);
  padding:clamp(16px, 2vw, 22px);
  background:var(--c-plate, #F6F2EC);
  clip-path:var(--cut-media-shape);
  --cut-media:14px;
}

.bwl__lead{
  margin:0 0 12px;
  font-size:.92rem;
  line-height:1.55;
  color:var(--c-graphite, #2B2B2B);
}

.bwl__row{
  display:flex;
  gap:8px;
  align-items:stretch;
}

.bwl__input{
  flex:1 1 auto;
  min-inline-size:0;
  font:inherit;
  font-size:.98rem;
  padding:13px 15px;
  border:1px solid var(--c-hairline, #E6E6E6);
  background:#FFFFFF;
  color:var(--c-ink, #0A0A0A);
  clip-path:var(--cut-shape);
  --cut:9px;
}
.bwl__input:focus{
  outline:0;
  border-color:var(--c-orange, #F14B1C);
  box-shadow:inset 0 0 0 1px var(--c-orange, #F14B1C);
}

.bwl__btn{
  flex:none;
  font:inherit;
  font-size:.95rem;
  font-weight:var(--w-black, 900);
  color:#FFFFFF;
  background:var(--c-orange, #F14B1C);
  border:0;
  cursor:pointer;
  padding:13px 22px;
  clip-path:var(--cut-shape);
  --cut:9px;
  transition:background .2s ease;
}
.bwl__btn:hover:not(:disabled){ background:var(--c-orange-deep, #C93A0F); }
.bwl__btn:disabled{ opacity:.55; cursor:default; }

.bwl__msg{
  margin:10px 0 0;
  min-block-size:1.2em;
  font-size:.88rem;
  line-height:1.5;
  font-weight:var(--w-bold, 700);
}
.bwl.is-ok  .bwl__msg{ color:#1E8E4E; }
.bwl.is-err .bwl__msg{ color:var(--c-orange-deep, #C93A0F); }

/* בתוך החלונית הטופס נקי — הקופסה עצמה כבר מסגרת אותו */
.bwl--compact{
  margin:0;
  padding:0;
  background:none;
  clip-path:none;
}

@media (max-width:520px){
  .bwl__row{ flex-wrap:wrap; }
  .bwl__input,
  .bwl__btn{ flex:1 1 100%; }
  .bwl__btn{ justify-content:center; }
}

/* ---------- הכפתור בכרטיס ---------- */

/*
 * clip-path מוחק border רגיל, ולכן המסגרת בנויה מצל פנימי —
 * אותה שיטה של שאר כפתורי המתאר באתר.
 */
.bp-card__cta--wait{
  font:inherit;
  font-size:.95rem;
  font-weight:var(--w-black, 900);
  cursor:pointer;
  background:transparent;
  color:var(--c-ink, #0A0A0A);
  border:0;
  box-shadow:inset 0 0 0 1.5px var(--c-ink, #0A0A0A);
  transition:background .2s ease, color .2s ease;
}
.bp-card__cta--wait:hover,
.bp-card__cta--wait:focus-visible{
  background:var(--c-ink, #0A0A0A);
  color:#FFFFFF;
}

/* ==================================================================
   החלונית
   ================================================================== */

.bwl-modal[hidden]{ display:none; }

.bwl-modal{
  position:fixed;
  inset:0;
  z-index:9000;
  display:grid;
  place-items:center;
  padding:var(--gutter, 20px);
}

.bwl-modal__veil{
  position:absolute;
  inset:0;
  background:rgba(10,10,10,.6);
  -webkit-backdrop-filter:blur(3px);
          backdrop-filter:blur(3px);
}

.bwl-modal__box{
  position:relative;
  z-index:1;
  inline-size:min(430px, 100%);
  padding:clamp(24px, 3vw, 34px);
  background:#FFFFFF;
  clip-path:var(--cut-media-shape);
  --cut-media:18px;
  box-shadow:0 40px 80px -40px rgba(0,0,0,.5);
}

.bwl-modal__x{
  position:absolute;
  inset-block-start:12px;
  inset-inline-end:12px;
  inline-size:34px;
  block-size:34px;
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  background:transparent;
  color:var(--c-slate, #8A8A8A);
  cursor:pointer;
}
.bwl-modal__x:hover{ color:var(--c-ink, #0A0A0A); }
.bwl-modal__x svg{ inline-size:18px; block-size:18px; }

.bwl-modal__eyebrow{
  margin:0 0 6px;
  font-size:.78rem;
  font-weight:var(--w-black, 900);
  letter-spacing:.12em;
  color:var(--c-orange, #F14B1C);
}

.bwl-modal__title{
  margin:0 0 16px;
  font-size:clamp(1.1rem, 2.2vw, 1.34rem);
  font-weight:var(--w-black, 900);
  line-height:1.25;
  letter-spacing:-.02em;
  color:var(--c-ink, #0A0A0A);
  padding-inline-end:34px;
}

body.bwl-lock{ overflow:hidden; }

@media (prefers-reduced-motion: reduce){
  .bwl__btn,
  .bp-card__cta--wait{ transition:none; }
}