/* ============================================================
   BYR GLOBAL FIXES — CSS
   ============================================================
  
   WPCode: CSS Snippet → Site Wide Header → Priority 12
   Name: BYR - Global Fixes
  
   Covers:
  
   - Form light/dark mode fixes
   - Astra theme footer transparent
   ============================================================ */



/* ────────────────────────────────────────────────────────────
   FORMS — LIGHT/DARK MODE FIX
   
   Ensures form fields have appropriate backgrounds, text
   colors, and borders in both modes. Targets common form
   plugins: Elementor Forms, WPForms, Contact Form 7, and
   generic <input>/<textarea> elements.
   ──────────────────────────────────────────────────────────── */

/* DARK MODE (default) — light text on dark fields */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="date"],
textarea,
select,
.elementor-field,
.wpforms-field input,
.wpforms-field textarea,
.wpcf7-form-control {
  background-color: rgba(10, 5, 30, 0.85) !important;
  color: #e0dce8 !important;
  border: 1px solid rgba(120, 60, 228, 0.25) !important;
  border-radius: 8px !important;
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease !important;
}

input::placeholder,
textarea::placeholder,
.elementor-field::placeholder {
  color: rgba(200, 190, 220, 0.5) !important;
}

input:focus,
textarea:focus,
select:focus,
.elementor-field:focus {
  border-color: rgba(120, 60, 228, 0.6) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(120, 60, 228, 0.15) !important;
}

/* LIGHT MODE — dark text on light fields */
.mode-light input[type="text"],
.mode-light input[type="email"],
.mode-light input[type="tel"],
.mode-light input[type="url"],
.mode-light input[type="number"],
.mode-light input[type="password"],
.mode-light input[type="search"],
.mode-light input[type="date"],
.mode-light textarea,
.mode-light select,
.mode-light .elementor-field,
.mode-light .wpforms-field input,
.mode-light .wpforms-field textarea,
.mode-light .wpcf7-form-control {
  background-color: rgba(255, 255, 255, 0.95) !important;
  color: #1a1a2e !important;
  border: 1px solid rgba(46, 125, 214, 0.3) !important;
}

.mode-light input::placeholder,
.mode-light textarea::placeholder,
.mode-light .elementor-field::placeholder {
  color: rgba(40, 40, 80, 0.45) !important;
}

.mode-light input:focus,
.mode-light textarea:focus,
.mode-light select:focus,
.mode-light .elementor-field:focus {
  border-color: rgba(46, 125, 214, 0.6) !important;
  box-shadow: 0 0 0 3px rgba(46, 125, 214, 0.12) !important;
}

/* Form labels in both modes */
label,
.elementor-field-label,
.wpforms-field-label {
  transition: color 0.3s ease !important;
}

.mode-light label,
.mode-light .elementor-field-label,
.mode-light .wpforms-field-label {
  color: #1a1a2e !important;
}

/* Submit buttons — inherit BYR styling */
button[type="submit"],
input[type="submit"],
.elementor-button,
.wpforms-submit {
  transition: background-color 0.3s ease, color 0.3s ease !important;
}


/* ────────────────────────────────────────────────────────────
   ASTRA THEME DEFAULT FOOTER — TRANSPARENT
   (Also in footer CSS but duplicated here for priority)
   ──────────────────────────────────────────────────────────── */

.site-footer,
.ast-footer-overlay,
.ast-small-footer,
.ast-small-footer .ast-footer-overlay,
footer.site-footer,
.ast-footer-copyright,
.site-below-footer-wrap,
.ast-builder-footer-grid-columns,
.site-primary-footer-wrap,
.site-above-footer-wrap,
.site-below-footer-wrap .ast-builder-grid-row {
  background: transparent !important;
  background-color: transparent !important;
}