/* Phase 126 — footer de identificare, pentru portalurile aplicației.
   (Paginile juridice au propriul footer, mai amplu, în legal.css.)

   Conținutul e GENERAT de scripts/build-legal.mjs între markerii
   <!-- LEGAL-FOOTER:START --> / <!-- LEGAL-FOOTER:END -->. Nu edita HTML-ul
   dintre markeri de mână — se suprascrie.

   Discret intenționat: obligația legală e ca datele să fie accesibile direct
   și permanent, nu să concureze cu interfața. */

:root {
  --lf-fs-sm: 12px;
  --lf-fs-md: 13px;
  --lf-gap: 8px;
}

.lf-footer {
  padding: 28px 24px;
  background: var(--surface);
  border-top: 1px solid var(--line);
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

.lf-inner {
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 20px 40px;
  justify-content: space-between;
  align-items: flex-start;
}

/* Phase 127: footerul aplicației e minimal — copyright în stânga, linkuri în
   dreapta. Regulile .lf-identity / .lf-role rămân mai jos pentru footerul
   amplu al paginilor juridice, care încă le folosește. */
.lf-copy {
  margin: 0;
  font-size: var(--lf-fs-sm);
  line-height: 1.6;
  color: var(--ink-mute);
}

.lf-inner:has(.lf-copy) { align-items: center; }

.lf-identity {
  display: flex;
  flex-direction: column;
  gap: 3px;
  font-size: var(--lf-fs-sm);
  line-height: 1.6;
  color: var(--ink-mute);
}

.lf-identity strong {
  font-size: var(--lf-fs-md);
  font-weight: 700;
  color: var(--ink);
}

.lf-identity a { color: var(--brand); text-decoration: none; }
.lf-identity a:hover { text-decoration: underline; }

.lf-links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--lf-gap) 20px;
  align-items: center;
}

.lf-links a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-size: var(--lf-fs-md);
  font-weight: 600;
  color: var(--ink-soft);
  text-decoration: none;
}

.lf-links a:hover { color: var(--brand); text-decoration: underline; }

/* Rolul platformei — repetat aici pentru că e afirmația care susține
   statutul de intermediar. Vizibilă pe fiecare pagină, nu doar în T&C. */
.lf-role {
  flex-basis: 100%;
  margin: 0;
  padding-top: 16px;
  border-top: 1px solid var(--line);
  font-size: var(--lf-fs-sm);
  line-height: 1.6;
  color: var(--ink-mute);
}

@media (max-width: 720px) {
  .lf-footer { padding: 20px 16px; }
  .lf-inner { gap: 16px; }
  .lf-links { gap: 0 16px; }
}