/* ============================================================
   Apex Bonding — Overrides on top of Agency template
   ============================================================ */

/* ── Navbar brand (text instead of SVG logo) ─────────────── */
.navbar-brand {
  font-size: 1.2rem;
  font-weight: 800;
  letter-spacing: -0.02em;
}

/* ── "Get Bonded" nav item styled as a pill button ───────── */
.nav-cta-link {
  background: #00B4C8 !important;
  color: #fff !important;
  border-radius: 4px;
  padding: 6px 16px !important;
  margin-left: 8px;
  transition: background 0.15s;
}
.nav-cta-link:hover { background: #009aac !important; }

/* ── Inner page masthead (replaces full-viewport hero) ───── */
.inner-masthead {
  padding-top: 120px;
  padding-bottom: 60px;
  background: linear-gradient(135deg, #0f2030 0%, #1a3a50 100%);
  color: #fff;
}

.inner-masthead-content h1 {
  font-family: "Montserrat", -apple-system, sans-serif;
  font-size: clamp(1.8rem, 4vw, 2.8rem);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 14px;
}

.inner-masthead-content p {
  font-size: 1.05rem;
  color: rgba(255, 255, 255, 0.75);
  max-width: 560px;
  margin: 0;
}

/* ── Form submit button sizing ───────────────────────────── */
.btn-xl {
  padding: 14px 36px;
  font-size: 1rem;
}

/* ── Accordion — teal active color ──────────────────────── */
.accordion-button:not(.collapsed) {
  color: #00B4C8;
  background-color: #f0fafb;
  box-shadow: inset 0 -1px 0 rgba(0, 180, 200, 0.15);
}

.accordion-button:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 180, 200, 0.25);
}

/* ── Footer links ────────────────────────────────────────── */
.footer a { color: #6c757d; }
.footer a:hover { color: #00B4C8; }

/* ── Form floating label tweak — select arrow ────────────── */
.form-select { padding-right: 2.25rem; }