/* ==========================================================
   Lawtopia Footer — light + dark, isolated layout
   Loaded last so it wins over generic img/a rules
   ========================================================== */

body.lawtopia-platform .lt-foot {
  /* Light */
  --lt-foot-bg: #FFF8F4;
  --lt-foot-bg-soft: #FFEADF;
  --lt-foot-ink: #171310;
  --lt-foot-muted: #6B5A50;
  --lt-foot-faint: #9B8A7F;
  --lt-foot-line: rgba(23, 19, 16, 0.10);
  --lt-foot-accent: #E2571A;
  --lt-foot-link: #3F342E;
  --lt-foot-link-hover: #B8410F;
  --lt-foot-bottom-bg: rgba(255, 255, 255, 0.72);

  margin-top: auto;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  color: var(--lt-foot-ink);
  background: linear-gradient(180deg, var(--lt-foot-bg-soft) 0%, var(--lt-foot-bg) 48%);
  border-top: 1px solid var(--lt-foot-line);
}

html[data-theme="dark"] body.lawtopia-platform .lt-foot {
  --lt-foot-bg: #14110F;
  --lt-foot-bg-soft: #1C1612;
  --lt-foot-ink: #F6EFEA;
  --lt-foot-muted: rgba(246, 239, 234, 0.72);
  --lt-foot-faint: rgba(246, 239, 234, 0.48);
  --lt-foot-line: rgba(246, 239, 234, 0.12);
  --lt-foot-accent: #FF7A3C;
  --lt-foot-link: rgba(246, 239, 234, 0.86);
  --lt-foot-link-hover: #FFFFFF;
  --lt-foot-bottom-bg: rgba(0, 0, 0, 0.32);
  background:
    radial-gradient(ellipse 70% 70% at 100% 0%, rgba(226, 87, 26, 0.18), transparent 55%),
    var(--lt-foot-bg);
}

body.lawtopia-platform .lt-foot__accent {
  display: block;
  height: 3px;
  background: linear-gradient(90deg, #B8410F, #E2571A, #FF6B2C, #E2571A);
}

body.lawtopia-platform .lt-foot__grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.35fr) repeat(3, minmax(0, 0.85fr));
  gap: clamp(1.75rem, 4vw, 3rem);
  align-items: start;
  padding: clamp(2.25rem, 5vw, 3.4rem) 0 clamp(1.75rem, 3vw, 2.4rem);
}

body.lawtopia-platform .lt-foot__brand {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 1rem !important;
  min-width: 0;
}

/* Kill global img { max-width:100%; height:auto } blow-up */
/* Dual logo (light / dark) — clean assets, no white glare */
body.lawtopia-platform .lt-logoWrap {
  display: inline-grid;
  place-items: center;
  line-height: 0;
  flex: none;
}
body.lawtopia-platform .lt-logoWrap .lt-logo {
  grid-area: 1 / 1;
  display: block !important;
  object-fit: contain !important;
  background: transparent !important;
}
body.lawtopia-platform .lt-logo--dark { display: none !important; }
html[data-theme="dark"] body.lawtopia-platform .lt-logo--light { display: none !important; }
html[data-theme="dark"] body.lawtopia-platform .lt-logo--dark { display: block !important; }

/* Soft plate in dark mode so any residual AA never reads as white spots */
html[data-theme="dark"] body.lawtopia-platform .lt-logoWrap--foot {
  background: linear-gradient(180deg, #FFF3EB, #FFE3D2);
  border-radius: 18px;
  padding: 0.65rem;
  box-shadow: 0 10px 28px -18px rgba(0, 0, 0, 0.8);
}
html[data-theme="dark"] body.lawtopia-platform .lt-logoWrap--nav {
  background: linear-gradient(180deg, #FFF3EB, #FFE3D2);
  border-radius: 12px;
  padding: 0.2rem;
}

body.lawtopia-platform .lt-logoWrap--foot .lt-foot__logo,
body.lawtopia-platform .lt-logoWrap--foot img.lt-foot__logo,
body.lawtopia-platform .lt-foot .lt-logoWrap--foot .lt-logo {
  width: 112px !important;
  height: 112px !important;
  max-width: 112px !important;
  max-height: 112px !important;
}

body.lawtopia-platform .lt-logoWrap--nav .lt-logo {
  width: 44px !important;
  height: 44px !important;
  max-width: 44px !important;
  max-height: 44px !important;
}

body.lawtopia-platform .lt-foot__about,
body.lawtopia-platform .lt-foot__blurb {
  margin: 0 !important;
  padding: 0 !important;
  max-width: 34ch;
  font-size: 0.92rem !important;
  font-weight: 500;
  line-height: 1.85 !important;
  color: var(--lt-foot-muted) !important;
}
body.lawtopia-platform .lt-foot__empty {
  margin: 0 !important;
  font-size: 0.88rem !important;
  line-height: 1.75 !important;
  color: var(--lt-foot-faint) !important;
}

body.lawtopia-platform .lt-foot__col {
  min-width: 0;
  display: block !important;
}

body.lawtopia-platform .lt-foot__title {
  margin: 0 0 0.95rem !important;
  padding: 0 !important;
  font-family: var(--lt-font-body, "IBM Plex Sans Arabic", sans-serif);
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--lt-foot-accent) !important;
  line-height: 1.4 !important;
  background: none !important;
  border: 0 !important;
}

body.lawtopia-platform .lt-foot__title--spaced {
  margin-top: 1.5rem !important;
}

body.lawtopia-platform .lt-foot__list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.7rem !important;
}

body.lawtopia-platform .lt-foot__list li {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.45 !important;
  position: static !important;
}

body.lawtopia-platform .lt-foot__list a,
body.lawtopia-platform .lt-foot__withIco {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  color: var(--lt-foot-link) !important;
  text-decoration: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  position: static !important;
  transform: none !important;
}

body.lawtopia-platform .lt-foot__list a:hover,
body.lawtopia-platform .lt-foot__withIco:hover {
  color: var(--lt-foot-link-hover) !important;
}

body.lawtopia-platform .lt-foot__ico {
  display: inline-grid !important;
  place-items: center;
  width: 1.15rem !important;
  height: 1.15rem !important;
  flex: none !important;
  color: var(--lt-foot-accent) !important;
}

body.lawtopia-platform .lt-foot__ico svg {
  width: 1rem !important;
  height: 1rem !important;
  display: block !important;
}

body.lawtopia-platform .lt-foot__socImg {
  width: 18px !important;
  height: 18px !important;
  max-width: 18px !important;
  max-height: 18px !important;
  object-fit: contain !important;
  flex: none !important;
}

body.lawtopia-platform .lt-foot__bottom {
  border-top: 1px solid var(--lt-foot-line);
  background: var(--lt-foot-bottom-bg);
}

body.lawtopia-platform .lt-foot__bottomInner {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 0.4rem !important;
  padding: 1.1rem 0 1.3rem !important;
  text-align: center !important;
}

body.lawtopia-platform .lt-foot__motto {
  margin: 0 !important;
  padding: 0 !important;
  font-family: var(--lt-font-display, Amiri, serif);
  font-size: clamp(1rem, 2vw, 1.15rem) !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  color: var(--lt-foot-ink) !important;
}

body.lawtopia-platform .lt-foot__copy,
body.lawtopia-platform .lt-foot__dev {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0.82rem !important;
  line-height: 1.5 !important;
  color: var(--lt-foot-faint) !important;
}

@media (max-width: 900px) {
  body.lawtopia-platform .lt-foot__grid {
    grid-template-columns: 1fr 1fr !important;
  }
  body.lawtopia-platform .lt-foot__brand {
    grid-column: 1 / -1;
  }
}

@media (max-width: 560px) {
  body.lawtopia-platform .lt-foot__grid {
    grid-template-columns: 1fr !important;
    gap: 1.75rem !important;
  }
  body.lawtopia-platform .lt-logoWrap--foot .lt-foot__logo,
  body.lawtopia-platform .lt-logoWrap--foot img.lt-foot__logo,
  body.lawtopia-platform .lt-foot .lt-logoWrap--foot .lt-logo {
    width: 96px !important;
    height: 96px !important;
    max-width: 96px !important;
    max-height: 96px !important;
  }
}