/* ==========================================================================
   FOOTER STYLES — AppoloJobs (sitewide)
   Rebuilt for correct desktop layout: height is driven entirely by
   content (no vh/min-height anywhere), columns use CSS Grid, and the
   copyright bar sits directly under the main footer with tight padding.
   ========================================================================== */

.ajobs-footer {
	background: var(--ajobs-ink);
	color: rgba(255, 255, 255, 0.72);
	margin-top: clamp(48px, 6vw, 72px);
	/* No height / min-height / vh anywhere — height comes from content only. */
}

/* --------------------------------------------------------------------
   Main footer grid
   - max-width + centering come from .ajobs-container (1200px, auto margins)
   - 60px top/bottom padding here; 40px left/right comes from .ajobs-container
   - columns are equal-width and top-aligned; grid auto-sizes to content
   -------------------------------------------------------------------- */
.ajobs-footer__top {
	display: grid;
	grid-template-columns: repeat(3, 1fr); /* 3 columns exist today; extends cleanly to 4 if a column is ever added */
	align-items: start;   /* top-align every column */
	gap: 40px;             /* equal spacing between columns */
	padding-block: 60px;   /* generous, content-driven padding — no fixed height */
}

.ajobs-footer__col {
	min-width: 0; /* prevents grid blowout from long unbroken text/links */
}

.ajobs-footer__col h3 {
	color: var(--ajobs-white);
	font-size: 15px;
	letter-spacing: 0.02em;
	margin: 0 0 20px;
}

.ajobs-footer__brand p {
	font-size: 14.5px;
	line-height: 1.7;
	max-width: 32ch;
	margin: 16px 0 0;
}

.ajobs-footer__logo img { max-height: 40px; width: auto; }

.ajobs-footer__logo-text {
	font-family: var(--ajobs-font-display);
	font-size: 22px;
	font-weight: 800;
	color: var(--ajobs-white);
}

.ajobs-footer__links {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.ajobs-footer__links a {
	color: rgba(255, 255, 255, 0.72);
	text-decoration: none;
	font-size: 14.5px;
	transition: color 0.2s ease;
}

.ajobs-footer__links a:hover,
.ajobs-footer__links a:focus {
	color: var(--ajobs-green);
}

.ajobs-footer__col p {
	font-size: 14.5px;
	margin: 0;
}

/* --------------------------------------------------------------------
   Copyright bar — sits directly below the grid, tight padding only,
   no extra margin creating a visible gap between the two.
   -------------------------------------------------------------------- */
.ajobs-footer__bottom {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.ajobs-footer__bottom-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px;
	padding-block: 20px; /* normal padding only, per spec */
}

.ajobs-footer__bottom-inner p { margin: 0; }

.ajobs-footer__legal {
	list-style: none;
	display: flex;
	gap: 24px;
	margin: 0;
	padding: 0;
}

.ajobs-footer__legal a {
	color: rgba(255, 255, 255, 0.6);
	text-decoration: none;
}

.ajobs-footer__legal a:hover { color: var(--ajobs-green); }

/* --------------------------------------------------------------------
   Responsive: 3-4 cols desktop → 2 cols tablet → 1 col mobile
   -------------------------------------------------------------------- */
@media (max-width: 900px) {
	.ajobs-footer__top {
		grid-template-columns: repeat(2, 1fr);
		padding-block: 48px;
	}
}

@media (max-width: 560px) {
	.ajobs-footer__top {
		grid-template-columns: 1fr;
		gap: 32px;
		padding-block: 40px;
	}
	.ajobs-footer__bottom-inner {
		flex-direction: column;
		align-items: flex-start;
	}
}