/* ── Nav ── */
#dh-nav {
  position: sticky; top: 0; z-index: 1000;
  background: #fff;
  border-bottom: 1px solid #dde4e0;
  box-shadow: 0 1px 6px rgba(0,0,0,0.07);
}
#dh-nav .nav-inner {
  display: flex; align-items: center;
  max-width: 1160px; margin: 0 auto; padding: 0 24px;
  height: 68px; gap: 0;
}
#dh-nav .nav-logo {
  text-decoration: none; display: flex; align-items: center;
  flex-shrink: 0; margin-right: 8px;
}
#dh-nav .nav-logo img {
  height: 42px; width: auto; display: block;
}

#dh-nav .nav-links {
  display: flex; align-items: center; gap: 2px;
  list-style: none; margin: 0 auto; padding: 0;
}
#dh-nav .nav-links > li { position: relative; }
#dh-nav .nav-links > li > a {
  display: flex; align-items: center; gap: 4px;
  padding: 8px 13px; font-size: 0.9rem; font-weight: 600;
  color: #47573a; text-decoration: none; border-radius: 6px;
  transition: color 0.18s, background 0.18s; white-space: nowrap;
}
#dh-nav .nav-links > li > a:hover,
#dh-nav .nav-links > li > a.active { color: #0f1f35; background: #f2f8e8; }
#dh-nav .nav-links > li > a .caret { font-size: 0.62rem; opacity: 0.5; transition: transform 0.18s; }
#dh-nav .nav-links > li:hover > a .caret { transform: rotate(180deg); }

/* Dropdown */
#dh-nav .nav-dropdown {
  position: absolute; top: calc(100% + 6px); left: 0;
  background: #fff; border: 1px solid #dde4e0;
  border-radius: 10px; padding: 6px;
  min-width: 200px; box-shadow: 0 6px 24px rgba(0,0,0,0.10);
  opacity: 0; visibility: hidden; transform: translateY(-6px);
  transition: all 0.18s ease; list-style: none;
}
#dh-nav .nav-links > li:hover .nav-dropdown,
#dh-nav .nav-links > li:focus-within .nav-dropdown {
  opacity: 1; visibility: visible; transform: translateY(0);
}
#dh-nav .nav-dropdown li a {
  display: block; padding: 8px 13px;
  font-size: 0.875rem; font-weight: 500; color: #47573a;
  border-radius: 6px; text-decoration: none; transition: color 0.15s, background 0.15s;
}
#dh-nav .nav-dropdown li a:hover { color: #0f1f35; background: #f2f8e8; }

/* Right side */
#dh-nav .nav-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
#dh-nav .nav-phone {
  font-size: 0.85rem; font-weight: 700; color: #47573a;
  text-decoration: none; display: flex; align-items: center; gap: 5px;
}
#dh-nav .nav-phone:hover { color: #1e78c3; }
#dh-nav .btn-nav-login {
  background: transparent; color: #47573a;
  padding: 8px 16px; border-radius: 6px;
  font-size: 0.875rem; font-weight: 600;
  text-decoration: none; border: 1.5px solid #dde4e0;
  transition: all 0.18s;
}
#dh-nav .btn-nav-login:hover { border-color: #1e78c3; color: #155a9a; }
#dh-nav .btn-nav {
  background: #1e78c3; color: #fff;
  padding: 9px 20px; border-radius: 6px;
  font-size: 0.875rem; font-weight: 700;
  text-decoration: none; white-space: nowrap;
  transition: background 0.18s, transform 0.15s;
}
#dh-nav .btn-nav:hover { background: #155a9a; transform: translateY(-1px); color: #fff; }

/* Hamburger */
#dh-nav .nav-hamburger {
  display: none; background: none; border: none; cursor: pointer;
  padding: 8px; color: #47573a;
  flex-direction: column; gap: 5px;
}
#dh-nav .nav-hamburger span {
  display: block; width: 22px; height: 2px;
  background: currentColor; border-radius: 2px; transition: all 0.2s;
}
#dh-nav .nav-hamburger.open span:nth-child(1) { transform: rotate(45deg) translate(5px,5px); }
#dh-nav .nav-hamburger.open span:nth-child(2) { opacity: 0; }
#dh-nav .nav-hamburger.open span:nth-child(3) { transform: rotate(-45deg) translate(5px,-5px); }

/* Mobile menu */
#dh-nav .nav-mobile {
  display: none; background: #fff;
  border-top: 1px solid #dde4e0;
  padding: 16px 24px 24px;
}
#dh-nav .nav-mobile.open { display: block; }
#dh-nav .nav-mobile a {
  display: block; padding: 10px 0;
  font-size: 1rem; font-weight: 600; color: #47573a;
  border-bottom: 1px solid #f0f0f0; text-decoration: none;
}
#dh-nav .nav-mobile a:hover { color: #1e78c3; }
#dh-nav .nav-mobile .mob-sub { padding-left: 14px; font-size: 0.9rem; color: #7a8a6e; }
#dh-nav .nav-mobile .mob-cta {
  display: block; margin-top: 14px;
  background: #1e78c3; color: #fff;
  text-align: center; padding: 12px;
  border-radius: 8px; font-weight: 700; border: none;
}

@media(max-width:860px){
  #dh-nav .nav-links, #dh-nav .nav-right { display: none; }
  #dh-nav .nav-hamburger { display: flex; }
}

/* ── Footer ── */
#dh-footer {
  background: #0f1f35;
  color: rgba(255,255,255,0.75);
  padding: 56px 0 32px;
  border-top: 4px solid #1e78c3;
}
#dh-footer .footer-grid {
  display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px;
  max-width: 1160px; margin: 0 auto; padding: 0 24px;
}
#dh-footer .footer-logo img { height: 40px; margin-bottom: 14px; filter: brightness(0) invert(1); opacity: 0.9; }
#dh-footer .footer-brand p { font-size: 0.875rem; color: rgba(255,255,255,0.55); line-height: 1.65; max-width: 260px; }
#dh-footer .footer-contact { margin-top: 16px; }
#dh-footer .footer-contact a {
  display: block; font-size: 0.875rem; color: rgba(255,255,255,0.6);
  text-decoration: none; margin-bottom: 7px; transition: color 0.15s;
}
#dh-footer .footer-contact a:hover { color: #3a8fd1; }
#dh-footer .footer-col h4 {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 0.75rem; font-weight: 700; text-transform: uppercase;
  letter-spacing: 0.1em; color: rgba(255,255,255,0.35); margin-bottom: 14px;
}
#dh-footer .footer-col ul { list-style: none; }
#dh-footer .footer-col ul li { margin-bottom: 9px; }
#dh-footer .footer-col ul li a {
  font-size: 0.875rem; color: rgba(255,255,255,0.6);
  text-decoration: none; transition: color 0.15s;
}
#dh-footer .footer-col ul li a:hover { color: #3a8fd1; }
#dh-footer .footer-bottom {
  max-width: 1160px; margin: 36px auto 0; padding: 22px 24px 0;
  border-top: 1px solid rgba(255,255,255,0.1);
  display: flex; align-items: center; justify-content: space-between;
  flex-wrap: wrap; gap: 12px;
}
#dh-footer .footer-bottom p { font-size: 0.78rem; color: rgba(255,255,255,0.3); }
#dh-footer .footer-legal { display: flex; gap: 16px; }
#dh-footer .footer-legal a { font-size: 0.78rem; color: rgba(255,255,255,0.3); text-decoration: none; }
#dh-footer .footer-legal a:hover { color: rgba(255,255,255,0.6); }
#dh-footer .footer-disclosure {
  max-width: 1160px; margin: 14px auto 0; padding: 0 24px;
  font-size: 0.72rem; color: rgba(255,255,255,0.22); line-height: 1.6;
}

@media(max-width:860px){ #dh-footer .footer-grid{ grid-template-columns:1fr 1fr; } }
@media(max-width:500px){ #dh-footer .footer-grid{ grid-template-columns:1fr; } #dh-footer .footer-bottom{ flex-direction:column; align-items:flex-start; } }

/* Dropdown divider */
#dh-nav .nav-dropdown .nav-dropdown-divider {
  height: 1px; background: #dde4e0; margin: 5px 8px;
  padding: 0 !important;
}
#dh-nav .nav-dropdown .nav-dropdown-divider::after { content: none; }

/* ── DebtHelp Site Footer (from index.html) ── */
.site-footer{background:var(--navy,#0d2145);border-top:1px solid rgba(255,255,255,.07)}
.footer-main{padding:56px 0 40px}
.footer-grid{display:grid;grid-template-columns:1fr;gap:40px;max-width:1200px;margin:0 auto;padding:0 24px}
@media(min-width:640px){.footer-grid{grid-template-columns:1fr 1fr}}
@media(min-width:960px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}}
.footer-brand-desc{font-size:.83rem;color:rgba(255,255,255,.42);line-height:1.7;margin-bottom:18px;max-width:280px}
.footer-accred{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.footer-badge{font-size:.72rem;font-weight:700;color:rgba(255,255,255,.35);border:1px solid rgba(255,255,255,.14);border-radius:6px;padding:4px 10px}
.footer-col h5{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:rgba(255,255,255,.32);margin-bottom:14px;font-family:inherit}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:7px;padding:0;margin:0}
.footer-col ul li a{font-size:.85rem;color:rgba(255,255,255,.48);text-decoration:none;transition:color .18s}
.footer-col ul li a:hover{color:rgba(255,255,255,.85)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.07);padding:20px 0;max-width:1200px;margin:0 auto;padding-left:24px;padding-right:24px}
.footer-bottom-inner{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:14px}
.footer-copy{font-size:.75rem;color:rgba(255,255,255,.28);line-height:1.5}
.footer-social{display:flex;gap:10px}
.social-icon{width:34px;height:34px;border-radius:8px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.45);transition:all .18s;text-decoration:none}
.social-icon:hover{background:rgba(255,255,255,.14);color:rgba(255,255,255,.85)}
.footer-disc{font-size:.73rem;color:rgba(255,255,255,.22);line-height:1.65;padding-top:14px;border-top:1px solid rgba(255,255,255,.06);margin-top:4px;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px;display:block}