/* =========================================================
   CAMINA x BREVO — FINAL CLEAN CSS
   Theme: Marl (Block theme)
   Embed: Brevo HTML
   ========================================================= */

/* ===== Outer Wrapper ===== */
html body .sib-form{
  background: #f5f1ea !important;
  padding: 24px 16px !important;
}

/* ===== Container Layout ===== */
html body #sib-form-container,
html body #sib-container,
html body #success-message,
html body #error-message{
  width: 100% !important;
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* ===== Main Card ===== */
html body #sib-container{
  border: 2px solid #d9b26c !important;
  border-radius: 14px !important;
  background-color: rgba(230,222,210,1) !important;
  padding: 28px 22px !important;
}

/* ===== Typography Base ===== */
html body #sib-container,
html body #sib-container *{
  font-family: "Montserrat", sans-serif !important;
  letter-spacing: 0.1px !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2f2f2f !important;
}

/* Reduce Brevo heavy bold */
html body #sib-container strong,
html body #sib-container b{
  font-weight: 500 !important;
}

/* ===== Body Copy ===== */
html body #sib-container p,
html body #sib-container span,
html body #sib-container .sib-text-form-block,
html body #sib-container .sib-form-block{
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
}

/* Centre intro text only */
html body #sib-container .sib-text-form-block{
  text-align: center !important;
}

/* ===== TITLE ===== */
html body #sib-container h1,
html body #sib-container h2,
html body #sib-container h3,
html body #sib-container .sib-form-block__title,
html body #sib-container .sib-form-block__title p{
  font-weight: 600 !important;
  font-size: 32px !important;
  line-height: 1.2 !important;
  letter-spacing: -0.2px !important;
  color: #1e2a28 !important;
  text-align: center !important;
  margin: 0 0 10px 0 !important;
}

/* ===== Emphasis Lines ===== */
html body #sib-container .sib-text-form-block p:last-of-type{
  font-style: italic !important;
}

html body #sib-container .sib-text-form-block p:nth-of-type(3){
  font-weight: 500 !important;
}

/* ===== Labels ===== */
html body #sib-container .entry__label{
  font-weight: 600 !important;
  font-size: 15px !important;
  color: #1e2a28 !important;
}

/* ===== Inputs ===== */
html body #sib-container input[type="text"],
html body #sib-container input[type="email"]{
  width: 100% !important;
  border-radius: 10px !important;
  padding: 10px 12px !important;
}

html body #sib-container input::placeholder{
  opacity: 0.6 !important;
}

/* =====================================================
   🔥 OPT-IN — HARD OVERRIDE (THIS IS THE IMPORTANT BIT)
   ===================================================== */

/* Force EVERYTHING inside opt-in to match label size */
html body #sib-container .entry__choice,
html body #sib-container .entry__choice *,
html body #sib-container .entry__choice label,
html body #sib-container .entry__choice span,
html body #sib-container .entry__choice p{
  font-size: 15px !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
}

/* Alignment */
html body #sib-container .entry__choice label{
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

/* Checkbox alignment */
html body #sib-container input[type="checkbox"]{
  margin-top: 0 !important;
  transform: translateY(1px);
  accent-color: #1e2a28;
}

/* ===== BUTTON ===== */
html body #sib-container button{
  border-radius: 10px !important;
  padding: 12px 18px !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  color: #ffffff !important;
}

/* ===== Helper Text ===== */
html body #sib-container .entry__specification{
  font-size: 12px !important;
  opacity: 0.85 !important;
}

/* ===== Messages ===== */
html body #success-message,
html body #error-message{
  border-radius: 10px !important;
}

/* ===== Mobile ===== */
@media (max-width: 600px){

  html body #sib-container{
    padding: 20px 16px !important;
  }

  html body #sib-container h1,
  html body #sib-container h2,
  html body #sib-container h3,
  html body #sib-container .sib-form-block__title,
  html body #sib-container .sib-form-block__title p{
    font-size: 24px !important;
  }

  html body #sib-container p,
  html body #sib-container span{
    font-size: 15px !important;
  }
}
/* =====================================================
   🔥 FINAL TITLE OVERRIDE — MAKE WAITLIST TITLE BIG AGAIN
   ===================================================== */

/* Target Brevo title block specifically */
html body #sib-container .sib-form-block__title,
html body #sib-container .sib-form-block__title p{
  font-size: 32px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.2px !important;
  color: #1e2a28 !important;
  text-align: center !important;
}

/* Fallback in case Brevo renders title differently */
html body #sib-container .sib-form-block:first-of-type:not(.sib-text-form-block) p{
  font-size: 32px !important;
  font-weight: 600 !important;
}

/* Mobile version */
@media (max-width: 600px){
  html body #sib-container .sib-form-block__title,
  html body #sib-container .sib-form-block__title p,
  html body #sib-container .sib-form-block:first-of-type:not(.sib-text-form-block) p{
    font-size: 24px !important;
  }
}