/* ======================
   WSForm Styles (for use with ACSS)
   ====================== */

/* FORM */

.wsf-label .wsf-required-wrapper > .wsf-text-danger {
  display: inline-block !important;
  transform: scale(1.6) !important;       /* visually enlarges */
  transform-origin: left !important;
}

/* Define button transitions */
:root {
  --btn-transition-duration: 0.4s;
}

.aa-wsf-submit .wsf-button {
    min-height: 65px;
    width: 100%;
    min-width: 200px;
    max-width: 300px;
    transition: all 0.4s ease;   
}

.aa-wsf-submit {
  display: flex;
  justify-content: center;
}

/* Your hover */
.aa-wsf-submit .wsf-button:hover {
  transform: scale(1.1);
}

.aa-wsf-captcha {
  display: flex;
  justify-content: center;
}

.form--light .wsf-form input[type="text"].wsf-field ~ .dropzone {
    min-height: 76px;
}



/*** ===============================
 SUCCESS NOTICE (test + live, Bricks/ACSS)
================================ ***/

/* Container */
.wsf-test-notice .wsf-alert.wsf-alert-success,
div[role="alert"][data-wsf-message] .wsf-alert.wsf-alert-success {
  background-color: transparent;
  color: var(--text);
  border-left: 4px solid var(--neutral-light);
  padding-left: 24px;
}

/* Paragraphs */
.wsf-test-notice .wsf-alert.wsf-alert-success p,
div[role="alert"][data-wsf-message] .wsf-alert.wsf-alert-success p {
  margin: 10px 0;
  line-height: 1.4;
}

/* Logo inside the notice */
.wsf-test-notice .wsf-alert.wsf-alert-success img,
div[role="alert"][data-wsf-message] .wsf-alert.wsf-alert-success img {
  display: block;
  width: 90px;
  height: auto;
}

/* Optional: tidy stray spacer paragraphs */
div[role="alert"][data-wsf-message] .wsf-alert.wsf-alert-success p:empty,
div[role="alert"][data-wsf-message] .wsf-alert.wsf-alert-success p:has(br),
div[role="alert"][data-wsf-message] .wsf-alert.wsf-alert-success p:has( ) { margin: 0; }