/* Shared header/footer styles for every page (loaded after each page's inline <style>). */
.nav-actions { display: flex; align-items: center; gap: 8px; flex: none; }
.nav-call { gap: 4px; }
.nav-toggle { display: none; }
.mobile-cta-bar { display: none; }

@media (max-width: 1040px) {
  .nav { position: relative; }
  .nav-toggle {
    display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; margin-left: auto; margin-right: 8px;
    border-radius: 999px; border: 1px solid var(--line-dark); background: var(--paper); color: var(--brand-dark);
    font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; pointer-events: auto;
  }
  .nav-links { display: none; }
  .nav-links.is-open {
    display: flex; flex-direction: column; gap: 2px; position: absolute; left: 0; right: 0; top: calc(100% + 8px);
    padding: 10px; border-radius: 24px; background: var(--paper); border: 1px solid var(--line);
    box-shadow: 0 18px 40px rgba(61, 42, 29, .12); pointer-events: auto;
  }
  .nav-links.is-open a { min-height: 44px; display: flex; align-items: center; padding: 0 14px; border-radius: 14px; font-size: 16px; }
}

@media (max-width: 760px) {
  body { padding-bottom: calc(112px + env(safe-area-inset-bottom)); }
  .nav-actions .btn.nav-call { display: inline-flex; min-height: 40px; padding: 9px 14px; font-size: 14px; }
  .nav-phone-number { display: none; }
  .mobile-cta-bar {
    position: fixed; left: 12px; right: 12px; bottom: calc(12px + env(safe-area-inset-bottom)); z-index: 110;
    display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; padding: 8px; border-radius: 999px;
    background: rgba(255, 253, 248, .96); border: 1px solid rgba(228, 219, 207, .88);
    backdrop-filter: blur(18px) saturate(145%); -webkit-backdrop-filter: blur(18px) saturate(145%);
    box-shadow: 0 18px 42px rgba(61, 42, 29, .16);
  }
  .mobile-cta-bar a { min-height: 44px; display: grid; place-items: center; border-radius: 999px; color: var(--brand-dark); font-size: 14px; font-weight: 700; }
  .mobile-cta-bar a:first-child { background: var(--brand-dark); color: #fff8ee; }
}