/* SIIK free pack gate: the email form (an Elementor form with the class siik-free-gate), on pages and in the popup,
   and the SIIK Free Download button. Loads on every page because the popup can open anywhere. */
.elementor-element.siik-free-gate { scroll-margin-top: 120px; max-width: 560px !important; }
.siik-free-gate .elementor-form-fields-wrapper { flex-wrap: nowrap; gap: 10px; margin: 0 !important; }
.siik-free-gate .elementor-form-fields-wrapper > .elementor-field-group { padding: 0 !important; margin: 0 !important; }
.siik-free-gate .elementor-field-type-email { flex: 1 1 auto; width: auto !important; max-width: none !important; }
.siik-free-gate .elementor-field-type-submit { flex: 0 0 auto; width: auto !important; max-width: none !important; }
.elementor-widget-form.siik-free-gate .elementor-field-group .elementor-field.elementor-field-textual {
  height: 54px; min-height: 54px; padding: 0 22px; border-radius: 999px !important; font-size: 16px; color: #fff !important;
  background: rgba(255,255,255,.06) !important; border: 1px solid rgba(255,255,255,.16) !important; box-shadow: none;
}
.elementor-widget-form.siik-free-gate .elementor-field-group .elementor-field::placeholder { color: rgba(255,255,255,.5); }
.elementor-widget-form.siik-free-gate .elementor-field-group .elementor-field:focus { border-color: #B197FF !important; outline: none; background: rgba(255,255,255,.09) !important; }
.elementor-widget-form.siik-free-gate .elementor-button {
  height: 54px; min-height: 54px; padding: 0 26px; border-radius: 999px !important; border: 0; white-space: nowrap;
  background: #B197FF !important; color: #0D0D17 !important; font-size: 16px; font-weight: 600; box-shadow: 0 10px 30px rgba(139,92,246,.35);
}
.elementor-widget-form.siik-free-gate .elementor-button:hover { background: #C7B6FF !important; }
.siik-free-gate .elementor-message-success { display: none; }
.siik-free-gate .elementor-message-danger { color: #ffb4b4; font-size: 14px; margin-top: 8px; }
.siik-free-unlocked .siik-free-gate .elementor-form { display: none; }
.siik-free-gate .sfg-done {
  display: flex; align-items: baseline; gap: 10px; margin: 0; padding: 14px 20px; border-radius: 999px; width: fit-content;
  background: rgba(143,240,176,.1); border: 1px solid rgba(143,240,176,.35); color: #dffbe9;
  font: 400 15px/1.45 Roboto, system-ui, sans-serif; letter-spacing: 0; text-align: left;
}
.siik-free-gate .sfg-done::before { content: ""; width: 9px; height: 9px; border-radius: 50%; background: #8ff0b0; flex: none; transform: translateY(-1px); }
.siik-free-gate .sfg-done b { color: #8ff0b0; font-weight: 600; }
/* the "you'll get emails" line under the form (class sfg-fine) goes once the form is gone */
.siik-free-unlocked .sfg-fine { display: none; }
.siik-free-gate.sfg-nudge .elementor-form { animation: sfg-nudge .9s ease; border-radius: 999px; }
@keyframes sfg-nudge { 0%, 100% { box-shadow: 0 0 0 0 rgba(177,151,255,0); } 30% { box-shadow: 0 0 0 6px rgba(177,151,255,.45); } }
@media (max-width: 600px) {
  .siik-free-gate .elementor-form-fields-wrapper { flex-wrap: wrap; }
  .siik-free-gate .elementor-field-type-email, .siik-free-gate .elementor-field-type-submit { flex: 1 1 100%; }
  .elementor-widget-form.siik-free-gate .elementor-button { width: 100%; }
  .siik-free-gate .sfg-done { border-radius: 16px; }
}
@media (prefers-reduced-motion: reduce) { .siik-free-gate.sfg-nudge .elementor-form { animation: none; } }

/* name + email + button, one under the other (the popup and narrow columns): add the class siik-free-gate--stack */
.siik-free-gate--stack .elementor-form-fields-wrapper { flex-wrap: wrap !important; }
.siik-free-gate--stack .elementor-form-fields-wrapper > .elementor-field-group { flex: 1 1 100% !important; width: 100% !important; }
.elementor-widget-form.siik-free-gate--stack .elementor-button { width: 100%; }
.siik-free-gate--stack .sfg-done { border-radius: 16px; width: auto; }

/* SIIK Free Download button */
.sfd { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; }
.sfd-btn, .sfd-btn:visited {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  height: 48px; padding: 0 22px; border-radius: 999px; border: 1px solid #B197FF;
  background: #B197FF; color: #0D0D17 !important; font-family: Poppins, system-ui, sans-serif; font-size: 15px; font-weight: 600;
  line-height: 1; text-decoration: none !important; cursor: pointer; transition: background .2s, border-color .2s, transform .1s;
}
.sfd-btn:hover { background: #C7B6FF; border-color: #C7B6FF; }
.sfd-btn:active { transform: translateY(1px); }
.sfd-btn:focus-visible { outline: 2px solid #F4F4F8; outline-offset: 2px; }
.sfd-btn svg { width: 18px; height: 18px; flex: none; }
.sfd-btn--ghost { background: transparent; color: #F4F4F8 !important; border-color: rgba(255,255,255,.22); }
.sfd-btn--ghost:hover { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.4); }
.sfd-btn--block { width: 100%; }
.sfd-note { margin: 0; font-size: 13px; line-height: 1.4; color: #8A8FA3; }
.siik-free-unlocked .sfd-note { display: none; }
.sfd--after { display: none; }
.siik-free-unlocked .sfd--after { display: flex; }