/* =========================================
   CONTACT SECTION - Minimalist Style
   ========================================= */

/* Contact form container */
.contact-form form {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 0.5rem !important;
  transition: all 0.3s ease !important;
}

.contact-form form:hover {
  border-color: rgba(255, 255, 255, 0.2) !important;
}

/* Input e textarea minimalistas */
.contact-form input,
.contact-form textarea,
input[type="text"],
input[type="email"],
textarea {
  background: rgba(0, 0, 0, 0.8) !important;
  background-color: rgba(0, 0, 0, 0.8) !important;
  color: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 0.25rem !important;
  transition: all 0.3s ease !important;
  box-shadow: none !important;
}

/* Prevenir autocomplete do navegador de adicionar fundo cinza */
.contact-form input:-webkit-autofill,
.contact-form input:-webkit-autofill:hover,
.contact-form input:-webkit-autofill:focus,
.contact-form input:-webkit-autofill:active,
.contact-form textarea:-webkit-autofill,
.contact-form textarea:-webkit-autofill:hover,
.contact-form textarea:-webkit-autofill:focus,
.contact-form textarea:-webkit-autofill:active,
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.8) inset !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.9) !important;
  background-color: rgba(0, 0, 0, 0.8) !important;
  background-image: none !important;
  transition: background-color 99999s ease-in-out 0s !important;
  caret-color: rgba(255, 255, 255, 0.9) !important;
}

.contact-form input:hover,
.contact-form textarea:hover {
  border-color: rgba(255, 255, 255, 0.4) !important;
}

.contact-form input:focus,
.contact-form textarea:focus {
  border-color: rgba(255, 255, 255, 0.6) !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Labels */
.contact-form label {
  color: rgba(255, 255, 255, 0.8) !important;
  font-size: 0.875rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  font-weight: 400 !important;
}

/* Botão submit */
.contact-form button[type="submit"] {
  background: rgba(255, 255, 255, 1) !important;
  color: #000000 !important;
  border: 1px solid rgba(255, 255, 255, 1) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  transition: all 0.3s ease !important;
  box-shadow: none !important;
}

.contact-form button[type="submit"]:hover {
  background: transparent !important;
  color: rgba(255, 255, 255, 1) !important;
  border-color: rgba(255, 255, 255, 1) !important;
}

/* Social icons minimalistas */
#contact a[aria-label="GitHub"],
#contact a[aria-label="LinkedIn"],
#contact a[aria-label="Instagram"] {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  color: rgba(255, 255, 255, 0.8) !important;
  transition: all 0.3s ease !important;
}

#contact a[aria-label="GitHub"]:hover,
#contact a[aria-label="LinkedIn"]:hover,
#contact a[aria-label="Instagram"]:hover {
  border-color: rgba(255, 255, 255, 0.6) !important;
  color: rgba(255, 255, 255, 1) !important;
  transform: translateY(-2px) !important;
}

/* Contact info icons */
#contact .fas.fa-envelope,
#contact .fas.fa-map-marker-alt {
  color: rgba(255, 255, 255, 0.8) !important;
}