/* ===================================
   Site-wide brand fixes
   Footer: was a very dark green that clashed with the navy CTA banner and
   the blue mountain illustration directly above it. Now navy (the same
   family as the page heroes), with a thin blue → green line at the top —
   the logo's two colours. Links highlight in light blue (readable on
   navy); contact icons keep the green as an accent.
   Remove the brand.css <link> in base.html to revert.
   =================================== */
:root {
    --ft-navy: #101A34;
    --ft-navy-2: #0C1530;
    --ft-navy-3: #0A122A;
    --ft-navy-4: #070D20;
    --ft-link-hover: #8EC5F2;
}

.footer-skyline::after { background: linear-gradient(0deg, var(--ft-navy) 0%, rgba(16, 26, 52, 0) 55%); }
.footer-main {
    position: relative;
    background: var(--ft-navy);
}
.footer-main::before {
    content: '';
    position: absolute;
    left: 0; right: 0; top: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--secondary-color, #0174CD), var(--primary-color, #019524));
}
.footer-newsletter { background: var(--ft-navy); }
.footer-stats,
.footer-affiliations { background: var(--ft-navy-2); }
.footer-subscribe-strip { background: var(--ft-navy-3); }
.footer-copyright { background: var(--ft-navy-4); }

.footer-stat-icon { background: rgba(1, 116, 205, 0.18); color: var(--ft-link-hover); }
.footer-col-links li i { color: var(--ft-link-hover); }
.footer-col-links a:hover,
.footer-links a:hover,
.footer-copyright a:hover { color: var(--ft-link-hover); }

/* Navbar links are navigation, so they highlight in the logo blue (the
   green stays on the Book Now button, the page's main action). */
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link:focus-visible { color: var(--secondary-color, #0174CD); }