/* ============================================================
   HOPE RESTORED HOMES  ·  Service-page extras
   (css/services.css)
   ------------------------------------------------------------
   Small additions loaded ONLY by /services pages, after
   css/subpage.css. Right now: the "Services" dropdown menu in
   the nav. This block used to be pasted inline into all four
   service pages — now it lives here once.
   ============================================================ */

/* Services dropdown (self-contained so services.css needs nothing extra) */
.nav-dd { position:relative; }
.nav-dd > a { display:inline-flex; align-items:center; gap:.35rem; }
.dd-caret { flex:none; transition:transform .25s ease; }
.nav-dd:hover .dd-caret, .nav-dd:focus-within .dd-caret { transform:rotate(180deg); }
.nav-dd::before { content:''; position:absolute; top:100%; left:-14px; right:-14px; height:16px; }
.nav-dd-menu {
  position:absolute; top:calc(100% + 12px); left:50%;
  transform:translateX(-50%) translateY(6px);
  min-width:214px; padding:.45rem; list-style:none; margin:0;
  background:linear-gradient(180deg, rgba(255,255,255,0.97), rgba(240,251,255,0.95));
  -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
  border:1px solid var(--gray2); border-radius:14px;
  box-shadow:var(--card-shadow);
  opacity:0; visibility:hidden;
  transition:opacity .22s ease, transform .22s ease, visibility .22s;
  z-index:400;
}
.nav-dd:hover .nav-dd-menu, .nav-dd:focus-within .nav-dd-menu { opacity:1; visibility:visible; transform:translateX(-50%) translateY(0); }
.nav-dd-menu li { padding:0; border-bottom:none; }
.nav-dd-menu a { display:block; padding:.58rem .8rem; border-radius:9px; font-size:.68rem; letter-spacing:.07em; white-space:nowrap; text-decoration:none; }
.nav-dd-menu a::after { display:none; }
.nav-dd-menu a:hover { background:var(--foam); color:var(--aqua-deep); }
.nav-dd-menu a[aria-current="page"] { background:var(--foam); color:var(--aqua-deep); }
@media (max-width:860px) {
  .nav-dd-menu {
    position:static; opacity:1; visibility:visible; transform:none;
    min-width:0; padding:.4rem 0 0 .9rem; margin-top:.4rem;
    background:transparent; -webkit-backdrop-filter:none; backdrop-filter:none;
    border:none; border-left:2px solid var(--aqua2); border-radius:0; box-shadow:none;
  }
  .nav-dd-menu li { padding:.28rem 0; border-bottom:none; }
  .dd-caret { display:none; }
}
@media (prefers-reduced-motion:reduce) { .dd-caret, .nav-dd-menu { transition:none; } }