/**
 * FINAL FIX - MAXIMUM PRIORITY
 * This file loads LAST and overrides everything
 */

/* ===== DROPDOWN ARROW - DIRECT IN HTML ===== */
/* Arrow is in HTML as "Properties &#9660;" (HTML entity for down arrow) */

/* ===== Z-INDEX FIXES ===== */
.hero,
section.hero,
#home.hero {
  position: relative !important;
  z-index: 1 !important;
}

.header {
  position: relative !important;
  z-index: 1000 !important;
}

.header-top,
.header-bottom {
  position: relative !important;
  z-index: 1000 !important;
}

.navbar-item {
  position: relative !important;
  z-index: 1001 !important;
}

.dropdown-menu {
  position: absolute !important;
  top: 100% !important;
  z-index: 1002 !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

.navbar-item:hover .dropdown-menu {
  visibility: visible !important;
  opacity: 1 !important;
}

/* ===== FOOTER GRID FIX ===== */
footer.footer .container > div:first-child,
.footer .container > div:first-child,
footer .container > div:first-of-type,
.footer .container > div:first-of-type {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 40px !important;
}

@media (max-width: 768px) {
  footer.footer .container > div:first-child,
  .footer .container > div:first-child,
  footer .container > div:first-of-type,
  .footer .container > div:first-of-type {
    grid-template-columns: 1fr !important;
  }
}
