/*
 * Styled Form Block
 * ---------------------------------------------------------------
 * Standalone stylesheet enqueued by the block registration in
 * inc/functions-acf.php.
 *
 * The form fields themselves are styled by css/modules/_form.scss
 * (compiled into app.css). This file only handles the section-level
 * container, max-width constraints and spacing — consistent with
 * the WYSIWYG block pattern.
 */

/* Section-level: inherits .section padding from _sections.scss */

/* Block title — matches WYSIWYG h2 styling */
.section-styled-form .styled-form-title {
  margin: 0 0 15px;
  color: #003865;
  font-size: 28px;
  line-height: 1.2;
}

@media (min-width: 768px) {
  .section-styled-form .styled-form-title {
    font-size: 34px;
  }
}

/* Block description — matches WYSIWYG paragraph styling */
.section-styled-form .styled-form-description {
  margin: 0 0 30px;
  font-size: 18px;
  line-height: 1.6;
}

@media (min-width: 1200px) {
  .section-styled-form .styled-form-description {
    font-size: 20px;
  }
}

/* Dark blue backgrounds: white title and description */
.section-styled-form.bkg-dark-blue-1 .styled-form-title,
.section-styled-form.bkg-dark-blue-2 .styled-form-title,
.section-styled-form.bkg-dark-blue-3 .styled-form-title,
.section-styled-form.bkg-dark-blue-4 .styled-form-title {
  color: #FFFFFF;
}

.section-styled-form.bkg-dark-blue-1 .styled-form-description,
.section-styled-form.bkg-dark-blue-2 .styled-form-description,
.section-styled-form.bkg-dark-blue-3 .styled-form-description,
.section-styled-form.bkg-dark-blue-4 .styled-form-description {
  color: #FFFFFF;
}

/* Constrain form width */
.section-styled-form .contain {
  max-width: 992px;
}

.section-styled-form.medium-width .contain {
  max-width: 900px;
}

.section-styled-form.small-width .contain {
  max-width: 640px;
}

/* Ensure the form doesn't overflow the container */
.section-styled-form .gform_wrapper {
  max-width: 100%;
}

/* Remove default GF wrapper margin-top (the .section padding handles spacing) */
.section-styled-form .gform_wrapper {
  margin-top: 0;
}