/* ==========================================================================
   Prime Empire — WPForms styling
   --------------------------------------------------------------------------
   WPForms ships light-theme defaults that fight a black-and-gold site.
   This restyles the fields, labels, select, button and error states to the
   brand. Styles only: no content, no field names.
   ========================================================================== */

.wpforms-container,
.wpforms-container .wpforms-form { background: transparent; }

.wpforms-container .wpforms-field { padding: 0 0 20px; }

.wpforms-container .wpforms-field-label,
.wpforms-container .wpforms-field-sublabel {
  font: 600 12px/1.4 Inter, sans-serif !important;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #A8A49B !important;
  margin-bottom: 8px !important;
}
.wpforms-container .wpforms-field-sublabel {
  letter-spacing: 0; text-transform: none; font-weight: 400 !important;
  color: #6E6B65 !important;
}
.wpforms-container .wpforms-required-label { color: #CA8A0D !important; }

.wpforms-container input[type=text],
.wpforms-container input[type=email],
.wpforms-container input[type=tel],
.wpforms-container input[type=url],
.wpforms-container input[type=number],
.wpforms-container select,
.wpforms-container textarea {
  width: 100% !important;
  padding: 14px 16px !important;
  background: rgba(10,10,10,.65) !important;
  border: 1px solid rgba(245,245,240,.18) !important;
  border-radius: 2px !important;
  color: #F5F5F0 !important;
  font: 400 14px Inter, sans-serif !important;
  box-shadow: none !important;
  transition: border-color .25s, box-shadow .35s, background .25s;
}
.wpforms-container textarea { min-height: 150px !important; resize: vertical; }

.wpforms-container input::placeholder,
.wpforms-container textarea::placeholder { color: #6E6B65 !important; }

.wpforms-container input:focus,
.wpforms-container select:focus,
.wpforms-container textarea:focus {
  outline: none !important;
  border-color: #CA8A0D !important;
  background: rgba(10,10,10,.9) !important;
  box-shadow: 0 0 0 3px rgba(202,138,13,.16) !important;
}

/* the select needs its own arrow once the native one is hidden */
.wpforms-container select {
  appearance: none; -webkit-appearance: none;
  padding-right: 42px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23CA8A0D' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 16px center !important;
  background-size: 11px !important;
  cursor: pointer;
}
.wpforms-container select option { background: #1A1A1A; color: #F5F5F0; }

/* submit */
.wpforms-container button[type=submit],
.wpforms-container .wpforms-submit {
  padding: 17px 36px !important;
  background: linear-gradient(135deg,#CA8A0D 0%,#F1C86B 48%,#CA8A0D 100%) !important;
  background-size: 200% 100% !important;
  border: none !important;
  border-radius: 2px !important;
  color: #120C00 !important;
  font: 600 13px Inter, sans-serif !important;
  letter-spacing: 2.1px; text-transform: uppercase;
  cursor: pointer;
  box-shadow: 0 10px 30px -14px rgba(202,138,13,.7);
  transition: transform .22s cubic-bezier(.22,.61,.36,1),
              box-shadow .45s, background-position .6s;
}
.wpforms-container button[type=submit]:hover,
.wpforms-container .wpforms-submit:hover {
  transform: translateY(-2px);
  background-position: 100% 0 !important;
  box-shadow: 0 0 0 1px rgba(241,200,107,.6), 0 24px 60px -16px rgba(202,138,13,.58);
}

/* validation + confirmation */
.wpforms-container label.wpforms-error {
  color: #C25A5A !important;
  font: 400 12px Inter, sans-serif !important;
  margin-top: 6px !important;
}
.wpforms-container input.wpforms-error,
.wpforms-container textarea.wpforms-error,
.wpforms-container select.wpforms-error { border-color: #C25A5A !important; }

.wpforms-confirmation-container-full,
div[submit-success] > .wpforms-confirmation-container-full {
  background: rgba(202,138,13,.10) !important;
  border: 1px solid rgba(202,138,13,.45) !important;
  border-radius: 2px;
  color: #F1C86B !important;
  padding: 18px 22px !important;
}
.wpforms-confirmation-container-full p { color: #F1C86B !important; margin: 0 !important; }


/* ==========================================================================
   Modern-markup overrides
   --------------------------------------------------------------------------
   WPForms 1.8 renders with `.wpforms-render-modern` and drives every colour
   from CSS custom properties, with `!important` rules more specific than the
   plain class selectors above. Restating the tokens here is what actually
   wins, and it keeps working if WPForms reshuffles its own selectors.
   ========================================================================== */
div.wpforms-container,
div.wpforms-container-full,
.wpforms-container.wpforms-render-modern {
  --wpforms-field-background-color: rgba(10,10,10,.65);
  --wpforms-field-text-color: #F5F5F0;
  --wpforms-field-border-color: rgba(245,245,240,.18);
  --wpforms-field-border-radius: 2px;
  --wpforms-field-border-size: 1px;
  --wpforms-label-color: #A8A49B;
  --wpforms-label-sublabel-color: #6E6B65;
  --wpforms-label-error-color: #C25A5A;
  --wpforms-button-background-color: #CA8A0D;
  --wpforms-button-text-color: #120C00;
  --wpforms-button-border-radius: 2px;
  --wpforms-button-border-size: 0px;
  --wpforms-page-break-color: #CA8A0D;
}

div.wpforms-container-full .wpforms-form button[type=submit],
div.wpforms-container .wpforms-form button.wpforms-submit,
div.wpforms-container .wpforms-form input[type=submit] {
  background-image: linear-gradient(135deg,#CA8A0D 0%,#F1C86B 48%,#CA8A0D 100%) !important;
  background-color: #CA8A0D !important;
  background-size: 200% 100% !important;
  background-position: 0 0 !important;
  border: none !important;
  color: #120C00 !important;
}
div.wpforms-container-full .wpforms-form button[type=submit]:hover,
div.wpforms-container .wpforms-form button.wpforms-submit:hover,
div.wpforms-container .wpforms-form input[type=submit]:hover {
  background-position: 100% 0 !important;
  color: #120C00 !important;
}

/* placeholders and the select arrow survive the modern reset */
div.wpforms-container .wpforms-form input::placeholder,
div.wpforms-container .wpforms-form textarea::placeholder { color: #6E6B65 !important; opacity: 1; }

/* Elementor containers ignore the "CSS Classes" field, so the two-up form
   layout hooks the container's element ID instead. Flex rather than
   inline-block: gap does the spacing, so a pair can never overflow the row
   and wrap the way percentage widths plus margins do. */
@media (min-width: 720px) {
  #pe-form-contact .wpforms-field-container {
    display: flex;
    flex-wrap: wrap;
    column-gap: 18px;
  }
  #pe-form-contact .wpforms-field { flex: 1 1 100%; }
  #pe-form-contact .wpforms-field-name,
  #pe-form-contact .wpforms-field-text,
  #pe-form-contact .wpforms-field-email,
  #pe-form-contact .wpforms-field-select { flex: 0 0 calc(50% - 9px); }
  #pe-form-contact .wpforms-field-textarea { flex: 1 1 100%; }
}