/* ═══════════════════════════════════════════
   rebel.market — Early Access Form
   Safely scoped to prevent breaking parent page styles
   ═══════════════════════════════════════════ */

/* Scope body styling so it only applies to the iframe/share page body */
body.webform-share-page-body {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  margin: 0;
  padding: 20px;
  background: transparent;
  box-sizing: border-box;
}

.webform-share-page-body *,
.webform-share-page-body *::before,
.webform-share-page-body *::after {
  box-sizing: inherit;
}

/* Safely hide elements ONLY within the share page */
.webform-share-page-body h1, 
.webform-share-page-body h2, 
.webform-share-page-body .page-title,
.webform-share-page-body .toast-container, 
.webform-share-page-body .toast, 
.webform-share-page-body .toast-header,
.webform-share-submission-form label { 
  display: none !important; 
}

.webform-share-page-body .messages__icon, 
.webform-share-page-body [class*="messages"] svg, 
.webform-share-page-body [class*="messages"] img { 
  display: none; 
}

/* Scoped Messages */
.webform-share-page-body .messages--status,
.webform-share-page-body .messages--warning,
.webform-share-page-body .messages--error {
  background: #1A1A1A;
  border: 1px solid #E02D1E;
  border-left: 3px solid #E02D1E;
  color: #F0EBE2;
  font-family: 'IBM Plex Mono', monospace;
  font-size: 11px;
  letter-spacing: 1px;
  padding: 10px 14px;
  margin-bottom: 12px;
  width: 100%;
}

/* Scoped Form Layout */
.webform-share-submission-form {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 480px !important;
  gap: 10px !important;
  margin: 0 auto;
}

.webform-share-submission-form form {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
}

.webform-share-submission-form .form-item,
.webform-share-submission-form .form-actions {
  margin: 0 !important;
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
}

/* Scoped Inputs */
.webform-share-submission-form input[type="email"] {
  width: 100% !important;
  height: 40px !important;
  padding: 0 16px !important;
  background: #1A1A1A !important;
  border: 1px solid #555 !important;
  border-radius: 0 !important;
  color: #F0EBE2 !important;
  font-family: 'IBM Plex Mono', monospace !important;
  font-size: 11px !important;
  letter-spacing: 2px !important;
  outline: none !important;
}

.webform-share-submission-form input[type="email"]::placeholder { color: #888 !important; }
.webform-share-submission-form input[type="email"]:focus { border-color: #E02D1E !important; background: #222 !important; }

/* Scoped Captcha */
.webform-share-submission-form .captcha {
  border: 1px solid #2A2A2A !important;
  background: #111 !important;
  padding: 16px !important;
  color: #F0EBE2 !important;
  font-family: 'IBM Plex Mono', monospace !important;
  font-size: 11px !important;
  letter-spacing: 1px !important;
  line-height: 1.8 !important;
  width: 100% !important;
}

.webform-share-submission-form .captcha legend {
  color: #E02D1E !important;
  font-size: 10px !important;
  letter-spacing: 3px !important;
  font-family: 'IBM Plex Mono', monospace !important;
}

.webform-share-submission-form .captcha input[type="text"] {
  background: #1A1A1A !important;
  border: 1px solid #555 !important;
  border-radius: 0 !important;
  color: #F0EBE2 !important;
  font-family: 'IBM Plex Mono', monospace !important;
  font-size: 11px !important;
  height: 36px !important;
  width: 80px !important;
  padding: 0 12px !important;
  margin-right: 8px !important;
  vertical-align: middle !important;
  outline: none !important;
}

/* Scoped Submit Button */
.webform-share-submission-form input[type="submit"] {
  height: 40px !important;
  padding: 0 24px !important;
  background: #E02D1E !important;
  border: none !important;
  border-radius: 0 !important;
  color: #F0EBE2 !important;
  font-family: 'IBM Plex Mono', monospace !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 3px !important;
  cursor: pointer !important;
  transition: background .2s !important;
  white-space: nowrap !important;
}

.webform-share-submission-form input[type="submit"]:hover { background: #be2018 !important; }

/* Scoped Links */
.webform-share-page-body a { color: #E02D1E !important; text-decoration: none !important; }
.webform-share-page-body a:hover { color: #F0EBE2 !important; }

/* Scoped Confirmation Message */
.webform-share-page-body .webform-confirmation__message {
  color: #F0EBE2 !important;
  font-family: 'IBM Plex Mono', monospace !important;
  font-size: 13px !important;
  letter-spacing: 2px !important;
  text-align: center !important;
}

.webform-share-page-body .webform-confirmation__back { text-align: center !important; margin-top: 12px !important; }
.webform-share-page-body .webform-confirmation__back a { color: #E02D1E !important; font-size: 11px !important; letter-spacing: 3px !important; }

/* Reveal the CAPTCHA math problem label */
.webform-share-submission-form .captcha label {
  display: block !important;
  color: #E02D1E !important;
  font-size: 11px !important;
  font-family: 'IBM Plex Mono', monospace !important;
  margin-bottom: 8px !important;
}