/* =====================================================================
   9. LÁBLÉC (előtag: lab-) – jogi linkek, közösségi média.
   Alul extra hely, hogy a ragadós sáv (mobil) / lebegő gomb (asztal) ne takarja.
   ===================================================================== */
.lab {
  position: relative; background: var(--bg); color: var(--halvany);
  font-size: 14px; line-height: 1.5;
  padding: 44px var(--pad) calc(120px + env(safe-area-inset-bottom));
  border-top: 1px solid var(--vonal);
}
/* vékony piros "fényvonal" a lábléc tetején */
.lab::before {
  content: ""; position: absolute; left: 0; right: 0; top: -1px; height: 1px; pointer-events: none;
  background: linear-gradient(90deg, rgba(216, 38, 45, 0), rgba(216, 38, 45, .75) 50%, rgba(216, 38, 45, 0));
}
.lab-belso { max-width: var(--max); margin: 0 auto; display: grid; gap: 22px; }

.lab-fej { display: grid; gap: 4px; justify-items: start; }
.lab-logo {
  display: inline-flex; align-items: center; gap: 7px; min-height: 44px;
  font: 800 20px/1 var(--font-cim); letter-spacing: .02em; color: var(--szoveg); text-decoration: none;
}
.lab-logo i { width: 8px; height: 8px; border-radius: 50%; background: var(--piros); }
.lab-szlogen { margin: 0; }

.lab-social { display: flex; flex-wrap: wrap; gap: 10px; }
.lab-link {
  display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px;
  border: 1px solid var(--vonal); border-radius: 999px;
  font: 600 14px/1 var(--font-cim); color: var(--szoveg); text-decoration: none;
  transition: background-color .25s, border-color .25s;
}
.lab-link:hover { background: rgba(255, 255, 255, .05); border-color: rgba(255, 255, 255, .28); }
.lab-nyil { opacity: .55; transition: transform .3s var(--be); }
.lab-link:hover .lab-nyil { transform: translate(2px, -2px); }
.lab-megj { margin: -12px 0 0; font-size: 12px; }

.lab-also {
  display: flex; flex-direction: column; gap: 2px;
  padding-top: 16px; border-top: 1px solid var(--vonal);
}
.lab-copy { margin: 0; font-size: 13px; }
.lab-jogi { display: flex; flex-wrap: wrap; column-gap: 20px; }
.lab-jogi a {
  display: inline-flex; align-items: center; min-height: 44px;
  text-decoration: underline; text-decoration-color: rgba(255, 255, 255, .25); text-underline-offset: 4px;
  transition: color .2s, text-decoration-color .2s;
}
.lab-jogi a:hover { color: var(--szoveg); text-decoration-color: currentColor; }

@media (min-width: 900px) {
  .lab { padding-top: 56px; padding-bottom: 150px; }
  .lab-belso { grid-template-columns: 1fr auto; align-items: end; column-gap: 40px; }
  .lab-megj { grid-column: 2; margin-top: -10px; text-align: right; }
  .lab-also { grid-column: 1 / -1; flex-direction: row; align-items: center; justify-content: space-between; gap: 20px; }
}