/* ============================================================
   MailerLite embed (#mlb2-46419502) — dopasowanie do stylu APTcamp
   Ciemny motyw, Oswald / Hanken Grotesk / JetBrains Mono,
   akcent primary #ff5500, twarde cienie, ostre krawędzie.
   Zamiast oryginalnego CSS MailerLite (jasny motyw, Open Sans)
   stosujemy własne reguły dla tego samego markupu.
   ============================================================ */

/* --- kontener --- */
#mlb2-46419502.ml-form-embedContainer {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
}
#mlb2-46419502 .ml-form-align-center,
#mlb2-46419502 .ml-form-align-left { text-align: left !important; display: block !important; }
#mlb2-46419502 .ml-form-embedWrapper,
#mlb2-46419502 .ml-form-embedWrapper.embedForm,
#mlb2-46419502 .ml-form-embedWrapper.embedDefault {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
}
#mlb2-46419502 .ml-form-embedBody,
#mlb2-46419502 .ml-form-successBody { padding: 0 !important; }
#mlb2-46419502 .ml-form-embedContent { display: none !important; }

/* --- siatka pól: imię + e-mail obok siebie od 640px --- */
#mlb2-46419502 .ml-form-formContent,
#mlb2-46419502 .ml-form-formContent.horozintalForm {
  width: 100% !important;
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
#mlb2-46419502 .ml-form-horizontalRow {
  width: 100% !important;
  float: none !important;
  height: auto !important;
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 1rem;
  margin: 0 !important;
}
@media (min-width: 640px) {
  #mlb2-46419502 .ml-form-horizontalRow { grid-template-columns: 1fr 1fr; }
}
#mlb2-46419502 .ml-input-horizontal {
  display: contents !important;
  width: 100% !important;
  float: none !important;
}
#mlb2-46419502 .horizontal-fields {
  width: auto !important;
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
#mlb2-46419502 .ml-form-fieldRow { margin: 0 !important; width: 100% !important; }
#mlb2-46419502 .ml-button-horizontal {
  grid-column: 1 / -1;
  width: 100% !important;
  float: none !important;
  padding: 0 !important;
}
#mlb2-46419502 .ml-mobileButton-horizontal { display: none !important; }

/* --- etykiety --- */
#mlb2-46419502 .ml-field-group label,
#mlb2-46419502 .ml-form-fieldRow label {
  display: block !important;
  color: #8e9bb3 !important;
  font-family: "JetBrains Mono", monospace !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 14px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  margin: 0 0 0.5rem 0 !important;
}

/* --- pola tekstowe --- */
#mlb2-46419502 input[type="text"],
#mlb2-46419502 input[type="email"] {
  width: 100% !important;
  max-width: 100% !important;
  background-color: #161c28 !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 0.25rem !important;
  box-shadow: none !important;
  height: auto !important;
  padding: 14px 20px !important;
  font-family: "Hanken Grotesk", sans-serif !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  transition: border-color 0.15s ease !important;
}
#mlb2-46419502 input[type="text"]::placeholder,
#mlb2-46419502 input[type="email"]::placeholder { color: #8e9bb3 !important; opacity: 1 !important; }
#mlb2-46419502 input[type="text"]:focus,
#mlb2-46419502 input[type="email"]:focus {
  border-color: #ff5500 !important;
  outline: none !important;
  box-shadow: none !important;
}

/* --- przycisk --- */
#mlb2-46419502 button.primary,
#mlb2-46419502 .ml-form-embedSubmit button,
#mlb2-46419502 .ml-button-horizontal button {
  width: 100% !important;
  background-color: #ff5500 !important;
  border: 0 !important;
  border-radius: 0.25rem !important;
  color: #0a0e15 !important;
  cursor: pointer !important;
  font-family: "JetBrains Mono", monospace !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  padding: 16px 32px !important;
  box-shadow: 3px 3px 0 0 #ffffff !important;
  transition: background-color 0.15s ease, transform 0.15s ease !important;
}
#mlb2-46419502 button.primary:hover,
#mlb2-46419502 .ml-button-horizontal button:hover { background-color: #ff6e26 !important; }
#mlb2-46419502 button.primary:active { transform: translate(2px, 2px) !important; box-shadow: 1px 1px 0 0 #ffffff !important; }
#mlb2-46419502 .ml-form-embedSubmitLoad {
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
  border: 3px solid #0a0e15 !important;
  border-top-color: transparent !important;
  border-radius: 50% !important;
  animation: ml-form-embedSubmitLoad 1s linear infinite;
}
@keyframes ml-form-embedSubmitLoad { to { transform: rotate(360deg); } }
#mlb2-46419502 .sr-only {
  position: absolute !important; width: 1px !important; height: 1px !important;
  padding: 0 !important; margin: -1px !important; overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important; border: 0 !important;
}

/* --- zgoda RODO --- */
#mlb2-46419502 .ml-form-checkboxRow {
  float: none !important;
  width: 100% !important;
  margin: 1.25rem 0 1.5rem 0 !important;
}
#mlb2-46419502 .ml-form-checkboxRow input[type="checkbox"] {
  position: absolute !important;
  opacity: 0 !important;
  z-index: -1 !important;
  margin: 0 !important;
}
#mlb2-46419502 .ml-form-checkboxRow label {
  position: relative !important;
  display: block !important;
  min-height: 20px !important;
  padding-left: 28px !important;
  margin: 0 !important;
  cursor: pointer !important;
}
#mlb2-46419502 .ml-form-checkboxRow .label-description::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 1px !important;
  width: 16px !important;
  height: 16px !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  border-radius: 2px !important;
  background-color: transparent !important;
  box-sizing: border-box !important;
}
#mlb2-46419502 .ml-form-checkboxRow input[type="checkbox"]:focus ~ .label-description::before { border-color: #ff5500 !important; }
#mlb2-46419502 .ml-form-checkboxRow input[type="checkbox"]:checked ~ .label-description::before {
  background-color: #ff5500 !important;
  border-color: #ff5500 !important;
}
#mlb2-46419502 .ml-form-checkboxRow input[type="checkbox"]:checked ~ .label-description::after {
  content: "" !important;
  position: absolute !important;
  left: 5px !important;
  top: 3px !important;
  width: 5px !important;
  height: 9px !important;
  border-right: 2px solid #0a0e15 !important;
  border-bottom: 2px solid #0a0e15 !important;
  transform: rotate(45deg) !important;
}
#mlb2-46419502 .ml-form-checkboxRow .label-description p,
#mlb2-46419502 .ml-form-checkboxRow .label-description span {
  color: #8e9bb3 !important;
  font-family: "Hanken Grotesk", sans-serif !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
  font-weight: 400 !important;
  margin: 0 !important;
}
#mlb2-46419502 .ml-form-checkboxRow label a {
  color: #ff5500 !important;
  text-decoration: none !important;
}
#mlb2-46419502 .ml-form-checkboxRow label a:hover { color: #ff6e26 !important; }

/* --- stany błędów --- */
#mlb2-46419502 .ml-error input,
#mlb2-46419502 .ml-error input[type="text"],
#mlb2-46419502 .ml-error input[type="email"] { border-color: #ff525d !important; }
#mlb2-46419502 .ml-error .label-description,
#mlb2-46419502 .ml-error .label-description p,
#mlb2-46419502 .ml-error .label-description p a,
#mlb2-46419502 .ml-error label:first-child { color: #ff525d !important; }
#mlb2-46419502 .ml-error .custom-checkbox-radio-list {
  border: 1px solid #ff525d !important;
  border-radius: 0.25rem !important;
  padding: 10px !important;
}

/* --- komunikat po zapisie (success) --- */
#mlb2-46419502 .ml-form-successBody { padding: 0 !important; }
#mlb2-46419502 .ml-form-successContent h4 {
  color: #ffffff !important;
  font-family: "Oswald", sans-serif !important;
  font-size: 28px !important;
  font-weight: 600 !important;
  line-height: 1.1 !important;
  letter-spacing: -0.01em !important;
  margin: 0 0 10px 0 !important;
}
#mlb2-46419502 .ml-form-successContent p {
  color: #8e9bb3 !important;
  font-family: "Hanken Grotesk", sans-serif !important;
  font-size: 14px !important;
  line-height: 22px !important;
  margin: 0 !important;
}