/* =============================================================================
   FOOTER — Arnout Rebel Photography
   ============================================================================= */

.ar-site-footer {
	background: var(--wp--preset--color--dark) !important;
	color: rgba(255, 255, 255, 0.5);
}

/* ── Top sectie ── */
.ar-site-footer__top {
	padding: 2.5rem max(3rem, calc(50% - 600px)) 3rem !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.ar-site-footer__cols {
	gap: 4rem !important;
	align-items: flex-start !important;
}

/* ── Brand kolom ── */
.ar-footer__logo,
.ar-footer__logo a {
	font-size: 0.5625rem !important;
	font-weight: 500 !important;
	letter-spacing: 0.22em !important;
	text-transform: uppercase !important;
	color: rgba(255, 255, 255, 0.9) !important;
	text-decoration: none !important;
	margin-bottom: 1.25rem !important;
	display: block !important;
}

.ar-footer__quote {
	font-size: 1.125rem !important;
	font-style: italic !important;
	color: rgba(255, 255, 255, 0.45) !important;
	line-height: 1.6 !important;
	margin-bottom: 1.5rem !important;
	font-family: 'Playfair Display', Georgia, serif !important;
}

/* Social icons */
.ar-footer__social {
	gap: 1rem !important;
	margin: 0 !important;
	padding: 0 !important;
}

.ar-footer__social .wp-social-link {
	background: transparent !important;
	padding: 0 !important;
}

.ar-footer__social .wp-social-link svg {
	fill: rgba(255, 255, 255, 0.45) !important;
	width: 18px !important;
	height: 18px !important;
	transition: fill 0.2s ease;
}

.ar-footer__social .wp-social-link:hover svg {
	fill: rgba(255, 255, 255, 0.9) !important;
}

/* ── Navigatiekolommen ── */
.ar-footer__nav-heading {
	font-size: 0.6875rem !important;
	font-weight: 500 !important;
	letter-spacing: 0.2em !important;
	text-transform: uppercase !important;
	color: rgba(255, 255, 255, 0.75) !important;
	margin-bottom: 1.25rem !important;
}

.ar-footer__links {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 0.875rem !important;
}

.ar-footer__links li {
	margin: 0 !important;
	padding: 0 !important;
}

.ar-footer__links a {
	font-size: 0.8125rem !important;
	color: rgba(255, 255, 255, 0.6) !important;
	text-decoration: none !important;
	transition: color 0.2s ease !important;
}

.ar-footer__links a:hover {
	color: rgba(255, 255, 255, 0.95) !important;
}

/* ── Bottom balk ── */
.ar-site-footer__bottom {
	padding: 1.25rem max(3rem, calc(50% - 600px)) !important;
}

.ar-footer__copy {
	font-size: 0.6875rem !important;
	color: rgba(255, 255, 255, 0.3) !important;
	margin: 0 !important;
}

.ar-footer__legal-link,
.ar-footer__legal-link a {
	font-size: 0.6875rem !important;
	color: rgba(255, 255, 255, 0.3) !important;
	text-decoration: none !important;
	transition: color 0.2s ease !important;
	margin: 0 !important;
}

.ar-footer__legal-link a:hover {
	color: rgba(255, 255, 255, 0.7) !important;
}

/* =============================================================================
   RESPONSIVE
   ============================================================================= */

@media (max-width: 767px) {
	.ar-site-footer__top {
		padding: 3rem 1.5rem 2rem !important;
	}

	.ar-site-footer__cols {
		flex-direction: column !important;
		gap: 2.5rem !important;
	}

	.ar-site-footer__bottom {
		padding: 1.25rem 1.5rem !important;
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 0.75rem !important;
	}
}