/* Footer CSS - Uganda Museums - Light Theme v3.0 */
.footer-cta { background-color: #2C4A3E; padding: 4rem 0; }
.footer-cta__inner { display: flex; align-items: center; justify-content: space-between; gap: 2rem; }
.footer-cta__heading { font-family: 'Cormorant Garamond', serif; font-size: 1.4rem; font-weight: 700; color: #F5F3EF; margin-bottom: 0.5rem; line-height: 1.1; }
.footer-cta__heading em { font-style: italic; color: rgba(245,243,239,0.75); }
.footer-cta__desc { font-size: 1rem; color: rgba(245,243,239,0.55); max-width: 500px; line-height: 1.65; }
.footer-cta__actions { display: flex; gap: 1rem; flex-shrink: 0; }

.site-footer { background-color: #1A1A18; padding: 4rem 0 0; }
.site-footer__inner { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 3rem; padding-bottom: 2rem; }

.site-footer__brand { display: flex; flex-direction: column; gap: 1.25rem; }
.site-footer__logo { display: flex; align-items: center; gap: 0.75rem; text-decoration: none; }
.site-footer__logo-emblem { width: 56px; height: 56px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; overflow: hidden; }
.site-footer__logo-name { font-family: 'Cormorant Garamond', serif; font-size: 1rem; font-weight: 700; color: #F5F3EF; }
.site-footer__logo-sub { font-size: 0.6rem; color: rgba(245,243,239,0.55); letter-spacing: 0.08em; text-transform: uppercase; }
.site-footer__about { font-size: 0.875rem; color: rgba(245,243,239,0.55); line-height: 1.7; max-width: 310px; }

.site-footer__social { display: flex; gap: 0.5rem; flex-wrap: wrap; }
.social-link { width: 34px; height: 34px; border: 1px solid rgba(245,243,239,0.15); border-radius: 6px; display: flex; align-items: center; justify-content: center; color: rgba(245,243,239,0.4); text-decoration: none; transition: border-color 0.18s ease, color 0.18s ease, background-color 0.18s ease; }
.social-link:hover { border-color: #A0522D; color: #C1703F; background: rgba(160,82,45,0.08); }

.site-footer__heading { font-family: 'IBM Plex Sans', sans-serif; font-size: 0.62rem; letter-spacing: 0.18em; text-transform: uppercase; color: rgba(245,243,239,0.35); font-weight: 600; margin-bottom: 1.1rem; padding-bottom: 0.65rem; border-bottom: 1px solid rgba(245,243,239,0.07); }
.site-footer__links { list-style: none; margin: 0; padding: 0; }
.site-footer__links a { display: block; font-size: 0.875rem; color: rgba(245,243,239,0.45); text-decoration: none; padding: 0.32rem 0; transition: color 0.18s ease; }
.site-footer__links a:hover { color: #F5F3EF; }

.site-footer__links--contact li { display: flex; align-items: flex-start; gap: 0.55rem; font-size: 0.875rem; color: rgba(245,243,239,0.45); padding: 0.38rem 0; }
.site-footer__links--contact li svg { flex-shrink: 0; margin-top: 2px; color: #C1703F; opacity: 0.6; }
.site-footer__links--contact li a { display: inline; padding: 0; }

.site-footer__bottom { padding: 1.4rem 2rem; border-top: 1px solid rgba(245,243,239,0.07); display: flex; align-items: center; justify-content: space-between; font-size: 0.7rem; color: rgba(245,243,239,0.22); flex-wrap: wrap; gap: 0.75rem; max-width: 1400px; margin: 0 auto; }
.site-footer__bottom-links { display: flex; gap: 1.5rem; }
.site-footer__bottom-links a { color: rgba(245,243,239,0.22); text-decoration: none; transition: color 0.18s ease; }
.site-footer__bottom-links a:hover { color: rgba(245,243,239,0.7); }

@media (max-width: 1024px) {
  .site-footer__inner { grid-template-columns: 1fr 1fr; gap: 2rem; padding: 0 1.5rem 2rem; }
  .site-footer__brand { grid-column: 1 / -1; }
  .footer-cta__inner { flex-direction: column; text-align: center; gap: 1rem; }
  .footer-cta__desc { max-width: 100%; }
  .footer-cta__actions { justify-content: center; }
  .site-footer__bottom { flex-direction: column; text-align: center; padding: 1.25rem 1.5rem; }
}

@media (max-width: 768px) {
  .site-footer__inner { grid-template-columns: 1fr; gap: 2rem; }
  .site-footer__social { justify-content: flex-start; }
  .site-footer__brand { align-items: flex-start; }
  .footer-cta__actions { flex-direction: column; align-items: center; }
  .footer-cta__actions a { width: 100%; max-width: 280px; justify-content: center; }
}

/* ── FOOTER LOGO (Orange mark) ── */
.site-footer__logo-emblem--footer { filter: brightness(0) invert(1);
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
}
.site-footer__logo-img--footer {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}
.site-footer__logo:hover .site-footer__logo-img--footer {
    opacity: 0.85;
}