/**
 * الفوتر لثيم تنمية العرضية (قالبه من الأب footer.php، والتنسيق هنا فقط). يُحمَّل في كل الصفحات من functions.php.
 *
 * تركوازي عميق بنقش البذور الناعم يلاصق القسم الذي فوقه مباشرة،
 * وخطوط مدرجات خضراء خافتة في أسفله، وأخضر الورق (الثانوي) للعناوين والأيقونات.
 */

.site-footer {
	--tn-grid-color: rgba(255, 255, 255, 0.06);
	margin-top: 0;
	padding: 70px 0 22px;
	background: var(--tn-grid), linear-gradient(180deg, var(--theme-primary), var(--tn-deep));
}

/* خطوط مدرجات خضراء خافتة في الأسفل بدل نقش الأب */
.site-footer::before {
	inset: auto 0 0;
	height: 220px;
	background: var(--theme-secondary);
	opacity: 0.14;
	-webkit-mask: var(--tn-rows) 0 0 / var(--tn-rows-size), linear-gradient(transparent, #000);
	-webkit-mask-composite: source-in;
	mask: var(--tn-rows) 0 0 / var(--tn-rows-size), linear-gradient(transparent, #000);
	mask-composite: intersect;
}

/* بلا زخرفة على الحافة العلوية: الفوتر ملاصق للقسم الذي فوقه */
.site-footer::after {
	content: none;
}

/* العناوين: أبيض بقاعدة خضراء (خط الأب يأخذ الثانوي أصلاً) */
.site-footer .widget-area h3 {
	color: #ffffff;
}

.site-footer .footer-contact-list .icon {
	color: var(--theme-secondary);
}

.site-footer .widget-quick-links a {
	color: rgba(255, 255, 255, 0.84);
	transition: color 0.2s ease, padding 0.2s ease;
}

.site-footer .widget-quick-links a:hover {
	color: var(--theme-secondary);
}

.site-footer .social-links {
	gap: 8px;
}

.site-footer .social-icon-btn {
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.05);
}

.site-footer .social-icon-btn:hover {
	border-color: var(--theme-secondary);
	background: var(--theme-secondary);
}

/* بطاقة شهادة التسجيل والترخيص */
.site-footer .footer-license,
.site-footer .footer-cert-card {
	border-color: rgba(var(--theme-secondary-rgb), 0.4);
	border-radius: var(--tn-radius);
}

.site-footer .site-info {
	border-top: 1px solid rgba(255, 255, 255, 0.14);
}

@media (max-width: 767px) {
	.site-footer {
		padding-top: 52px;
	}
}