/**
 * form component styling, promoted verbatim from the gulp-compiled build
 * artifact (dist/css/form.css) to a permanently tracked static file.
 *
 * Source: src/stories/components/form-items/form.scss (still present and
 * tracked -- unlike program-finder.css, this is a build-pipeline
 * retirement, not a source-loss recovery).
 *
 * REAL CONSUMER: src/templates/form/form.html.twig and
 * src/templates/form/form--search-block-form.html.twig attach
 * `lehigh_coe_theme/form`. The component's JS, form.es6.js, was already
 * deleted in Phase 5 Batch F as fully superseded by js/global.js since
 * Phase 2; the CSS remains real and live sitewide form styling (webforms,
 * exposed filter forms, search forms, etc).
 *
 * PROMOTION CONTEXT (Phase 10 Batch C): this theme's gulp/Sass build
 * pipeline is being retired as part of the SDC conversion. The rules
 * below are transcribed verbatim from the current production build
 * output (dist/css/form.css), keeping only the genuinely form-specific
 * rules and excluding the shared Bootstrap/theme preamble (font-face
 * declarations, base typography, resets, rich-text/list styles) that
 * duplicate content already covered by css/base/*.css and
 * css/global.css. Includes the vendor-prefixed `::-moz-placeholder`
 * duplicate rule exactly as autoprefixer emits it in the current live
 * build output -- kept verbatim for zero intended visual change.
 * Verified via full-content diff against the real, currently-served
 * dist/css/form.css build artifact (not a bare Sass recompile -- a bare
 * recompile misses autoprefixer-added vendor-prefixed declarations)
 * (see task-1-report.md for the exact command/output and the
 * autoprefixer-only discrepancy it surfaced).
 * Zero intended visual change from the current live CSS.
 */

.form-text::-moz-placeholder {
  color: var(--bs-grey-60k);
}
.form-text::placeholder {
  color: var(--bs-grey-60k);
}

.form-check {
  display: flex;
  align-items: center;
  padding: 0;
  gap: 8px;
}
.form-check:has(input:disabled) {
  opacity: 0.65;
}
.form-check input {
  flex-grow: 0;
  width: 24px;
  height: 24px;
  min-height: 0;
  margin: 0 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  line-height: 1;
}
.form-check input::before {
  font-family: "Material Icons";
  content: "check_box_outline_blank";
  font-size: 24px;
  line-height: normal;
}
.form-check input:checked::before {
  content: "check_box_selected";
}
.form-check label {
  font-family: DopisRegular, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-size: 1rem;
}

.form-email {
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxOCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjY2NiAwLjMzMzI1MkgyLjMzMjY4QzEuNDE2MDIgMC4zMzMyNTIgMC42NzQzNDkgMS4wODMyNSAwLjY3NDM0OSAxLjk5OTkyTDAuNjY2MDE2IDExLjk5OTlDMC42NjYwMTYgMTIuOTE2NiAxLjQxNjAyIDEzLjY2NjYgMi4zMzI2OCAxMy42NjY2SDE1LjY2NkMxNi41ODI3IDEzLjY2NjYgMTcuMzMyNyAxMi45MTY2IDE3LjMzMjcgMTEuOTk5OVYxLjk5OTkyQzE3LjMzMjcgMS4wODMyNSAxNi41ODI3IDAuMzMzMjUyIDE1LjY2NiAwLjMzMzI1MlpNMTUuNjY2IDExLjk5OTlIMi4zMzI2OFYzLjY2NjU5TDguOTk5MzUgNy44MzMyNUwxNS42NjYgMy42NjY1OVYxMS45OTk5Wk04Ljk5OTM1IDYuMTY2NThMMi4zMzI2OCAxLjk5OTkySDE1LjY2Nkw4Ljk5OTM1IDYuMTY2NThaIiBmaWxsPSIjNEQ1MTU2Ii8+Cjwvc3ZnPgo=") no-repeat 16px center;
  text-indent: 28px;
}

.form-tel {
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNSAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuOTUgMi4xNjY2N0MzIDIuOTA4MzMgMy4xMjUgMy42MzMzMyAzLjMyNSA0LjMyNUwyLjMyNSA1LjMyNUMxLjk4MzMzIDQuMzI1IDEuNzY2NjcgMy4yNjY2NyAxLjY5MTY3IDIuMTY2NjdIMi45NVpNMTEuMTY2NyAxMi4xODMzQzExLjg3NSAxMi4zODMzIDEyLjYgMTIuNTA4MyAxMy4zMzMzIDEyLjU1ODNWMTMuOEMxMi4yMzMzIDEzLjcyNSAxMS4xNzUgMTMuNTA4MyAxMC4xNjY3IDEzLjE3NUwxMS4xNjY3IDEyLjE4MzNaTTMuNzUgMC41SDAuODMzMzMzQzAuMzc1IDAuNSAwIDAuODc1IDAgMS4zMzMzM0MwIDkuMTU4MzMgNi4zNDE2NyAxNS41IDE0LjE2NjcgMTUuNUMxNC42MjUgMTUuNSAxNSAxNS4xMjUgMTUgMTQuNjY2N1YxMS43NTgzQzE1IDExLjMgMTQuNjI1IDEwLjkyNSAxNC4xNjY3IDEwLjkyNUMxMy4xMzMzIDEwLjkyNSAxMi4xMjUgMTAuNzU4MyAxMS4xOTE3IDEwLjQ1QzExLjEwODMgMTAuNDE2NyAxMS4wMTY3IDEwLjQwODMgMTAuOTMzMyAxMC40MDgzQzEwLjcxNjcgMTAuNDA4MyAxMC41MDgzIDEwLjQ5MTcgMTAuMzQxNyAxMC42NUw4LjUwODMzIDEyLjQ4MzNDNi4xNSAxMS4yNzUgNC4yMTY2NyA5LjM1IDMuMDE2NjcgNi45OTE2N0w0Ljg1IDUuMTU4MzNDNS4wODMzMyA0LjkyNSA1LjE1IDQuNiA1LjA1ODMzIDQuMzA4MzNDNC43NSAzLjM3NSA0LjU4MzMzIDIuMzc1IDQuNTgzMzMgMS4zMzMzM0M0LjU4MzMzIDAuODc1IDQuMjA4MzMgMC41IDMuNzUgMC41WiIgZmlsbD0iIzRENTE1NiIvPgo8L3N2Zz4K") no-repeat 16px center;
  text-indent: 28px;
}

.webform-flexbox {
  margin-top: 0;
  margin-bottom: 0;
}

.form-item {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

label {
  color: var(--bs-text-color);
  font-family: meursault-variable, Georgia, Palatino, serif;
  font-size: 1.125rem;
  font-weight: 700;
}

input:not(.glb-form-checkbox):not(.glb-button):not(.facets-checkbox),
select {
  font-size: DopisRegular, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  border: 1px solid var(--bs-grey);
  border-radius: 4px;
  margin: 0;
  min-height: 48px;
  line-height: 1;
}
@media (min-width: 992px) {
  input:not(.glb-form-checkbox):not(.glb-button):not(.facets-checkbox),
  select {
    flex-grow: 1;
  }
}
input:not(.glb-form-checkbox):not(.glb-button):not(.facets-checkbox):focus,
input:not(.glb-form-checkbox):not(.glb-button):not(.facets-checkbox) :focus-visible,
input:not(.glb-form-checkbox):not(.glb-button):not(.facets-checkbox) :focus-within,
select:focus,
select :focus-visible,
select :focus-within {
  box-shadow: none !important;
}

input {
  background-image: none;
}

.facet-item__value {
  display: block;
  line-height: 1.2;
  text-transform: capitalize;
}

.block-webform .form-item, .webform-submission-form .form-item {
  margin-bottom: 1.5rem;
}
.block-webform .form-email, .block-webform .form-tel, .block-webform .form-file, .webform-submission-form .form-email, .webform-submission-form .form-tel, .webform-submission-form .form-file {
  background-color: white;
}
.block-webform .form-file, .webform-submission-form .form-file {
  align-content: center;
  padding: 0 1rem;
}
.block-webform .webform-likert-table-wrapper th, .block-webform .webform-likert-table-wrapper td, .webform-submission-form .webform-likert-table-wrapper th, .webform-submission-form .webform-likert-table-wrapper td {
  text-align: left;
}
.block-webform .form-type-checkbox, .block-webform .form-type-radio, .webform-submission-form .form-type-checkbox, .webform-submission-form .form-type-radio {
  display: block;
}
.block-webform .form-type-checkbox input, .block-webform .form-type-radio input, .webform-submission-form .form-type-checkbox input, .webform-submission-form .form-type-radio input {
  min-height: unset !important;
}
.block-webform .form-type-checkbox label, .block-webform .form-type-radio label, .webform-submission-form .form-type-checkbox label, .webform-submission-form .form-type-radio label {
  margin-left: 0.5rem;
  font-family: DopisRegular, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
}