/*
 * Next Level CPA v3: Google Ads landing page add-ons (October 2026).
 * Loaded after nlcpa-v3.css on /ads/trades-accounting/, /ads/outsourced-accounting/ and
 * /ads/tax-preparation/ only. Keep page-specific conversion pieces here so the shared
 * site stylesheet stays untouched.
 */

/* Hero: trade chips (who it is for, at a glance) */
.lp-trades {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0 0 18px;
  padding: 0;
  list-style: none;
}
.lp-trades li {
  padding: 5px 12px;
  border-radius: 999px;
  border: 1px solid var(--rule);
  background: var(--white);
  font: 500 11.5px var(--mono);
  letter-spacing: 0.04em;
  color: var(--forest);
}

/* Hero: three-point promise list (base .lp-points lives in nlcpa-v3.css) */
.lp-hero .lp-points { margin: 0 0 20px; max-width: 58ch; }
.lp-hero .lp-points li { align-items: flex-start; line-height: 1.5; }
.lp-hero .lp-points li::before { margin-top: 2px; }
.lp-hero .lp-points b { color: var(--deep); font-weight: 600; }

/* Booking card: rating right next to the calendar, and trust row under it */
.lp-bookproof {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: -4px 0 12px !important;
  font-size: 13px !important;
  color: var(--ink2);
}
.lp-bookproof b { color: var(--deep); font-weight: 600; }
.lp-bookproof .v3-stars { font-size: 13px; letter-spacing: 1px; }
.lp-trust {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 14px;
  margin: 12px 0 0;
  padding: 12px 0 0;
  border-top: 1px solid var(--rule);
  list-style: none;
  font: 500 11px var(--mono);
  letter-spacing: 0.03em;
  color: var(--goldink);
}
.lp-trust li { display: flex; align-items: center; gap: 6px; }
.lp-trust li::before {
  content: "\2713";
  display: grid;
  place-items: center;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: var(--forest);
  color: var(--white);
  font-size: 9px;
}

/* Tax page: recurring-revenue upsell for business owners */
.lp-upsell {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 14px 24px;
  margin: 18px 0 0;
  padding: 18px 22px;
  border-radius: 18px;
  border: 1px solid var(--gold);
  background: var(--cream);
}
.lp-upsell > div { flex: 1 1 360px; }
.lp-upsell b { display: block; font: 500 19px/1.3 var(--display); color: var(--deep); }
.lp-upsell p { margin: 4px 0 0; font-size: 14px; color: var(--ink2); }

@media (max-width: 760px) {
  /* Mobile: get the calendar on screen sooner. The hero keeps H1, sub, chips, price and rating;
     the longer lead paragraph moves out of the way (the promise list carries the message). */
  .lp-hero .lp-lead { display: none; }
  /* the same rating sits in the booking card right below, next to the calendar */
  .lp-hero .lp-rating { display: none; }
  .lp-hero .lp-points { margin-bottom: 16px; font-size: 14px; }
  .lp-trades { margin-bottom: 14px; }
  .lp-trades li { font-size: 10.5px; padding: 4px 10px; }
  .lp-upsell { padding: 16px; }
  .lp-upsell .v3-btn { width: 100%; justify-content: center; }
  /* leave room so the sticky Call / Book bar never covers the footer links */
  .lp-foot { padding-bottom: 96px; }
}