/* ═══════════════════════════════════════════
 * AZRA Automotive — Footer
 * Dark bg, 4-column grid, gold accents
 * ═══════════════════════════════════════════ */

.site-footer {
	background: var(--color-bg-secondary);
	border-top: 1px solid var(--color-border);
	padding-top: var(--space-4xl);
}

/* ── Grid ── */
.footer__inner {
	display: grid;
	grid-template-columns: 1.5fr 1fr 1fr 1.2fr;
	gap: var(--space-3xl);
	padding-bottom: var(--space-3xl);
}

/* ── Brand Column ── */
.footer__logo {
	display: inline-flex;
	align-items: center;
	margin-bottom: var(--space-lg);
}

.footer__logo-img {
	height: 36px;
	width: auto;
}

.footer__logo-text {
	font-family: var(--font-display);
	font-size: var(--text-xl);
	font-weight: 700;
	color: var(--color-text-primary);
	letter-spacing: 0.15em;
}

.footer__tagline {
	font-size: var(--text-sm);
	color: var(--color-text-muted);
	line-height: 1.7;
	max-width: 280px;
}

/* ── Column Headings ── */
.footer__heading {
	font-family: var(--font-body);
	font-size: var(--text-xs);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	color: var(--color-gold);
	margin-bottom: var(--space-lg);
}

/* ── Menu Links ── */
.footer__menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer__menu li {
	margin-bottom: var(--space-sm);
}

.footer__menu li a {
	font-size: var(--text-sm);
	color: var(--color-text-secondary);
	transition: color var(--transition-fast);
}

.footer__menu li a:hover {
	color: var(--color-gold-light);
}

/* ── Contact List ── */
.footer__contact-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer__contact-list li {
	display: flex;
	align-items: center;
	gap: var(--space-sm);
	margin-bottom: var(--space-md);
	font-size: var(--text-sm);
	color: var(--color-text-muted);
}

.footer__contact-list li svg {
	flex-shrink: 0;
	color: var(--color-gold);
}

.footer__contact-list li a {
	color: var(--color-text-secondary);
	transition: color var(--transition-fast);
}

.footer__contact-list li a:hover {
	color: var(--color-gold-light);
}

/* ── Social Links ── */
.footer__social {
	display: flex;
	gap: var(--space-md);
	margin-top: var(--space-lg);
}

.footer__social-link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: var(--radius-full);
	background: var(--color-glass-bg);
	border: 1px solid var(--color-glass-border);
	color: var(--color-text-secondary);
	transition:
		background var(--transition-fast),
		border-color var(--transition-fast),
		color var(--transition-fast);
}

.footer__social-link:hover {
	background: var(--color-gold);
	border-color: var(--color-gold);
	color: var(--color-text-inverse);
}

/* ── Bottom Bar ── */
.footer__bottom {
	border-top: 1px solid var(--color-border);
	padding: var(--space-lg) 0;
}

.footer__bottom-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: var(--space-md);
}

.footer__copyright {
	font-size: var(--text-xs);
	color: var(--color-text-muted);
}

.footer__legal {
	display: flex;
	align-items: center;
	gap: var(--space-sm);
}

.footer__legal a {
	font-size: var(--text-xs);
	color: var(--color-text-muted);
	transition: color var(--transition-fast);
}

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

.footer__legal-sep {
	color: var(--color-text-muted);
	font-size: var(--text-xs);
}

/* ═══════════════════════════════════════════
 * Responsive
 * ═══════════════════════════════════════════ */
@media (max-width: 991px) {
	.footer__inner {
		grid-template-columns: 1fr 1fr;
		gap: var(--space-2xl);
	}
}

@media (max-width: 575px) {
	.footer__inner {
		grid-template-columns: 1fr;
		gap: var(--space-xl);
	}

	.footer__bottom-inner {
		flex-direction: column;
		text-align: center;
	}
}