/* Modern footer (includes/Footer.php). Independent of the old #footer /
   .pnkhd styles in brand.css, which no longer apply since the markup
   uses its own class names. */

.gf-footer { margin: 60px 0 0; }

/* Trust bar: 4 icon + copy items */
.gf-footer-trust { background: #12213a; padding: 22px 20px; }
.gf-footer-trust-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 26px 44px; }
.gf-footer-trust-item { display: flex; align-items: center; gap: 12px; max-width: 260px; font-size: 13px; color: #eceef3; line-height: 1.3; }
.gf-footer-trust-icon { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: #eceef3; color: #1a2a49; font-size: 16px; }

/* Link columns */
.gf-footer-main { background: #1a2a49; padding: 44px 20px 30px; }
.gf-footer-cols { display: grid; grid-template-columns: repeat(5, 1fr); gap: 30px 20px; }
.gf-footer-col h3 { margin: 0 0 16px; padding-bottom: 10px; border-bottom: 2px solid #6579a0; display: inline-block; font-size: 14px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #eceef3; }
.gf-footer-col ul { list-style: none; margin: 0; padding: 0; }
.gf-footer-col ul li { margin: 0 0 10px; }
.gf-footer-col ul a { color: #b7c0d4; font-size: 13.5px; text-decoration: none; line-height: 1.4; }
.gf-footer-col ul a:hover { color: #fff; text-decoration: underline; }
.gf-footer-social-copy { margin: 0 0 16px; font-size: 13px; color: #b7c0d4; line-height: 1.4; }
.gf-footer-social { display: flex; gap: 10px; }
.gf-social-icon { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%; background: #eceef3; color: #1a2a49; font-size: 16px; text-decoration: none; transition: background .15s; }
.gf-social-icon:hover { background: #fff; }

/* Logo, under the social icons in the Follow Us column */
.gf-footer-logo { display: block; width: 170px; height: auto; margin-top: 24px; opacity: .95; }

/* Copyright strip */
.gf-footer-bottom { background: #12213a; color: #b7c0d4; text-align: center; padding: 14px 20px; font-size: 12px; }

@media only screen and (max-width: 1100px) {
	.gf-footer-cols { grid-template-columns: repeat(3, 1fr); }
}

@media only screen and (max-width: 900px) {
	.gf-footer-cols { grid-template-columns: repeat(2, 1fr); }
}

@media only screen and (max-width: 800px) {
	.gf-footer-trust-row { gap: 18px 24px; }
	.gf-footer-trust-item { max-width: 100%; width: 100%; justify-content: center; text-align: left; }
	.gf-footer-main { padding: 32px 15px 20px; }
	.gf-footer-cols { grid-template-columns: 1fr; gap: 26px; }
}