/* ============================================= 
   DAR Global Nav/Footer/Mobile Override
   Link AFTER affiliate.css on all pages
   ============================================= */

/* ── NAV OVERRIDE ── */
nav {
  background: var(--bg) !important;
  backdrop-filter: none !important;
  border-bottom: none !important;
}
.nav-left img { height: 42px !important; width: auto !important; }

/* Dropdown - click based, no hover */
.nav-dropdown-menu {
  background: var(--bg) !important;
  backdrop-filter: none !important;
  border: none !important;
  opacity: 0 !important; visibility: hidden !important; pointer-events: none !important;
  transition: all 0.25s ease !important;
}
.nav-dropdown-menu.active {
  opacity: 1 !important; visibility: visible !important; pointer-events: auto !important;
}
/* Kill hover trigger */
.nav-dropdown:hover .nav-dropdown-menu {
  opacity: 0 !important; visibility: hidden !important; pointer-events: none !important;
}
.nav-dropdown:hover .nav-dropdown-menu.active {
  opacity: 1 !important; visibility: visible !important; pointer-events: auto !important;
}

/* ── FOOTER OVERRIDE ── */
footer {
  border-top: none !important;
}
.footer-logo {
  height: 30px !important;
  opacity: 0.3 !important;
  transition: opacity 0.3s !important;
}
.footer-logo:hover { opacity: 0.5 !important; }
.footer-copy {
  font-size: 0.48rem !important;
}

/* ── MOBILE OVERRIDE ── */
@media (max-width: 768px) {
  nav { padding: 1rem 1.2rem !important; position: relative !important; }
  .nav-name { display: none !important; }
  .nav-left img { height: 34px !important; }
  .nav-left { flex-shrink: 0 !important; }
  .nav-hamburger { display: flex !important; }
  .nav-right {
    display: none !important; position: absolute !important;
    top: 100% !important; right: 0.5rem !important; left: auto !important; bottom: auto !important;
    flex-direction: column !important; align-items: flex-end !important;
    background: var(--bg) !important;
    padding: 0.2rem 0 !important; gap: 0 !important; z-index: 9998 !important;
    width: auto !important; min-width: auto !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.4) !important;
  }
  .nav-right.open { display: flex !important; }
  .nav-right .nav-link {
    font-size: 0.55rem !important; padding: 0.6rem 1rem !important;
    width: auto !important; text-align: right !important; white-space: nowrap !important;
    border-bottom: none !important;
  }
  .nav-right .nav-dropdown {
    padding: 0 !important; width: auto !important; text-align: right !important;
    border-bottom: none !important;
  }
  .nav-right .nav-dropdown-trigger {
    font-size: 0.55rem !important; justify-content: flex-end !important; width: auto !important;
    padding: 0.6rem 1rem !important; white-space: nowrap !important;
  }
  .nav-right .nav-dropdown-menu {
    position: static !important; transform: none !important;
    background: none !important; border: none !important;
    backdrop-filter: none !important; min-width: auto !important;
    max-height: 0 !important; overflow: hidden !important;
    opacity: 1 !important; visibility: visible !important; pointer-events: auto !important;
    transition: max-height 0.3s ease !important;
    padding: 0 !important;
  }
  .nav-right .nav-dropdown-menu.active {
    max-height: 300px !important;
  }
  .nav-right .nav-dropdown-menu a {
    font-size: 0.5rem !important; padding: 0.5rem 1rem !important;
    color: var(--text-muted) !important; text-align: right !important;
    white-space: nowrap !important; border-bottom: none !important;
  }
  .nav-right .nav-dropdown-menu a:hover { color: var(--cyan) !important; background: none !important; }
  .nav-right .nav-btn {
    margin: 0.4rem 1rem !important; text-align: center !important; padding: 0.5rem 1rem !important;
    font-size: 0.45rem !important; display: inline-block !important; align-self: flex-end !important;
    white-space: nowrap !important;
  }
  .footer-links { gap: 1rem !important; }
}