/*
	File: assets/css/06-footer.css
	Description: Footer brand row, legal disclaimer, footnotes, and bottom bar.
	Last modified: 2026-07-17
	Copyright: (c) 2026 mytag.sol Community. All rights reserved.
*/

.site-footer {
	display: flex;
	flex-direction: column;
	gap: 1.45rem;
	width: 100%;
	max-width: var(--content-width);
	margin: 0 auto;
	padding: 2.5rem 1.2rem 2rem;
	border-top: 1px solid var(--color-border);
	background: rgba(5, 0, 15, 0.92);
	color-scheme: only dark;
}

.footer-inner {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1.25rem;
}

.footer-brand {
	display: flex;
	align-items: center;
	gap: 0.8rem;
}

.footer-logo {
	flex-shrink: 0;
	width: 44px;
	height: 44px;
	border-radius: 10px;
	object-fit: cover;
}

.footer-tagline {
	color: var(--color-gold);
	font-size: 0.9rem;
	font-weight: 700;
	letter-spacing: 0;
}

.footer-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
	gap: 0.5rem;
}

.footer-action {
	display: inline-flex;
	align-items: center;
	min-height: 34px;
	padding: 0.42rem 0.78rem;
	border: 1px solid rgba(255, 192, 0, 0.34);
	border-radius: var(--radius-pill);
	background: rgba(255, 255, 255, 0.045);
	color: rgba(255, 192, 0, 0.82);
	font-size: 0.82rem;
	font-weight: 600;
	line-height: var(--line-compact);
	text-decoration: none;
	transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.footer-action:hover {
	border-color: var(--color-border-strong);
	background: rgba(255, 192, 0, 0.1);
	color: var(--color-gold);
	transform: translateY(-1px);
}

.footer-divider,
.footer-divider-sm {
	width: 100%;
	height: 1px;
	background: rgba(217, 177, 255, 0.18);
}

.footer-contact {
	max-width: 820px;
	color: rgba(255, 255, 255, 0.5);
	font-size: 0.78rem;
	line-height: var(--line-readable);
}

.footer-disclaimer,
.footer-footnotes {
	display: flex;
	flex-direction: column;
	gap: 0.56rem;
	max-width: 820px;
}

.footer-disclaimer-label {
	color: rgba(255, 255, 255, 0.38);
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.footer-disclaimer p,
.footer-footnotes p {
	color: rgba(255, 255, 255, 0.45);
	font-size: 0.78rem;
	line-height: 1.34;
	text-align: left;
}

.footer-footnotes p {
	color: rgba(255, 255, 255, 0.38);
	font-size: 0.74rem;
	line-height: 1.36;
}

.footer-disclaimer a,
.footer-footnotes a,
.footer-contact a,
.footer-bottom a {
	color: rgba(255, 192, 0, 0.74);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.footer-bottom {
	display: flex;
	flex-direction: column;
	gap: 0.42rem;
	color: rgba(255, 255, 255, 0.42);
	font-size: 0.74rem;
	line-height: var(--line-readable);
}

.footer-legal-links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.25rem 0.74rem;
}

.footer-legal-link {
	color: rgba(255, 255, 255, 0.48);
	font-size: 0.74rem;
	font-weight: 600;
	line-height: var(--line-compact);
	text-decoration: underline;
	text-decoration-color: rgba(255, 192, 0, 0.28);
	text-underline-offset: 3px;
	transition: color 0.18s ease, text-decoration-color 0.18s ease;
}

.footer-legal-link:hover {
	color: var(--color-gold);
	text-decoration-color: rgba(255, 192, 0, 0.72);
}

@media (min-width: 640px) {
	.site-footer {
		padding: 3rem 2rem 2.5rem;
	}

	.footer-inner {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		gap: 2rem;
	}

	.footer-actions {
		justify-content: flex-end;
		width: min(100%, 420px);
	}
}

@media (min-width: 700px) {
	.footer-disclaimer p,
	.footer-footnotes p {
		text-align: justify;
		text-align-last: left;
	}
}

@media print {
	.site-footer {
		background: #ffffff !important;
		border-top: 1px solid #cccccc !important;
		color-scheme: normal;
	}

	.footer-disclaimer p,
	.footer-footnotes p,
	.footer-bottom {
		color: #555555 !important;
	}
}