/* Targeted visibility fixes for critical components only */
html body app-root app-login form,
html body app-root app-footer-share footer {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Only fix AOS animations on login and footer components */
html body app-root app-login *[data-aos],
html body app-root app-footer-share *[data-aos] {
  opacity: 1 !important;
  transform: none !important;
}

/* Form field visibility fixes - very targeted */
html body app-root app-login input, 
html body app-root app-login button[type="submit"], 
html body app-root app-login select, 
html body app-root app-login textarea,
html body app-root app-login .text-danger {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  z-index: 10 !important;
  position: relative !important;
}

/* Fix for form tabs in the login component */
html body app-root app-login .tab-contents > div {
  position: relative !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Fix for login/signup tabs while maintaining dropdown functionality elsewhere */
html body app-root app-login .tab-links button {
  visibility: visible !important;
  opacity: 1 !important;
  position: relative;
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* Login form specific fixes */
html body app-root app-login form {
  margin-bottom: 20px;
  pointer-events: auto !important;
}

/* Contact form fix */
html body app-root app-contact form {
  visibility: visible !important;
  opacity: 1 !important;
  display: block !important;
  pointer-events: auto !important;
}

/* Ensure input fields are clickable */
html body app-root app-login .tab input,
html body app-root app-login .tab select,
html body app-root app-login .tab textarea {
  pointer-events: auto !important;
  cursor: text !important;
  user-select: text !important;
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  z-index: 100 !important;
  position: relative !important;
}

/* Preloader transition */
.preloader {
  transition: opacity 0.4s ease, visibility 0.4s ease;
}

/* ---- REMOVING ALL OTHER GLOBAL STYLING THAT AFFECTS DROPDOWNS ---- */