/* ===== Footer ============================== */

.prd-footer {
	background: var(--prd-c-bg-deep);
	color: #cfd2d8;
	font-family: var(--prd-ff-sans);
}
.prd-main { display: block; }
#prd-main { display: block; }
/* Royal compatibility: kill any whitespace it likes to wrap around */
#prd-main + .prd-footer { margin-top: 0; }
.prd-footer-grid {
	display: grid;
	grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
	gap: var(--prd-s-7);
	padding-block: var(--prd-s-8);
}
@media (max-width: 900px) {
	.prd-footer-grid { grid-template-columns: 1fr 1fr; gap: var(--prd-s-6); }
}
@media (max-width: 560px) {
	.prd-footer-grid { grid-template-columns: 1fr; }
}

.prd-footer .prd-logo,
.prd-footer .prd-logo-text {
	color: #fff;
	display: inline-block;
	margin-bottom: var(--prd-s-4);
}
.prd-footer .prd-logo img {
	max-height: 56px;
	filter: brightness(0) invert(1);
}
.prd-footer-tagline {
	color: #aab0bb;
	font-size: var(--prd-fs-sm);
	line-height: var(--prd-lh-loose);
	margin: 0 0 var(--prd-s-5);
}
.prd-footer-heading {
	font-family: var(--prd-ff-sans);
	color: #fff;
	font-size: var(--prd-fs-xs);
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	margin: 0 0 var(--prd-s-4);
}
.prd-footer ul { list-style: none; margin: 0; padding: 0; }
.prd-footer li { margin-bottom: var(--prd-s-2); }
.prd-footer a { color: #cfd2d8; text-decoration: none; transition: color var(--prd-dur) var(--prd-ease); font-size: var(--prd-fs-sm); }
.prd-footer a:hover { color: var(--prd-c-accent); }
.prd-footer-contact { font-style: normal; line-height: var(--prd-lh-loose); font-size: var(--prd-fs-sm); margin-bottom: var(--prd-s-4); }

.prd-footer .prd-btn-outline {
	color: #fff;
	border-color: rgba(255,255,255,.25);
}
.prd-footer .prd-btn-outline:hover { background: #fff; color: var(--prd-c-ink); border-color: #fff; }
.prd-btn-sm { padding: 0.55rem 1rem; font-size: var(--prd-fs-xs); }

.prd-footer-bottom {
	border-top: 1px solid rgba(255,255,255,.08);
	padding-block: var(--prd-s-5);
}
.prd-footer-bottom-row {
	display: flex;
	justify-content: space-between;
	gap: var(--prd-s-4);
	color: #6b7280;
}
@media (max-width: 600px) {
	.prd-footer-bottom-row { flex-direction: column; text-align: center; }
}