/* ============================================================
   Shared site footer — ONE component for every page of this site
   (landing page, all checkout steps, Terms and Privacy pages).
   Markup (copy exactly; only the image/link paths change per folder):

   <footer class="pf-footer">
     <div class="pf-footer__brands">   (co-brand lockup; pages without it keep the single VacationVIP logo)
       <img class="pf-footer__logo" src="…/VacationVIP-logo-white.svg" width="154" height="20" alt="VacationVIP">
       <span class="pf-footer__brands-divider" aria-hidden="true"></span>
       <img class="pf-footer__logo" src="…/vacation-gurus-logo-white.svg" width="142" height="20" alt="Vacation Gurus">
     </div>
     <a class="pf-footer__bbb" href="https://www.bbb.org/…#sealclick" target="_blank" rel="nofollow noopener">
       <img src="…/bbb-accredited-badge.svg" width="170" height="41" alt="BBB Accredited Business, BBB Rating: A"></a>
     <p class="pf-footer__legal">Price does not include hotel taxes …</p>   (legal paragraphs; copy them from the landing page)
     <p class="pf-footer__legal"><strong style="font-size:1.15em;">THIS MATERIAL IS FOR THE PURPOSE OF SOLICITING TIMESHARE OWNERSHIP INTERESTS.</strong></p>   (bold, above the Sunstate line; client change list 30 Oct 2026)
     <div class="pf-footer__links"><a href="…terms-and-conditions.html">Terms and Conditions</a><span>|</span><a href="…privacy-policy.html">Privacy Policy</a></div>
     <p class="pf-footer__copy">&copy; 2026 Vacation Gurus, LLC. All rights reserved.</p>
     <img class="pf-footer__eho" src="…/EHO-Logo.svg" width="38" height="40" alt="Equal Housing Opportunity">
   </footer>

   Change the footer's look HERE only. Page-specific spacing (e.g. room for a
   fixed bottom bar) stays in that page's own CSS.
   ============================================================ */
.pf-footer {
  color: #fff;
  text-align: center;
  background-color: #162f7c;
  background-image: url('pattern.png');
  background-repeat: repeat;
  background-blend-mode: overlay;
  padding: 30px 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  font-family: Roboto, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  /* small print stays thin: without this, white on navy renders heavy and reads as bold */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pf-footer__logo { width: auto; display: block; }
/* VacationVIP | Vacation Gurus co-brand lockup: same height, thin divider, wraps instead of overflowing */
.pf-footer__brands { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 16px; max-width: 100%; }
.pf-footer__brands-divider { width: 1px; height: 24px; background: rgba(255, 255, 255, .4); }
.pf-footer__bbb { display: inline-block; border-radius: 7px; }   /* the badge art carries its own white rounded plate */
.pf-footer__bbb img { display: block; border: 0; }
.pf-footer__legal { color: #fff; max-width: 120ch; text-wrap: pretty; margin: 0; font-weight: 400; }
.pf-footer__copy { margin: 0; font-size: 12px; color: rgba(255, 255, 255, .8); }
.pf-footer__links { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; align-items: center; }
.pf-footer a { color: #fff; font-weight: 400; text-decoration: underline; }
.pf-footer a:focus-visible { outline: 3px solid #fff; outline-offset: 2px; }
/* 44px-tall tap area on the Terms / Privacy links (the text is ~21px tall). Invisible, so nothing moves;
   the halo stays inside the 16px gap above and the footer padding below. */
.pf-footer__links a { position: relative; }
.pf-footer__links a::after { content: ""; position: absolute; left: -4px; right: -4px; top: 50%; height: 44px; transform: translateY(-50%); }
.pf-footer__eho { display: none; }
@media (max-width: 767px) { .pf-footer { padding-left: 16px; padding-right: 16px; } }