/* ==========================================================================
   Landing + Bulk Links template (template-landing-bulk-links.php)
   Loaded only on that template, after style.css. Everything else on the page
   is the standard landing template's own styling.
   ========================================================================== */

.lb-arrow{
  display:inline-block;
  margin-left:4px;
  transition: transform .18s ease;
}
a:hover .lb-arrow,
a:focus-visible .lb-arrow{ transform: translateX(3px); }

/* ---------- 1. Announcement bar ----------
   In normal document flow (not fixed or sticky), so it pushes the header
   down instead of covering it at any width. Navy on gold for contrast. */

.lb-announce{
  display:block;
  background: var(--gold);
  color: var(--navy);
  font-size:0.9375rem;
  font-weight:800;
  line-height:1.35;
  text-align:center;
  transition: background-color .18s ease;
}
.lb-announce__inner{
  display:block;
  padding-block:10px;
}
.lb-announce:hover,
.lb-announce:focus-visible{
  background: var(--gold-dark);
  color: var(--navy);
}
.lb-announce:focus-visible{ outline-offset:-3px; outline-color: var(--navy); }

/* ---------- 2. Hero text link ---------- */

.lb-hero-link{
  margin-top:14px;
  font-size:0.9375rem;
  font-weight:700;
}
.lb-hero-link a{
  color: var(--gold);
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:4px;
}
.lb-hero-link a:hover{ color: var(--white); }

/* ---------- 3. Checklist bullet link ---------- */

.lb-checklist-item a{
  color: var(--gold);
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:3px;
}
.lb-checklist-item a:hover{ color: var(--white); }

/* ---------- 4. Note above the form heading (inside .form-head) ---------- */

/* Beats the form plugin's ".on-demand-forms .form-head p" (20px). */
.lb-form-note,
.quote-card .form-head p.lb-form-note{
  margin:0 0 12px;
  font-size:0.875rem !important;
  font-weight:400;
  line-height:1.45;
  text-align:center;
  color: var(--white);
}

/* ---------- 5. Bulk band ---------- */

.lb-band{
  background:#EEF3FA;
  color: var(--navy);
  padding:60px 0;
}
.lb-band__title{
  font-size: clamp(1.5rem, 2.6vw, 1.875rem);
  font-weight:800;
  line-height:1.2;
}
.lb-band__text{
  margin-top:14px;
  max-width:36em;
  color:#2B3A55;
}
.lb-band .lb-band__btn{ margin-top:0;padding-left: 32px; }

/* ---------- Responsive ---------- */

@media (max-width: 767.98px){
  .lb-announce{ font-size:0.8125rem; }
  .lb-announce__inner{ padding-block:9px; }
  .lb-band{ padding:48px 0; text-align:center; }
  .lb-band__text{ margin-inline:auto; }
}