/* =========================================================
   AILEARNIST — SHARED FOOTER STYLES (markup: includes/footer.php)
   ========================================================= */
.footer { background: var(--bg-card); border-top: 1px solid var(--border); margin-top: 40px; }
.footer-content { max-width: var(--wrap); margin: 0 auto; padding: 56px 20px 28px; }
.footer-grid {
  display: grid; grid-template-columns: 1fr 1fr 1fr 1.6fr;
  grid-template-areas: "learn company legal featured"; gap: 32px;
}
.footer-col--learn { grid-area: learn; }
.footer-col--company { grid-area: company; }
.footer-col--legal { grid-area: legal; }
.footer-col--featured { grid-area: featured; }
.footer-col-title {
  font-size: .8rem; text-transform: uppercase; letter-spacing: .08em; color: var(--text-muted);
  margin-bottom: 14px; font-family: var(--font-mono);
}
.footer-col-links { display: flex; flex-direction: column; gap: 8px; }
.footer-col-links a { text-decoration: none; font-size: .92rem; color: var(--text); opacity: .85; display: inline-flex; align-items: center; gap: 8px; }
.footer-col-links a i { width: 16px; color: var(--text-muted); font-size: .85rem; }
.footer-col-links a:hover { color: var(--accent); opacity: 1; }
.footer-col-links a:hover i { color: var(--accent); }

.footer-featured-list { display: flex; flex-direction: column; gap: 10px; }
.footer-featured-post {
  display: flex; gap: 12px; align-items: center; text-decoration: none; color: var(--text);
  padding: 10px; border: 1px solid var(--border); border-radius: 14px; transition: border-color .2s;
}
.footer-featured-post:hover { border-color: var(--accent); }
.footer-post-cover { flex: none; width: 52px; height: 52px; border-radius: 12px; display: grid; place-items: center; color: #fff; }
.fp-cv-1 { background: linear-gradient(135deg, #8b5cf6, #6366f1); }
.fp-cv-2 { background: linear-gradient(135deg, #22d3ee, #0891b2); }
.fp-cv-3 { background: linear-gradient(135deg, #a3e635, #65a30d); }
.fp-cv-4 { background: linear-gradient(135deg, #fb7185, #e11d48); }
.fp-cv-5 { background: linear-gradient(135deg, #fbbf24, #d97706); }
.fp-cv-6 { background: linear-gradient(135deg, #2dd4bf, #0d9488); }
.footer-post-body { display: grid; gap: 2px; min-width: 0; }
.footer-post-tag { font-size: .72rem; color: var(--text-muted); text-transform: uppercase; letter-spacing: .05em; }
.footer-post-title { font-size: .9rem; line-height: 1.35; font-weight: 600; }

.footer-bottom {
  margin-top: 36px; padding-top: 22px; border-top: 1px solid var(--border);
  display: flex; justify-content: space-between; align-items: center; gap: 14px; flex-wrap: wrap;
  color: var(--text-muted); font-size: .86rem;
}
.footer-bottom p { margin: 0; }
.footer-bottom a { color: var(--text); text-decoration: none; font-weight: 600; }
.footer-social { display: flex; gap: 8px; }
.footer-social a {
  width: 36px; height: 36px; border-radius: 10px; border: 1px solid var(--border);
  display: grid; place-items: center; color: var(--text-muted); text-decoration: none;
}
.footer-social a:hover { color: var(--accent); border-color: var(--accent); }

@media (max-width: 1100px) {
  .footer-grid { grid-template-columns: 1fr 1fr; grid-template-areas: "learn company" "legal featured"; }
}
@media (max-width: 640px) {
  .footer-grid { grid-template-columns: 1fr; grid-template-areas: "learn" "company" "legal" "featured"; }
}