/*
Theme Name: Allsteel Fence
Theme URI: https://allsteelfence.com/
Author: PMG
Author URI: https://thisispmg.com/
Description: Custom theme for Allsteel Fence — Birmingham, Alabama. Fence contractor since 1964.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 7.0
Requires PHP: 7.4
License: Proprietary
Text Domain: allsteel
*/

/* Real styles live in assets/css/main.css + light.css (enqueued in functions.php).
   This file exists for the WordPress theme header only. */


/* ══════════════════════════════════════════════════════════════════
   Gravity Forms → Allsteel skin.

   Gravity Forms ships its "orbital" theme: white controls and a blue
   button, which is illegible on this site's dark sections. This maps
   its markup onto the original .qform/.fld design from the static build.

   It lives in style.css rather than main.css because main.css and
   light.css are large enough that the Theme File Editor 500s on them;
   style.css is enqueued after both by asf_assets(), so it also wins
   the cascade cleanly.

   !important is deliberate throughout — Gravity's framework stylesheet
   loads after the theme's, so unflagged rules would lose.
   ══════════════════════════════════════════════════════════════════ */

.gform_wrapper{
  background:rgba(255,255,255,.04);border:1px solid var(--line);
  border-top:2px solid var(--y);border-radius:3px;
  padding:clamp(22px,2.6vw,30px);max-width:560px;
}
/* Already sitting inside a styled panel — don't draw a second card. */
.qform .gform_wrapper,.contact__form .gform_wrapper,.qform__wrap .gform_wrapper{
  background:none;border:0;padding:0;max-width:none;
}
.gform_wrapper .gform_fields{display:grid !important;grid-template-columns:1fr 1fr !important;gap:14px !important}
.gform_wrapper .gfield{grid-column:1/-1 !important;display:flex;flex-direction:column;gap:7px}
@media(max-width:700px){.gform_wrapper .gform_fields{grid-template-columns:1fr !important}}

.gform_wrapper .gfield_label,.gform_wrapper legend.gfield_label{
  font-size:.68rem !important;font-weight:700 !important;letter-spacing:.14em !important;
  text-transform:uppercase !important;color:var(--w-3) !important;margin:0 !important;
}
.gform_wrapper .gfield_required{color:var(--y) !important}
.gform_wrapper .gfield_description,.gform_wrapper .gform_fileupload_rules{
  font-size:.74rem !important;color:var(--w-3) !important;padding:0 !important;margin-top:2px !important;
}

.gform_wrapper input[type=text],.gform_wrapper input[type=email],
.gform_wrapper input[type=tel],.gform_wrapper input[type=number],
.gform_wrapper input[type=url],.gform_wrapper select,.gform_wrapper textarea{
  width:100% !important;height:48px !important;padding:0 14px !important;border-radius:2px !important;
  /* background-color, never the shorthand: the shorthand resets
     background-image and kills the select chevron below. */
  background-color:rgba(255,255,255,.05) !important;
  border:1px solid var(--line) !important;color:var(--w) !important;
  font-family:inherit !important;font-size:.95rem !important;box-shadow:none !important;
  transition:border-color .25s,background-color .25s;
}
.gform_wrapper textarea{height:auto !important;min-height:120px !important;padding:13px 14px !important;line-height:1.55}
.gform_wrapper input::placeholder,.gform_wrapper textarea::placeholder{color:rgba(255,255,255,.28) !important}
.gform_wrapper select{
  appearance:none !important;-webkit-appearance:none !important;cursor:pointer;
  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 fill='%23F0CB00' d='M1 1.5 6 6.5l5-5'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;background-position:right 14px center !important;
  background-size:11px !important;padding-right:36px !important;
}
.gform_wrapper input:focus,.gform_wrapper select:focus,.gform_wrapper textarea:focus{
  border-color:var(--y) !important;background-color:rgba(255,255,255,.075) !important;outline:none !important;
}
.gform_wrapper input[type=file]{height:auto !important;padding:11px 14px !important;font-size:.85rem !important;color:var(--w-2) !important}

/* Submit — the site's yellow button, not Gravity's blue. */
.gform_wrapper .gform_footer{margin:6px 0 0 !important;padding:0 !important}
.gform_wrapper .gform_footer input[type=submit],.gform_wrapper .gform_button{
  background:var(--y) !important;color:var(--blk) !important;border:0 !important;
  height:52px !important;padding:0 28px !important;border-radius:2px !important;width:100% !important;
  font-family:inherit !important;font-size:.9rem !important;font-weight:700 !important;
  letter-spacing:.045em !important;text-transform:uppercase !important;cursor:pointer;
  transition:background-color .25s,transform .25s;
}
.gform_wrapper .gform_footer input[type=submit]:hover,.gform_wrapper .gform_button:hover{
  background:#fff !important;transform:translateY(-2px);
}

/* Validation and confirmation, in the site's voice. */
.gform_wrapper .gform_validation_errors{
  background:rgba(255,107,94,.08) !important;border:1px solid rgba(255,107,94,.45) !important;
  border-radius:2px !important;box-shadow:none !important;
}
.gform_wrapper .gform_validation_errors *{color:#ff8b80 !important}
.gform_wrapper .gfield_error input,.gform_wrapper .gfield_error select,.gform_wrapper .gfield_error textarea{border-color:#ff6b5e !important}
.gform_wrapper .gfield_validation_message,.gform_wrapper .validation_message{
  background:none !important;border:0 !important;padding:0 !important;
  font-size:.72rem !important;color:#ff8b80 !important;
}
.gform_confirmation_message{
  background:rgba(240,203,0,.07);border:1px solid rgba(240,203,0,.4);border-left:3px solid var(--y);
  padding:18px 20px;border-radius:2px;color:var(--w);font-size:.95rem;
}

/* Light mode — the site toggles with html.t-light, so the controls follow. */
html.t-light .gform_wrapper{background:var(--paper-3);border-color:var(--rule)}
html.t-light .qform .gform_wrapper,html.t-light .contact__form .gform_wrapper{background:none}
html.t-light .gform_wrapper .gfield_label{color:var(--soft-t) !important}
html.t-light .gform_wrapper input[type=text],html.t-light .gform_wrapper input[type=email],
html.t-light .gform_wrapper input[type=tel],html.t-light .gform_wrapper input[type=number],
html.t-light .gform_wrapper select,html.t-light .gform_wrapper textarea{
  background-color:#fff !important;border-color:var(--rule) !important;color:var(--ink-t) !important;
}
html.t-light .gform_wrapper input::placeholder,html.t-light .gform_wrapper textarea::placeholder{color:rgba(30,27,32,.38) !important}
html.t-light .gform_wrapper input:focus,html.t-light .gform_wrapper select:focus,html.t-light .gform_wrapper textarea:focus{
  border-color:var(--y) !important;background-color:#fff !important;
}
html.t-light .gform_confirmation_message{background:rgba(240,203,0,.14);color:var(--ink-t)}