/* Custom three-column footer styling.
 * Colors are intentionally NOT set here — they come from pp_design_theme_css().
 * Originally inline inside the pp_custom_footer_redesign() heredoc in
 * inc/sections/footer.php. Extracted 2026-04-29 (Batch D step 2).
 *
 * Stays loaded on the anon gate page (footer is rendered there too — the
 * site-footer is always visible). NOT added to pp_gate_dequeue_nonessentials. */
.pp-custom-footer{padding:0;margin-top:60px;font-family:'Poppins','Poppins Fallback',-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;display:flex;flex-direction:column}.pp-footer-widgets{display:grid;grid-template-columns:1.3fr 1.8fr 1fr;gap:40px;max-width:1200px;margin:0 auto;padding:60px 40px;width:100%}.pp-footer-column{display:flex;flex-direction:column}.pp-footer-column h3{font-size:17px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;margin:0 0 20px 0}.pp-footer-logo{max-width:300px;margin-bottom:20px}html body .pp-custom-footer .pp-footer-logo img{height:150px !important;width:auto !important;max-width:100% !important;max-height:none !important;min-height:0 !important;display:block}.pp-footer-description{font-size:16px;line-height:1.6;margin-bottom:20px}.pp-quick-links-container{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pp-footer-column ul{list-style:none;padding:0;margin:0}.pp-footer-column ul li{margin-bottom:12px}.pp-footer-column ul li a{text-decoration:none;font-size:16px}.pp-footer-contact{font-size:16px;line-height:1.8}.pp-footer-bottom{padding:30px 40px;text-align:center;width:100%}.pp-footer-copyright{font-size:14px;margin:0;max-width:1200px;margin-left:auto;margin-right:auto}.site-footer>*:not(.pp-custom-footer){display:none !important}@media (max-width:768px){.pp-footer-widgets{grid-template-columns:1fr;gap:30px;padding:40px 20px}.pp-quick-links-container{grid-template-columns:1fr}.pp-footer-bottom{padding:20px}}@media (max-width:480px){.pp-footer-widgets{grid-template-columns:1fr;gap:30px;padding:30px 15px}.pp-footer-bottom{padding:20px 15px}}
/* iOS overscroll frame (2026-05-30): the footer reaches the document bottom,
 * but on iOS Safari the elastic rubber-band scroll below the page exposes the
 * html canvas, which was white — reading as "scrollable white space below the
 * footer." Paint the html background the header/footer navy (--pp-blue #003D82)
 * so the bounce area above the header AND below the footer copyright matches
 * the chrome instead of flashing white. body stays white for page content
 * (body covers the full document height, so this color only shows in the
 * overscroll region). */
html{background-color:#003D82}
/* Quick Links polish 2026-05-31 — modern gold hover + a11y focus + spacing */
.pp-footer-column ul li{margin-bottom:14px}
.pp-footer-column ul li a{transition:color .15s ease}
.pp-footer-column ul li a:hover,.pp-footer-column ul li a:focus-visible{color:#d4af37}
.pp-footer-column ul li a:focus-visible{outline:2px solid #d4af37;outline-offset:3px;border-radius:2px}
/* Social-media icon bar (footer-social-bar-v1.php) 2026-06-23 — gold hover to match links, 44px tap targets */
.pp-footer-social-nav{width:100%}
.pp-footer-social{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 18px 0;padding:0;list-style:none}
.pp-footer-social li{margin:0}
.pp-footer-social a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:#fff;text-decoration:none;transition:color .2s ease,background-color .2s ease}
.pp-footer-social a:hover,.pp-footer-social a:focus-visible{color:#d4af37;background-color:rgba(255,255,255,.10)}
.pp-footer-social a:focus-visible{outline:2px solid #d4af37;outline-offset:2px}
.pp-footer-social svg{width:22px;height:22px;display:block;fill:currentColor}
@media (prefers-reduced-motion:reduce){.pp-footer-social a{transition:none}}
