/* ============================================
   JORUVA INDUSTRIAL - CONTACT PAGE
   Module: 17-contact.css

   Dark theme for Contact page (ID: 478).
   Built with UAGB/Spectra blocks — requires
   CSS-only dark theme override.
   ============================================ */

/* ---------- Page & Wrapper Background ---------- */
body.page-id-478 {
  background-color: #0a0a0a !important;
}

body.page-id-478 .site-content,
body.page-id-478 .ast-container,
body.page-id-478 #primary,
body.page-id-478 .entry-content,
body.page-id-478 article,
body.page-id-478 .ast-article-single,
body.page-id-478 .ast-separate-container .ast-article-single,
body.page-id-478 .ast-separate-container .ast-article-post {
  background-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* ---------- UAGB Container Backgrounds ---------- */
body.page-id-478 .uagb-is-root-container,
body.page-id-478 .uagb-is-root-container .uagb-container-inner-blocks-wrap {
  background-color: #0a0a0a !important;
  background: #0a0a0a !important;
}

/* Hero container — gradient */
body.page-id-478 .uagb-block-9e74a717 {
  background: linear-gradient(135deg, #0A0A0A 0%, #0d1a2d 50%, #0A0A0A 100%) !important;
  padding: 80px 20px 40px !important;
}

/* Form section container */
body.page-id-478 .uagb-block-e3f64c7e {
  background: #0a0a0a !important;
}

/* Map section */
body.page-id-478 .uagb-block-226f8885 {
  background: #0a0a0a !important;
}

/* FAQ section */
body.page-id-478 .uagb-block-b980bd32 {
  background: #0a0a0a !important;
}

/* CTA section */
body.page-id-478 .uagb-block-ca017f95 {
  background: linear-gradient(135deg, #0A0A0A 0%, #0a1628 50%, #0A0A0A 100%) !important;
}

/* ---------- Headings ---------- */
body.page-id-478 .uagb-heading-text {
  color: #ffffff !important;
}

body.page-id-478 h1.uagb-heading-text {
  color: #ffffff !important;
}

body.page-id-478 h2.uagb-heading-text {
  color: #ffffff !important;
}

body.page-id-478 h5.uagb-heading-text {
  color: rgba(255,255,255,0.8) !important;
}

body.page-id-478 h6.uagb-heading-text {
  color: #7EC55F !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

/* ---------- Description Text ---------- */
body.page-id-478 .uagb-desc-text {
  color: rgba(255,255,255,0.6) !important;
}

/* ---------- Gravity Forms Dark Theme ---------- */
body.page-id-478 .gform_wrapper {
  background: rgba(20,20,20,0.95) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 12px !important;
  padding: 24px !important;
}

body.page-id-478 .gform_heading .gform_title {
  color: #ffffff !important;
}

body.page-id-478 .gform_heading .gform_description {
  color: rgba(255,255,255,0.6) !important;
}

body.page-id-478 .gfield_label,
body.page-id-478 .gform-field-label {
  color: rgba(255,255,255,0.7) !important;
}

body.page-id-478 .gfield_required_text {
  color: rgba(255,255,255,0.4) !important;
}

body.page-id-478 .gfield_description {
  color: rgba(255,255,255,0.5) !important;
}

body.page-id-478 .ginput_container input[type="text"],
body.page-id-478 .ginput_container input[type="email"],
body.page-id-478 .ginput_container input[type="tel"],
body.page-id-478 .ginput_container textarea,
body.page-id-478 .ginput_container select {
  background: #1a1a1a !important;
  border: 1px solid rgba(255,255,255,0.15) !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  padding: 12px 14px !important;
}

body.page-id-478 .ginput_container input::placeholder,
body.page-id-478 .ginput_container textarea::placeholder {
  color: rgba(255,255,255,0.3) !important;
}

body.page-id-478 .ginput_container input:focus,
body.page-id-478 .ginput_container textarea:focus {
  border-color: #014EFC !important;
  outline: none !important;
}

body.page-id-478 .gform_footer .gform_button {
  background: #014EFC !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 14px 28px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: background 0.2s !important;
}

body.page-id-478 .gform_footer .gform_button:hover {
  background: #0033A0 !important;
}

/* ---------- UAGB FAQ Dark Theme ---------- */
body.page-id-478 .uagb-faq__outer-wrap {
  background: transparent !important;
}

body.page-id-478 .uagb-faq-child__outer-wrap {
  background: rgba(20,20,20,0.95) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 12px !important;
  margin-bottom: 12px !important;
}

body.page-id-478 .uagb-faq-child__outer-wrap:hover {
  border-color: rgba(255,255,255,0.2) !important;
}

body.page-id-478 .uagb-question {
  color: #ffffff !important;
}

body.page-id-478 .uagb-faq-content {
  color: rgba(255,255,255,0.6) !important;
}

body.page-id-478 .uagb-faq-content p {
  color: rgba(255,255,255,0.6) !important;
}

body.page-id-478 .uagb-faq-content a {
  color: #15B5FF !important;
}

body.page-id-478 .uagb-faq-icon-wrap svg {
  fill: rgba(255,255,255,0.5) !important;
}

body.page-id-478 .uagb-faq-questions-button {
  background: transparent !important;
}

/* ---------- Info Box / CTA Section ---------- */
body.page-id-478 .uagb-infobox__content-wrap {
  background: transparent !important;
}

body.page-id-478 .uagb-ifb-title {
  color: #ffffff !important;
}

body.page-id-478 .uagb-ifb-desc {
  color: rgba(255,255,255,0.6) !important;
}

body.page-id-478 .uagb-ifb-button-wrapper .wp-block-button__link {
  background: #014EFC !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
}

body.page-id-478 .uagb-ifb-button-wrapper .wp-block-button__link:hover {
  background: #0033A0 !important;
}

/* ---------- Google Map Filter ---------- */
body.page-id-478 .uagb-google-map__wrap {
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

/* ---------- Links ---------- */
body.page-id-478 .entry-content a:not(.wp-block-button__link):not(.gform_button) {
  color: #15B5FF !important;
}

/* ---------- Generic text ---------- */
body.page-id-478 .entry-content p {
  color: rgba(255,255,255,0.7) !important;
}

body.page-id-478 .entry-content strong {
  color: #ffffff !important;
}