/* -----------------------------------------------------------------------------
   PMW Plus - shared Gravity Forms theme.

   ONE place that themes every Gravity Form on the site to match the design
   mockups (.form-wrap / .form-field controls). Scoped to `.page_wrapper
   .gform_wrapper` so it applies wherever a form is embedded - contact, careers
   application, newsletter and any future form - without per-section CSS.

   GF's Orbital theme ships its own control styling (white inputs, blue accent)
   via class rules and CSS variables scoped to an ID selector, so its variables
   cannot be beaten by classes; these explicit rules (with !important only where
   Orbital forces a value) re-theme the controls to the dark brand instead.
   Values are taken from the mockup .form-field rules.
----------------------------------------------------------------------------- */

.page_wrapper .gform_wrapper{color:var(--ecru)}
.page_wrapper .gform_wrapper .gform_fields{grid-row-gap:18px;row-gap:18px}

/* Labels: small uppercase, muted ecru (mockup .form-field label). */
.page_wrapper .gform_wrapper .gfield_label{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:rgba(241,237,226,0.7);font-weight:500;margin-bottom:8px}
/* Mockup labels carry no "(Required)" text - keep the UI clean. */
.page_wrapper .gform_wrapper .gfield_required_text{display:none}
.page_wrapper .gform_wrapper .gform_fileupload_rules{display:none}

/* Control styling. GF's framework theme colours the controls with an equal
   (0,2,1) selector (its :where() wrappers add no specificity) and wins on load
   order - so text inputs render white. !important on the visual properties beats
   it cleanly (GF uses no !important). Values from the mockup .form-field. */
.page_wrapper .gform_wrapper .ginput_container{max-width:none!important;width:100%!important}
.page_wrapper .gform_wrapper input,
.page_wrapper .gform_wrapper textarea,
.page_wrapper .gform_wrapper select{width:100%!important;max-width:none!important;padding:14px 18px!important;border:1px solid rgba(241,237,226,0.15)!important;border-radius:8px!important;background-color:rgba(31,41,53,0.45)!important;color:var(--ecru)!important;font-size:15px!important;line-height:1.4!important;font-family:inherit;outline:none;box-shadow:none!important;transition:all .2s}
.page_wrapper .gform_wrapper input:focus,
.page_wrapper .gform_wrapper textarea:focus,
.page_wrapper .gform_wrapper select:focus{border-color:var(--copper-light)!important;background-color:rgba(31,41,53,0.7)!important}
.page_wrapper .gform_wrapper input[type=text],
.page_wrapper .gform_wrapper input[type=email],
.page_wrapper .gform_wrapper input[type=tel],
.page_wrapper .gform_wrapper select{min-height:50px!important}
.page_wrapper .gform_wrapper textarea{min-height:130px!important;resize:vertical}
/* The open dropdown list uses OS styling; the ecru select colour would make
   options invisible on a white list, so set the option bg/colour explicitly. */
.page_wrapper .gform_wrapper select option{background-color:#1f2935;color:var(--ecru)}
.page_wrapper .gform_wrapper input::placeholder,
.page_wrapper .gform_wrapper textarea::placeholder{color:rgba(241,237,226,0.4)!important;opacity:1}

/* Select: Orbital's dark dropdown chevron vanishes on the dark control, so swap
   in a light one (the dark fill + ecru text come from the rule above). */
.page_wrapper .gform_wrapper select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23f1ede2' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 18px center!important;padding-right:44px!important}
/* The placeholder option ("Choose an area...") must read on the dark control. */
.page_wrapper .gform_wrapper select .gf_placeholder{color:rgba(241,237,226,0.6)}

/* Submit button: full-width 57px copper pill (mockup .form-submit), with clear
   space above it. */
.page_wrapper .gform_wrapper .gform_footer{margin-top:32px!important;padding-top:0;display:block}
.page_wrapper .gform_wrapper .gform_footer button,
.page_wrapper .gform_wrapper .gform_footer input[type=submit],
.page_wrapper .gform_wrapper .gform_button{display:block;width:100%!important;max-width:none!important;min-height:57px!important;height:57px!important;padding:0 18px;border-radius:60px!important;background:var(--copper-gradient);color:var(--ecru);font-size:14.5px;font-weight:500;letter-spacing:.04em;border:none;cursor:pointer;transition:all .25s}
.page_wrapper .gform_wrapper .gform_footer button:hover,
.page_wrapper .gform_wrapper .gform_footer input[type=submit]:hover,
.page_wrapper .gform_wrapper .gform_button:hover{background:var(--copper-gradient-bright)}

/* File upload (careers) - give the native control the field box + room for the
   "Choose file" button so it isn't clipped. */
.page_wrapper .gform_wrapper .ginput_container_fileupload input[type=file]{height:auto;line-height:normal;padding:11px 16px}
.page_wrapper .gform_wrapper .ginput_container_fileupload input[type=file]::file-selector-button{margin-right:12px;cursor:pointer}
.page_wrapper .gform_wrapper .ginput_container_fileupload input[type=file]::-webkit-file-selector-button{margin-right:12px;cursor:pointer}

/* Descriptions / validation. */
.page_wrapper .gform_wrapper .gfield_description,
.page_wrapper .gform_wrapper .validation_message{font-size:12.5px;color:var(--copper-light);margin-top:4px}
.page_wrapper .gform_wrapper .gform_validation_errors{background:rgba(175,90,47,0.12);border:1px solid var(--copper-light);color:var(--ecru);border-radius:6px}
.page_wrapper .gform_wrapper .gfield_error input,
.page_wrapper .gform_wrapper .gfield_error textarea,
.page_wrapper .gform_wrapper .gfield_error select{border-color:var(--copper-light)}

/* Confirmation message after submit. */
.page_wrapper .gform_confirmation_message{color:var(--ecru);font-size:16px;line-height:1.7}

/* ---------------------------------------------------------------------------
   Newsletter override - carbon copy of resources.html .newsletter-form:
   compact inline row (email flex:1 + dark navy pill button), pill radius,
   no visible label, collapses to a column under 1024px. Scoped to the
   newsletter_signup section so it does not touch the contact/careers forms.
   --------------------------------------------------------------------------- */
.page_wrapper .newsletter_signup .newsletter_signup_form{width:100%;max-width:520px;margin:0 auto}
.page_wrapper .newsletter_signup .gform_wrapper{width:100%;max-width:520px;margin:0 auto}
.page_wrapper .newsletter_signup form{display:flex!important;width:100%;gap:10px;align-items:stretch;text-align:left}
.page_wrapper .newsletter_signup .gform-body,
.page_wrapper .newsletter_signup .gform_body{flex:1 1 auto!important;width:auto;min-width:0;margin:0}
.page_wrapper .newsletter_signup .gform_fields{grid-row-gap:0;row-gap:0;width:100%}
.page_wrapper .newsletter_signup .gfield_label{display:none}
.page_wrapper .newsletter_signup input[type=email]{height:57px!important;min-height:57px!important;padding:0 22px!important;border-radius:40px!important;border:1px solid rgba(241,237,226,0.3)!important;background-color:rgba(31,41,53,0.4)!important;font-size:15px!important}
.page_wrapper .newsletter_signup .gform_footer{margin:0!important;padding:0!important;display:flex;align-items:stretch;flex:0 0 auto}
.page_wrapper .newsletter_signup .gform_footer input[type=submit],
.page_wrapper .newsletter_signup .gform_button{display:inline-block;width:auto!important;min-height:57px!important;height:57px!important;padding:0 28px!important;border-radius:40px!important;background:var(--navy-deep)!important;color:var(--ecru);font-size:14px;font-weight:500;letter-spacing:.04em;white-space:nowrap}
.page_wrapper .newsletter_signup .gform_footer input[type=submit]:hover,
.page_wrapper .newsletter_signup .gform_button:hover{background:var(--navy)!important}
@media (max-width:1024px){
    .page_wrapper .newsletter_signup form{flex-direction:column}
    .page_wrapper .newsletter_signup .gform_footer input[type=submit],
    .page_wrapper .newsletter_signup .gform_button{width:100%!important}
}