/* =========================================================
   Games4Studies Footer Final Styling
   Works even if footer widget removes custom classes
   Also hides Admin Dashboard link from public footer
   ========================================================= */

/* Main footer area */
footer,
.footer,
.site-footer {
  background: #0F1729 !important;
  color: #E5E7EB !important;
}

/* Footer container spacing */
footer .max-w-7xl,
.footer .max-w-7xl,
.site-footer .max-w-7xl {
  padding-top: 48px !important;
  padding-bottom: 32px !important;
}

/* Target the four footer columns/cards */
footer .grid > div,
.footer .grid > div,
.site-footer .grid > div {
  background: rgba(30, 42, 69, 0.82) !important;
  border: 1px solid rgba(196, 181, 253, 0.16) !important;
  border-radius: 22px !important;
  padding: 24px !important;
  min-height: 245px !important;
  box-shadow: 0 14px 34px rgba(2, 8, 23, 0.22) !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Soft card glow */
footer .grid > div:before,
.footer .grid > div:before,
.site-footer .grid > div:before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    radial-gradient(circle at top left, rgba(139, 92, 246, 0.18), transparent 36%),
    radial-gradient(circle at bottom right, rgba(34, 211, 238, 0.10), transparent 42%) !important;
  pointer-events: none !important;
}

/* Keep footer content above glow */
footer .grid > div > *,
.footer .grid > div > *,
.site-footer .grid > div > * {
  position: relative !important;
  z-index: 1 !important;
}

/* Footer headings */
footer h1,
footer h2,
footer h3,
footer h4,
footer strong,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer strong,
.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer strong {
  color: #ffffff !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  margin: 0 0 14px !important;
}

/* Footer text */
footer p,
.footer p,
.site-footer p {
  color: #CBD5E1 !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  margin: 0 0 12px !important;
}

/* Footer links */
footer a,
.footer a,
.site-footer a {
  color: #DDE7F7 !important;
  text-decoration: none !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
}

/* Link spacing when links appear as plain text */
footer a:not(:last-child),
.footer a:not(:last-child),
.site-footer a:not(:last-child) {
  margin-right: 10px !important;
}

/* Footer lists */
footer ul,
.footer ul,
.site-footer ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

footer li,
.footer li,
.site-footer li {
  margin: 0 0 11px !important;
  padding: 0 !important;
}

/* Beautiful icon before footer list links */
footer li a,
.footer li a,
.site-footer li a {
  display: inline-flex !important;
  align-items: center !important;
}

footer li a:before,
.footer li a:before,
.site-footer li a:before {
  content: "›" !important;
  width: 22px !important;
  height: 22px !important;
  margin-right: 8px !important;
  border-radius: 8px !important;
  background: rgba(139, 92, 246, 0.18) !important;
  color: #C4B5FD !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 900 !important;
}

/* Hover effect */
footer a:hover,
footer a:focus,
.footer a:hover,
.footer a:focus,
.site-footer a:hover,
.site-footer a:focus {
  color: #C4B5FD !important;
  text-decoration: none !important;
}

/* Footer bottom divider */
footer .border-t,
.footer .border-t,
.site-footer .border-t {
  border-top: 1px solid rgba(196, 181, 253, 0.18) !important;
  margin-top: 28px !important;
  padding-top: 22px !important;
}

/* Footer copyright area */
footer .text-center,
.footer .text-center,
.site-footer .text-center {
  color: #AEB9D0 !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}

/* Hide public Admin Dashboard link */
footer a[href*="admin"],
.footer a[href*="admin"],
.site-footer a[href*="admin"],
footer a[href*="dashboard"],
.footer a[href*="dashboard"],
.site-footer a[href*="dashboard"] {
  display: none !important;
}

/* Mobile footer */
@media (max-width: 900px) {
  footer .grid > div,
  .footer .grid > div,
  .site-footer .grid > div {
    min-height: auto !important;
    padding: 20px !important;
    margin-bottom: 16px !important;
  }

  footer .max-w-7xl,
  .footer .max-w-7xl,
  .site-footer .max-w-7xl {
    padding-top: 32px !important;
    padding-bottom: 24px !important;
  }
}
/* Sitemap page tree styling */
.prose ul {
  list-style: none !important;
  padding-left: 0 !important;
}

.prose ul > li {
  margin: 12px 0 !important;
}

.prose ul > li > strong {
  display: block !important;
  margin: 18px 0 10px !important;
  color: #ffffff !important;
  font-size: 20px !important;
  font-weight: 900 !important;
}

.prose ul ul {
  margin: 8px 0 18px 18px !important;
  padding-left: 18px !important;
  border-left: 2px solid rgba(196, 181, 253, 0.25) !important;
}

.prose ul ul li {
  position: relative !important;
  margin: 8px 0 !important;
  padding-left: 18px !important;
}

.prose ul ul li:before {
  content: "" !important;
  position: absolute !important;
  left: -19px !important;
  top: 14px !important;
  width: 16px !important;
  height: 2px !important;
  background: rgba(196, 181, 253, 0.35) !important;
}

.prose a {
  color: #DDE7F7 !important;
  text-decoration: none !important;
  font-weight: 700 !important;
}

.prose a:hover {
  color: #C4B5FD !important;
}