/* =========================================================================
   StarFroid — footer (brief §5: navy bg, light text, 4 columns)
   ========================================================================= */

.sf-footer {
	background: var(--c-primary);
	color: rgba(255, 255, 255, .82);
	margin-block-start: var(--space-8);
}
.sf-footer a { color: rgba(255, 255, 255, .82); }
.sf-footer a:hover { color: var(--c-fresh); }

.sf-footer__top {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space-6);
	padding-block: var(--space-7);
}
.sf-footer__col-title {
	color: #fff;
	font-size: var(--fs-200);
	font-weight: 600;
	margin: 0 0 var(--space-4);
}
.sf-footer__list { list-style: none; margin: 0; padding: 0; }
.sf-footer__list li { margin-block-end: var(--space-2); }

.sf-footer__brand .sf-logo__a { color: #fff; }
.sf-footer__brand .sf-logo__b { color: var(--c-fresh); }
.sf-footer__about { color: rgba(255, 255, 255, .7); margin-block: var(--space-3); max-width: 40ch; }

.sf-footer__reassure {
	display: inline-flex;
	align-items: center;
	gap: var(--space-2);
	color: var(--c-fresh);
	font-weight: 600;
	font-size: var(--fs-100);
}

/* Newsletter */
.sf-newsletter { display: flex; gap: var(--space-2); margin-block-start: var(--space-3); max-width: 360px; }
.sf-newsletter input {
	flex: 1 1 auto;
	min-width: 0;
	border: 1.5px solid rgba(255, 255, 255, .2);
	background: rgba(255, 255, 255, .06);
	color: #fff;
	border-radius: var(--radius-input);
	padding: 0.6rem var(--space-3);
}
.sf-newsletter input::placeholder { color: rgba(255, 255, 255, .55); }
.sf-newsletter input:focus { outline: none; border-color: var(--c-fresh); }

/* Social */
.sf-social { display: flex; gap: var(--space-2); margin-block-start: var(--space-3); }
.sf-social a {
	display: inline-flex; align-items: center; justify-content: center;
	width: 40px; height: 40px;
	border-radius: var(--radius-pill);
	background: rgba(255, 255, 255, .08);
}
.sf-social a:hover { background: var(--c-fresh); color: var(--c-primary); }

/* Bottom bar */
.sf-footer__bottom {
	border-block-start: 1px solid rgba(255, 255, 255, .12);
	padding-block: var(--space-4);
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-3);
	align-items: center;
	justify-content: space-between;
	font-size: var(--fs-100);
	color: rgba(255, 255, 255, .6);
}
.sf-footer__pay { display: inline-flex; align-items: center; gap: var(--space-2); color: var(--c-fresh); }

@media (min-width: 768px) {
	.sf-footer__top { grid-template-columns: 1.4fr 1fr 1fr 1.2fr; }
}

/* Hide Astra's Footer Builder output; the designed .sf-footer renders via the
   astra_footer hook (see functions.php). */
footer#colophon.site-footer { display: none !important; }

/* Mockup §02 — contact pill + column widths. */
.sf-footer__pill {
	display: inline-flex; align-items: center; gap: 6px;
	margin-block-start: var(--space-4);
	background: var(--c-fresh); color: #06323a;
	font-weight: 700; font-size: 12px;
	padding: 9px 13px; border-radius: var(--radius-pill);
}
@media (min-width: 768px) {
	.sf-footer__top { grid-template-columns: 1.4fr 1fr 1.2fr 1.2fr; }
}