/* Shared footer styles for footer.php (Dark theme only for footer) */
footer { 
  background:#0f172a !important; /* slate-900 */
  color:#e5e7eb !important;      /* gray-200 */
  border-top:1px solid #1e293b !important; /* slate-800 */
  margin-top:0 !important; /* remove external gap that showed as white strip on pages with light body bg */
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important; 
  /* Prevent any inherited list markers/bullets from global CSS */
  --_reset: none; /* helper var to make it easy to search later */
}

/* Minimal grid fallbacks in case Bootstrap CSS isn't present */
.container-mtf-footer { max-width:1200px !important; margin:0 auto !important; padding:40px 16px !important; }
.row-mtf-footer { display:block !important; }
.col-md-12-mtf-footer { width:100% !important; }

.footer-top-mtf-footer { text-align:center !important; padding:24px 0 32px !important; }
.footer-top-mtf-footer h2 { font-size:28px !important; font-weight:700 !important; margin:0 0 10px !important; color:#f8fafc !important; letter-spacing:.3px !important; text-transform:none !important; }
.footer-top-mtf-footer p { max-width:900px !important; margin:0 auto 16px !important; color:#cbd5e1 !important; line-height:1.65 !important; }
#button_bk { display:inline-block !important; padding:12px 22px !important; border-radius:9999px !important; background:linear-gradient(90deg,#f59e0b,#fbbf24) !important; color:#0f172a !important; font-weight:700 !important; text-decoration:none !important; box-shadow:0 3px 10px rgba(245,158,11,.35) !important; transition:transform .12s ease, box-shadow .12s ease !important; }
#button_bk:hover { transform:translateY(-1px) !important; box-shadow:0 6px 16px rgba(245,158,11,.45) !important; }

.footer-bottom-mtf-footer { display:flex !important; align-items:center !important; justify-content:space-between !important; gap:24px !important; padding:24px 0 12px !important; border-top:1px dashed #334155 !important; border-bottom:1px dashed #334155 !important; }
.footer-left-mtf-footer { display:flex !important; align-items:center !important; gap:20px !important; flex-wrap:wrap !important; }
.logo-footer-mtf-footer img { max-height:72px !important; height:auto !important; width:auto !important; }
.footer-left-mtf-footer ul { list-style:none !important; margin:0 !important; padding:0 !important; display:flex !important; gap:14px !important; flex-wrap:wrap !important; align-items:center !important; }
.footer-left-mtf-footer ul li { margin:0 !important; padding:0 !important; }
.footer-left-mtf-footer a { text-transform:none !important; letter-spacing:normal !important; }
.footer-left-mtf-footer li a { color:#cbd5e1 !important; text-decoration:none !important; font-weight:600 !important; font-size:14px !important; }
.footer-left-mtf-footer li.active-mtf-footer a,
.footer-left-mtf-footer li.active a,
.footer-left li.active-mtf-footer a,
.footer-left li.active a,
.footer-left-mtf-footer li a:hover { color:#ffffff !important; }
.footer-right-mtf-footer img { max-height:70px !important; height:auto !important; width:auto !important; display:block !important; }

.copyright-mtf-footer { text-align:center !important; padding:18px 0 0 !important; font-size:12px !important; color:#94a3b8 !important; text-transform:none !important; }
.copyright-mtf-footer p { margin:4px 0 !important; }
.copyright-mtf-footer ul { list-style:none !important; display:flex !important; gap:14px !important; justify-content:center !important; margin:10px 0 0 !important; padding:0 !important; }
.copyright-mtf-footer a { color:#a5b4fc !important; text-decoration:none !important; text-transform:capitalize !important; }
.copyright-mtf-footer a:hover { color:#c7d2fe !important; }

/* Absolute bullet/marker kill-switch inside footer to beat legacy CSS using ::before or ::marker */
footer .container-mtf-footer ul,
footer .container-mtf-footer li { list-style:none !important; margin-left:0 !important; padding-left:0 !important; }
footer .container-mtf-footer li::before,
footer .container-mtf-footer li::after,
footer .container-mtf-footer li::marker { content:none !important; display:none !important; }

/* Responsive tweaks */
@media (max-width: 1024px) {
  .container-mtf-footer { padding:32px 14px !important; }
  .footer-top-mtf-footer h2 { font-size:24px !important; }
}
@media (max-width: 768px) {
  .logo-footer-mtf-footer img { max-height:56px !important; }
  .footer-right-mtf-footer img { max-height:56px !important; }
  .footer-bottom-mtf-footer { flex-direction:column !important; align-items:flex-start !important; gap:12px !important; }
  .footer-right-mtf-footer { align-self:center !important; }
  .footer-left-mtf-footer ul { gap:10px !important; }
  .footer-top-mtf-footer h2 { font-size:22px !important; }
}