/* ==========================================================================
   SOS Public - self-contained skin for the public application page.
   Loaded ONLY on pages assigned the "SOS Public" template (currently
   /employment/). Deliberately NOT dependent on sos-hub.css: no shell, no
   sidebar, no nav. Just the SOS dark canvas + the WPForms restyle.
   The WPForms block below is the sos-hub.css "WPForms restyle" block,
   re-scoped from .sos-shell to .sos-public. Keep the two visually in sync.
   ========================================================================== */

:root{
  --sos-bg:#0b0b0c; --sos-panel:#08080a; --sos-card:#121213; --sos-field:#141416;
  --sos-line:#1e1e20; --sos-hairline:#232325;
  --sos-ink:#f7f4ee; --sos-muted:#c9c3b8; --sos-dim:#948e83;
  --sos-gold:#D4AF37; --sos-gold-hi:#e6cd72; --sos-crimson:#D7263D; --sos-green:#4ADE80;
  --sos-serif:'Playfair Display',serif;
  --sos-sans:'Montserrat',sans-serif;
}

/* ---------- canvas ---------- */
body.sos-public-body{
  background:var(--sos-bg);
  color:var(--sos-ink);
  font-family:var(--sos-sans);
  font-size:15px;
  margin:0;
  min-height:100vh;
}
.sos-public *{box-sizing:border-box}
.sos-public img{max-width:100%;height:auto}

/* subtle top-glow so the dark page has depth, not a flat void */
.sos-public{
  min-height:100vh;
  background:
    radial-gradient(1100px 420px at 50% -160px, rgba(212,175,55,.10), transparent 70%),
    radial-gradient(900px 500px at 50% 120%, rgba(215,38,61,.06), transparent 70%);
  padding:46px 20px 64px;
}
.sos-public-inner{max-width:760px;margin:0 auto}

/* ---------- brand header ---------- */
.sos-public-brand{text-align:center;margin:0 0 30px}
.sos-public-brand img{width:150px;height:auto;margin:0 auto 10px;display:block}
.sos-public-kicker{
  font-family:var(--sos-sans);font-size:11px;font-weight:700;letter-spacing:.34em;
  text-transform:uppercase;color:var(--sos-gold);margin:0}

/* ---------- intro (no title: the logo + Careers kicker already name it) ---------- */
.sos-public-intro{
  text-align:center;color:var(--sos-muted);
  font-size:15px;line-height:1.65;font-weight:500;
  max-width:600px;margin:0 auto 26px}
.sos-public-intro b{color:var(--sos-ink)}
/* once WPForms swaps in the confirmation, drop the intro so only the
   "Application received" card remains (graceful: old browsers keep the intro) */
.sos-public-inner:has(.wpforms-confirmation-container-full) .sos-public-intro{display:none}

/* ---------- form card ---------- */
.sos-public-formcard{
  border:1px solid var(--sos-line);border-radius:16px;
  background:var(--sos-panel);padding:34px 30px;
  box-shadow:0 20px 60px rgba(0,0,0,.4)}

/* ---------- footer ---------- */
.sos-public-foot{
  text-align:center;color:var(--sos-dim);font-size:11.5px;letter-spacing:.04em;
  margin:34px auto 0;max-width:560px;line-height:1.6}
.sos-public-foot b{color:var(--sos-muted)}

@media (max-width:560px){
  .sos-public{padding:30px 14px 48px}
  .sos-public-head{padding:26px 20px}
  .sos-public-head h1{font-size:27px}
  .sos-public-formcard{padding:24px 16px}
}

/* ==========================================================================
   WPForms restyle - clothes only, plumbing untouched.
   Re-scoped copy of the sos-hub.css block (.sos-shell -> .sos-public).
   Modern markup is ON, so the CSS variables carry most of the load.
   ========================================================================== */
.sos-public .wpforms-container{
  --wpforms-field-background-color:var(--sos-field);
  --wpforms-field-border-color:#2a2a2d;
  --wpforms-field-border-radius:10px;
  --wpforms-field-text-color:var(--sos-ink);
  --wpforms-field-menu-color:var(--sos-field);
  --wpforms-label-color:var(--sos-ink);
  --wpforms-label-sublabel-color:var(--sos-dim);
  --wpforms-label-error-color:var(--sos-crimson);
  --wpforms-button-background-color:var(--sos-crimson);
  --wpforms-button-text-color:#ffffff;
  --wpforms-button-border-radius:999px;
  --wpforms-field-size-medium-font-size:14.5px;
  --wpforms-label-size-font-size:13.5px;
  --wpforms-field-size-checkbox-size:16px;
}
.sos-public .wpforms-container .wpforms-field-label{font-weight:700;font-family:var(--sos-sans)}
.sos-public .wpforms-container .wpforms-required-label{color:var(--sos-crimson)}
.sos-public .wpforms-container input[type=text],
.sos-public .wpforms-container input[type=email],
.sos-public .wpforms-container input[type=tel],
.sos-public .wpforms-container input[type=number],
.sos-public .wpforms-container input[type=date],
.sos-public .wpforms-container input[type=time],
.sos-public .wpforms-container select,
.sos-public .wpforms-container textarea{
  background:var(--sos-field);border:1px solid #2a2a2d;border-radius:10px;
  color:var(--sos-ink);font-family:var(--sos-sans);font-size:14.5px;font-weight:500;
  padding:13px 16px;transition:border-color .16s,box-shadow .16s}
.sos-public .wpforms-container input:focus,
.sos-public .wpforms-container select:focus,
.sos-public .wpforms-container textarea:focus{
  border-color:var(--sos-gold);box-shadow:0 0 0 3px rgba(212,175,55,.14);outline:none}
.sos-public .wpforms-container input[type=text],
.sos-public .wpforms-container input[type=email],
.sos-public .wpforms-container input[type=tel],
.sos-public .wpforms-container input[type=number],
.sos-public .wpforms-container input[type=date],
.sos-public .wpforms-container input[type=time],
.sos-public .wpforms-container select{height:auto !important;min-height:47px}
.sos-public .wpforms-container .wpforms-field-label.wpforms-label-hide{
  position:absolute !important;width:1px !important;height:1px !important;
  overflow:hidden !important;clip:rect(0,0,0,0) !important;padding:0 !important;margin:0 !important}
.sos-public .wpforms-container input.wpforms-screen-reader-element{
  position:absolute !important;width:1px !important;height:1px !important;
  min-height:0 !important;padding:0 !important;border:0 !important;
  overflow:hidden !important;clip:rect(0,0,0,0) !important}
.sos-public .wpforms-container input::placeholder{color:#6b665e}
.sos-public .wpforms-container textarea{
  background:#f0eee9 !important;color:#1F2937 !important}
.sos-public .wpforms-container textarea::placeholder{color:#8a857c}
.sos-public .wpforms-container input[type=checkbox],
.sos-public .wpforms-container input[type=radio]{accent-color:var(--sos-gold)}
.sos-public .wpforms-container .wpforms-field-radio ul li,
.sos-public .wpforms-container .wpforms-field-checkbox ul li{
  margin:0 0 10px !important;list-style:none}
.sos-public .wpforms-container fieldset{border:none;padding:0;margin:0;min-width:0}
.sos-public .wpforms-container legend.wpforms-field-label{
  display:block;border:none;padding:0;margin:0 0 10px;width:100%}
.sos-public .wpforms-container .wpforms-field-sublabel,
.sos-public .wpforms-container .wpforms-field-description{color:var(--sos-dim);font-size:12px}
.sos-public .wpforms-container button[type=submit],
.sos-public .wpforms-container .wpforms-submit{
  background:linear-gradient(120deg,var(--sos-crimson),#b3152c) !important;
  color:#fff !important;font-family:var(--sos-sans) !important;
  font-size:14px !important;font-weight:800 !important;letter-spacing:.04em !important;
  padding:14px 34px !important;border:none !important;border-radius:999px !important;
  box-shadow:0 8px 26px rgba(215,38,61,.3);
  transition:transform .18s ease,box-shadow .18s ease !important}
.sos-public .wpforms-container button[type=submit]:hover,
.sos-public .wpforms-container .wpforms-submit:hover{
  transform:translateY(-2px);box-shadow:0 12px 32px rgba(215,38,61,.42)}
.sos-public .wpforms-container .wpforms-error,
.sos-public .wpforms-container label.wpforms-error{color:var(--sos-crimson) !important;font-size:12.5px}
.sos-public div.wpforms-container-full .wpforms-confirmation-container-full,
.sos-public .wpforms-confirmation-container-full{
  background:var(--sos-card) !important;
  border:1px solid rgba(212,175,55,.35) !important;
  border-radius:14px !important;
  color:var(--sos-ink) !important;
  padding:44px 36px !important;
  text-align:center}
.sos-public div.wpforms-container-full .wpforms-confirmation-container-full::before{
  content:"\2713";display:flex;align-items:center;justify-content:center;
  width:44px;height:44px;margin:0 auto 18px;border-radius:50%;
  border:1px solid rgba(212,175,55,.55);color:var(--sos-gold);
  font-size:20px;font-weight:700}
.sos-public .wpforms-confirmation-container-full div{
  background:transparent !important;box-shadow:none !important;border:0 !important;
  margin:0 auto !important;padding:0 !important;max-width:none !important}
.sos-public .wpforms-confirmation-container-full h1,
.sos-public .wpforms-confirmation-container-full h2,
.sos-public .wpforms-confirmation-container-full h3,
.sos-public .wpforms-confirmation-container-full h4{
  font-family:var(--sos-serif) !important;font-size:28px !important;font-weight:700 !important;
  color:var(--sos-ink) !important;padding:0 !important;margin:0 0 8px !important}
.sos-public .wpforms-confirmation-container-full p{
  color:var(--sos-muted) !important;font-family:var(--sos-sans) !important;
  font-size:15px !important;font-weight:500 !important;line-height:1.6 !important;
  margin:0 0 6px !important}
.sos-public .wpforms-confirmation-container-full p:last-child{margin:0 !important}
.sos-public .wpforms-confirmation-container-full a{
  display:inline-block;background:transparent !important;color:var(--sos-gold) !important;
  font-family:var(--sos-sans) !important;font-size:12px !important;font-weight:700 !important;
  letter-spacing:.2em !important;text-transform:uppercase !important;
  padding:0 !important;margin-top:14px !important;border:0 !important;
  border-bottom:1px solid rgba(212,175,55,.4) !important;border-radius:0 !important}
.sos-public .wpforms-container input[type=checkbox]:before,
.sos-public .wpforms-container input[type=radio]:before{border:2px solid #4a4a4e}
.sos-public .wpforms-container select{
  -webkit-appearance:none;appearance:none;
  background-image:linear-gradient(45deg,transparent 50%,var(--sos-dim) 50%),
    linear-gradient(135deg,var(--sos-dim) 50%,transparent 50%);
  background-position:calc(100% - 21px) 50%,calc(100% - 16px) 50%;
  background-size:5px 5px;background-repeat:no-repeat;padding-right:40px}
.sos-public .wpforms-container .wpforms-signature-wrap{
  background:#f0eee9;border:1px solid #2a2a2d;border-radius:10px;overflow:hidden}