/* FORMS agent — webform + gallery parity fixes.
   D7 put the red asterisk in span.form-required INSIDE the label; D11 puts
   .form-required on the <label> itself, so parity CSS (.form-required{color:#f00})
   was painting whole labels red. Restore label color and recreate the asterisk. */
.webform-submission-form label.form-required { color: #000; }
.webform-submission-form label.form-required::after {
  content: " *";
  color: #940000;
  font-size: 1.3em;
}
/* D7 wrapped textareas in .form-textarea-wrapper{width:100%}; D11 markup has no
   wrapper, so recreate the width rule on the textarea itself. */
.webform-submission-form textarea.form-textarea {
  display: block;
  margin: 0;
  width: 100%;
  box-sizing: border-box;
}

/* D7 email inputs carried class form-text so they got the parity border/height
   rules; D11 email inputs only have .form-email. Recreate those rules. */
.form-item input[type=email] {
  border: 2px solid #0055b8;
  border-radius: 6px;
  box-sizing: border-box;
  background-color: #fff;
  vertical-align: baseline;
  padding-left: 5px;
  color: #000;
  height: 45px;
  line-height: 45px;
}

/* D7 textareas had a 9px+1px "grippie" resize bar underneath
   (.resizable-textarea .grippie). D11 has no grippie element; recreate it so
   everything below the textarea sits 10px lower like prod. */
.webform-submission-form .js-form-type-textarea::after {
  content: "";
  display: block;
  background: #eee;
  border: 1px solid #ddd;
  border-top-width: 0;
  cursor: s-resize;
  height: 9px;
  overflow: hidden;
}