/* Mench Back in Stock front end: the "Notify me" form, the "Back in stock for you" notice and My Account alerts.
   Inherits the theme font; colours are variables so themes, the block and the Elementor widget can restyle them. */
.mbis-form, .mbis-alerts, .mbis-setup { --mbis-accent: #173b63; --mbis-accent-ink: #fff; --mbis-ink: #1c2633; --mbis-muted: #5b6676; --mbis-line: #dce3ee; --mbis-field: #b9c8dc; --mbis-soft: #f6f8fc; --mbis-ok: #0b7a43; --mbis-error: #b42318; }
.mbis-form { box-sizing: border-box; display: grid; gap: 10px; max-width: 520px; margin: 18px 0 24px; padding: 16px; border: 1px solid var(--mbis-line); border-radius: 14px; background: var(--mbis-soft); color: var(--mbis-ink); }
.mbis-form[hidden] { display: none; }
.mbis-form *, .mbis-form *::before, .mbis-form *::after { box-sizing: border-box; }
.mbis-form p { margin: 0; }
.mbis-row { display: flex; gap: 8px; align-items: flex-end; flex-wrap: wrap; }
.mbis-field { flex: 1 1 220px; min-width: 0; display: grid; gap: 6px; margin: 0; }
.mbis-label { font-size: .92em; font-weight: 600; }
.mbis-form .mbis-input { display: block; width: 100%; min-height: 46px; margin: 0; padding: 10px 12px; border: 1px solid var(--mbis-field); border-radius: 10px; background: #fff; color: var(--mbis-ink); font: inherit; box-shadow: none; }
.mbis-form .mbis-input[aria-invalid="true"] { border-color: var(--mbis-error); box-shadow: 0 0 0 1px var(--mbis-error); }
.mbis-form .mbis-submit { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; min-height: 46px; margin: 0; padding: 10px 20px; border: 0; border-radius: 10px; background: var(--mbis-accent); color: var(--mbis-accent-ink); font: inherit; font-weight: 700; line-height: 1.2; text-decoration: none; text-transform: none; letter-spacing: normal; cursor: pointer; }
.mbis-form .mbis-submit:hover { filter: brightness(1.1); background: var(--mbis-accent); color: var(--mbis-accent-ink); }
.mbis-form .mbis-submit[disabled] { opacity: .65; cursor: progress; }
.mbis-form .mbis-input:focus-visible, .mbis-form .mbis-submit:focus-visible { outline: 3px solid #7aa7e0; outline-offset: 2px; }
.mbis-consent { font-size: .86em; color: var(--mbis-muted); }
.mbis-note { padding: 8px 10px; border-radius: 8px; background: #fff; border: 1px dashed var(--mbis-field); font-size: .88em; color: var(--mbis-muted); }
.mbis-hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.mbis-status:empty { display: none; }
.mbis-status { font-size: .95em; }
.mbis-status.is-error { color: var(--mbis-error); }
.mbis-form.is-done > :not(.mbis-status) { display: none; }
.mbis-form.is-done .mbis-status { padding: 4px 0 4px 30px; color: var(--mbis-ok); font-weight: 600; background: no-repeat left center / 20px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b7a43' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m7.5 12.5 3 3 6-6'/%3E%3C/svg%3E"); }
.mbis-setup { padding: 10px 12px; border-radius: 10px; border: 1px dashed #e0a100; background: #fff8e6; color: #5c4400; font-size: .92em; }
.mbis-back strong { font-weight: 700; }
.mbis-alerts .mbis-cancel { white-space: nowrap; }
.mbis-badge { display: inline-block; padding: 2px 10px; border-radius: 999px; font-size: .85em; font-weight: 600; background: var(--mbis-soft); border: 1px solid var(--mbis-line); color: var(--mbis-ink); white-space: nowrap; }
.mbis-badge--waiting { background: #edf3fb; border-color: #c5d8f4; color: #173b63; }
.mbis-badge--pending { background: #fff8e6; border-color: #f3d48a; color: #5c4400; }
.mbis-badge--alerted, .mbis-badge--bought { background: #ecfdf3; border-color: #a6e4bf; color: #0b5c33; }
@media (max-width: 768px) {
	table.mbis-alerts > tbody { display: block; width: 100%; }
}
@media (max-width: 420px) {
	.mbis-form .mbis-submit { width: 100%; }
}