/* ECO BOOM Back In Stock — CTA button + modal */

.ebis-hidden { display: none !important; }

/* Secondary / outline style so it doesn't read as the primary "buy" CTA.
   !important overrides the theme's filled button colors (theme wins on specificity otherwise). */
.ebis-notify-btn {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  padding: 12px 20px;
  border: 2px solid #10253e !important;
  border-radius: 4px;
  background: #fff !important;
  color: #10253e !important;
  font-family: inherit;   /* <button> defaults to the UA font — inherit the theme's Catamaran */
  font-weight: 700;
  font-size: 14px;
  line-height: 1.25;
  cursor: pointer;
  transition: background .15s ease, color .15s ease;
}
/* `hidden` attribute must win over the display above (JS toggles it per stock state). */
.ebis-notify-btn[hidden] { display: none !important; }
.ebis-notify-btn:hover { background: #10253e !important; color: #fff !important; }

/* Modal styled to match the ECO BOOM site: Catamaran, brand navy #0a1e33,
   orange primary CTA #e46a4b, flat 4px radius, inputs like the site's. */
#ebis-modal-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(10, 30, 51, .5);
  z-index: 9998;
}

#ebis-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(440px, 92vw);
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 12px 40px rgba(10, 30, 51, .22);
  z-index: 9999;
  padding: 28px;
  box-sizing: border-box;
  font-family: 'Catamaran', sans-serif;
  color: #0a1e33;
}

#ebis-modal .ebis-close {
  position: absolute;
  top: 12px;
  right: 14px;
  border: 0;
  background: transparent;
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
  color: #0a1e33;
}

#ebis-modal .ebis-title { margin: 0 0 6px; font-size: 22px; font-weight: 800; color: #0a1e33; }
#ebis-modal .ebis-product-name { margin: 0 0 18px; color: rgba(10, 30, 51, .6); font-size: 15px; font-weight: 600; }

#ebis-modal .ebis-form { display: flex; gap: 10px; flex-wrap: wrap; }
#ebis-modal .ebis-email {
  flex: 1 1 200px;
  padding: 14px 15px;
  border: 1px solid #dfe7e8;
  border-radius: 4px;
  font-family: inherit;
  font-size: 16px;
  color: #0a1e33;
  background: #fff;
  box-sizing: border-box;
}
#ebis-modal .ebis-email:focus { outline: none; border-color: #e46a4b; }
#ebis-modal .ebis-submit {
  padding: 14px 22px;
  border: 0;
  border-radius: 4px;
  background: #e46a4b;
  color: #fff;
  font-family: inherit;
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
  white-space: nowrap;
  transition: background .15s ease;
}
#ebis-modal .ebis-submit:hover { background: #d15c3f; }
#ebis-modal .ebis-submit:disabled { opacity: .6; cursor: default; }

#ebis-modal .ebis-consent { margin: 14px 0 0; font-size: 12px; color: rgba(10, 30, 51, .5); line-height: 1.5; }
#ebis-modal .ebis-consent a { color: #e46a4b; }
#ebis-modal .ebis-msg { margin: 14px 0 0; font-size: 14px; min-height: 1em; }
#ebis-modal .ebis-msg:empty { display: none; margin: 0; min-height: 0; }
#ebis-modal .ebis-msg.is-err { color: #c0392b; }
#ebis-modal .ebis-msg.is-ok { color: #2e9e5b; font-weight: 700; }