/* =========================================================
   Nieuwsbrief blok — aoo-nieuwsbrief-blok
   assets/css/aoo/components/nieuwsbrief-blok.css
   ========================================================= */

.aoo-nieuwsbrief-blok {
  background: #e8f2fb;
  border-radius: 16px;
  margin: 32px 0;
  overflow: hidden;
}

.aoo-nieuwsbrief-blok__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  align-items: center;
  padding: clamp(28px, 4vw, 48px) clamp(24px, 4vw, 48px);
}

/* =========================================================
   Content (links)
   ========================================================= */

.aoo-nieuwsbrief-blok__title {
  font-size: clamp(1.2rem, 2vw, 1.5rem);
  font-weight: 700;
  color: #0c3d6b;
  margin: 0 0 12px;
  line-height: 1.25;
  letter-spacing: -0.01em;
}

.aoo-nieuwsbrief-blok__text {
  font-size: 0.92rem;
  line-height: 1.6;
  color: #1e5080;
  margin: 0;
}

/* =========================================================
   Formulier (rechts) — MailPoet form_2 overrides
   ========================================================= */

.aoo-nieuwsbrief-blok__form {
  width: 100%;
}

.aoo-nieuwsbrief-blok__form #mailpoet_form_2,
.aoo-nieuwsbrief-blok__form .mailpoet_form {
  background: transparent !important;
  padding: 0 !important;
  border: 0 !important;
  width: 100% !important;
}

.aoo-nieuwsbrief-blok__form form.mailpoet_form {
  padding: 0 !important;
}

/* Input velden */
.aoo-nieuwsbrief-blok__form .mailpoet_text,
.aoo-nieuwsbrief-blok__form input[type="text"],
.aoo-nieuwsbrief-blok__form input[type="email"] {
  width: 100% !important;
  padding: 12px 16px !important;
  border-radius: 8px !important;
  border: 1.5px solid #b0cfec !important;
  background: #fff !important;
  color: #1a1a1a !important;
  font-size: 0.95rem !important;
  box-sizing: border-box !important;
  margin-bottom: 10px !important;
  outline: none !important;
  transition: border-color 0.15s !important;
}

.aoo-nieuwsbrief-blok__form .mailpoet_text::placeholder,
.aoo-nieuwsbrief-blok__form input[type="text"]::placeholder,
.aoo-nieuwsbrief-blok__form input[type="email"]::placeholder {
  color: #88aacc !important;
}

.aoo-nieuwsbrief-blok__form .mailpoet_text:focus,
.aoo-nieuwsbrief-blok__form input[type="text"]:focus,
.aoo-nieuwsbrief-blok__form input[type="email"]:focus {
  border-color: #2e6b9e !important;
}

/* Submit knop */
.aoo-nieuwsbrief-blok__form .mailpoet_submit,
.aoo-nieuwsbrief-blok__form input[type="submit"] {
  width: 100% !important;
  padding: 13px 20px !important;
  background: #2e6b9e !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 8px !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: background 0.15s !important;
  box-sizing: border-box !important;
}

.aoo-nieuwsbrief-blok__form .mailpoet_submit:hover,
.aoo-nieuwsbrief-blok__form input[type="submit"]:hover {
  background: #1e5080 !important;
}

/* Succes/fout berichten */
.aoo-nieuwsbrief-blok__form .mailpoet_validate_success {
  color: #1e7a3e !important;
  font-size: 0.9rem !important;
  margin-top: 8px !important;
}

.aoo-nieuwsbrief-blok__form .mailpoet_validate_error {
  color: #a32d2d !important;
  font-size: 0.9rem !important;
  margin-top: 8px !important;
}

/* Paragraph spacing reset */
.aoo-nieuwsbrief-blok__form .mailpoet_paragraph {
  margin-bottom: 10px !important;
  line-height: 1 !important;
}

.aoo-nieuwsbrief-blok__form .mailpoet_paragraph.last {
  margin-bottom: 0 !important;
}

/* =========================================================
   Tablet
   ========================================================= */

@media (max-width: 768px) {
  .aoo-nieuwsbrief-blok__inner {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

@media (max-width: 480px) {
  .aoo-nieuwsbrief-blok {
    border-radius: 12px;
  }
}