/* ============================================================
   AFFILIATE DISCLOSURES

   Loaded by lgd_enqueue_assets() only when at least one of the
   two rendered disclosures is switched on in
   Customize > Affiliate Disclosures. The footer one needs no
   rules of its own: .footer__disclosure lives in main.css.
   ============================================================ */

/* ------------------------------------------------------------
   1. THE STRIP ABOVE THE HERO
   Paints its own white background so it reads as the top of the
   hero rather than as a separate band above it.
   ------------------------------------------------------------ */
.disclosure-top{background:var(--white);padding:16px 0 0}
.disclosure-top p{
  margin:0 auto;max-width:820px;
  font-size:11.5px;line-height:1.5;
  color:#A2A9AF;text-align:center;
}

/* ------------------------------------------------------------
   2. THE LINE UNDER EACH AFFILIATE BUTTON
   ------------------------------------------------------------ */
.cta-disclosure{
  display:block;margin:10px auto 0;max-width:360px;
  font-size:11.5px;line-height:1.45;
  color:var(--muted);text-align:center;
}

/* inside a .btn-stack the 11px flex gap already does the spacing */
.btn-stack .cta-disclosure{margin-top:-2px}

/* over the dark .final sections */
.cta-disclosure--on-dark{color:rgba(255,255,255,.45)}

/* the green card on How It Works keeps its button hard left */
.mcard .cta-disclosure{text-align:left;margin-left:0}

/* ------------------------------------------------------------
   3. THE STICKY BAR
   nowrap keeps the note on one line, which is what stops the
   fixed bar from growing a whole extra row on desktop.
   ------------------------------------------------------------ */
.sticky-cta .btn-stack{gap:4px}
.cta-disclosure--compact{font-size:10.5px;line-height:1.35;max-width:none;white-space:nowrap}

/* ============================================================
   4. RESPONSIVE
   ============================================================ */
@media (max-width:860px){
  /* the bar drops the text block and wraps its buttons here, so the
     note has to wrap too or it would run past the viewport. Padding
     and gap come down to pay for the height it adds. */
  .cta-disclosure--compact{white-space:normal;font-size:10px;line-height:1.3;max-width:250px}
  .sticky-cta{padding:9px 0}
  .sticky-cta__inner{gap:10px}
}
@media (max-width:640px){
  .disclosure-top{padding-top:12px}
  .disclosure-top p{font-size:11px}
  .cta-disclosure{font-size:11px}
}