/**
 * CTS Portal Theme - Footer Styles
 * Styles for the main footer section including copyright and powered by displays
 */

/* Footer Container */
.cts-footer {
	background-color: var(--color-bg-canvas, #f8f9fa);
	border-top: 1px solid var(--color-border, #ccd0d4);
	padding: 40px 20px;
	margin-top: auto;
	font-size: 14px;
	color: var(--color-text-secondary, #495057);
}

.cts-footer__container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}

/* Footer Content Grid */
.cts-footer__content {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
	align-items: center;
	margin-bottom: 20px;
}

/* Copyright Section */
.cts-footer__copyright {
	grid-column: 1;
}

.cts-footer__copyright-text {
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: var(--color-text-secondary, #495057);
	line-height: 1.6;
}

.cts-footer__year {
	font-weight: 500;
}

.cts-footer__site-name {
	font-weight: 600;
}

/* Powered By Section */
.cts-footer__powered-by {
	grid-column: 2;
	text-align: right;
}

.cts-footer__powered-text {
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: var(--color-text-secondary, #495057);
	line-height: 1.6;
}

/* Footer Links */
.cts-footer__link {
	color: var(--color-primary, #0073aa);
	text-decoration: none;
	transition: color 0.2s ease;
}

.cts-footer__link:hover {
	color: var(--color-primary-hover, #005a87);
	text-decoration: underline;
}

/* Footer Bottom Section (for additional hooks) */
.cts-footer__bottom {
	border-top: 1px solid var(--color-border, #ccd0d4);
	padding-top: 20px;
	font-size: 12px;
	color: var(--color-text-muted, #6c757d);
	text-align: center;
}

/* Mobile Responsive */
@media (max-width: 768px) {
	.cts-footer {
		padding: 30px 15px;
	}

	.cts-footer__container {
		padding: 0 15px;
	}

	.cts-footer__content {
		grid-template-columns: 1fr;
		gap: 20px;
		align-items: flex-start;
	}

	.cts-footer__copyright {
		grid-column: auto;
	}

	.cts-footer__powered-by {
		grid-column: auto;
		text-align: left;
	}
}

/* Dark Mode Support */
[data-theme="dark"] .cts-footer {
	background-color: #1e1e1e;
	border-top-color: #333;
	color: #e0e0e0;
}

[data-theme="dark"] .cts-footer__copyright-text,
[data-theme="dark"] .cts-footer__powered-text {
	color: #b0b0b0;
}

[data-theme="dark"] .cts-footer__link {
	color: #64b5f6;
}

[data-theme="dark"] .cts-footer__link:hover {
	color: #90caf9;
}