@import url('https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap');

/* Reset */
html,
body {
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden;
}

/* Remove theme header/title/separators */
header,
.site-header,
.wp-block-template-part,
.entry-header,
.wp-block-post-title,
.page-title,
hr,
.wp-block-separator,
.wp-block-spacer {
  display: none !important;
}

/* Force page full width */
main,
.site-main,
.wp-site-blocks,
.entry-content,
.wp-block-post-content,
.is-layout-constrained,
.is-layout-flow,
.entry-content > *,
.wp-block-post-content > * {
  max-width: none !important;
  width: 100vw !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Hero */
.moon-hero {
  min-height: 100vh;
  width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  background-image: url('https://miningthemoon.com/wp-content/uploads/2026/05/art002e009288orig.jpg');
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Card */
.moon-card {
  width: min(520px, 90vw);
  padding: 28px 32px 16px;
  border-radius: 20px;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(12px);
  color: white;
  text-align: center;
  position: relative;
}

/* Font override */
.moon-card,
.moon-card * {
  font-family: 'Space Mono', monospace !important;
}

/* Text */
.moon-card h1 {
  font-size: 28px;
  letter-spacing: 1px;
  margin: 0 0 8px;
  color: white;
}

.moon-card h2 {
  font-size: 36px;
  letter-spacing: 1px;
  margin: 0 0 20px;
  color: white;
}

.credit {
  font-size: 11px;
  opacity: 0.5;
  margin-top: 12px;
  margin-bottom: 0;
  color: white;
}

/* Form */
.signup-form,
#moon-mailchimp-form {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 0 24px !important;
}

/* Input */
#moon-mailchimp-form input[type='email'] {
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  box-sizing: border-box !important;
  padding: 0 16px !important;
  border: none !important;
  border-radius: 10px !important;
  background: white !important;
  color: black !important;
  font-size: 13px !important;
  line-height: 48px !important;
  outline: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

#moon-mailchimp-form input[type='email']::placeholder {
  color: #777 !important;
}

/* Message floats below button, does not affect layout */
.mc-message {
  display: none !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #ffd84d !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  text-align: center !important;
}

.mc-message.has-message {
  display: block !important;
}

.mc-message a {
  color: #ffd84d !important;
}

/* Button */
#moon-mailchimp-form button.moon-submit {
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  position: relative !important;
  box-sizing: border-box !important;

  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 10px !important;

  background: linear-gradient(135deg, #ffd84d, #ffb800) !important;
  color: black !important;
  cursor: pointer !important;

  font-size: 0 !important;
  line-height: 0 !important;
  text-indent: -9999px !important;
  overflow: hidden !important;

  appearance: none !important;
  -webkit-appearance: none !important;

  transition:
    box-shadow 0.35s ease,
    filter 0.35s ease,
    transform 0.35s ease !important;
}

#moon-mailchimp-form button.moon-submit span {
  display: none !important;
}

#moon-mailchimp-form button.moon-submit::after {
  content: 'Sign Up' !important;
  position: absolute !important;align-content
  inset: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  text-indent: 0 !important;
  color: black !important;
  font-family: 'Space Mono', monospace !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
}

#moon-mailchimp-form button.moon-submit:hover {
  filter: brightness(1.05);
  box-shadow: 0 0 20px rgba(255, 216, 77, 0.4);
  transform: translateY(-1px);
}

/* Mobile */
@media (max-width: 600px) {
  .moon-card {
    width: min(420px, 88vw);
    padding: 24px 20px 14px;
    border-radius: 16px;
  }

  .moon-card h1 {
    font-size: 20px;
  }

  .moon-card h2 {
    font-size: 30px;
  }

  #moon-mailchimp-form input[type='email'],
  #moon-mailchimp-form button.moon-submit {
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
  }

  #moon-mailchimp-form input[type='email'] {
    line-height: 46px !important;
  }
}

/* Kill WordPress/theme spacing inside the signup form */
#moon-mailchimp-form,
#moon-mailchimp-form *,
#moon-mailchimp-form *::before,
#moon-mailchimp-form *::after {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#moon-mailchimp-form {
  gap: 12px !important;
  row-gap: 12px !important;
}

#moon-mailchimp-form input,
#moon-mailchimp-form button,
#moon-mailchimp-form p,
#moon-mailchimp-form .mc-message {
  margin: 0 !important;
}

#moon-mailchimp-form input[type='email'] {
  display: block !important;
}

#moon-mailchimp-form button.moon-submit {
  display: block !important;
}


.moon-social-links a{color:#ffd84d!important;}