/* ==========================================================================
   TAULA — Block LG-1: Legal Notice & Privacy Policy
   Files: block-lg-1-legal.php | block-lg-1-legal.css
   ========================================================================== */

/* ── Section shell ──────────────────────────────────────────────────────── */
.taula-legal {
  background: #ffffff;
  padding: 120px 40px 100px;
  box-sizing: border-box;
}

/* ── Centred content wrapper ─────────────────────────────────────────────── */
.taula-legal__inner {
  max-width: 760px;
  margin: 0 auto;
}

/* ── Page heading ────────────────────────────────────────────────────────── */
.taula-legal__heading {
  font-family: var(--font-heading); /* Staatliches */
  font-size: 64px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #000;
  margin: 0 0 48px;
}

/* ── Content sections ────────────────────────────────────────────────────── */
.taula-legal__section {
  margin-bottom: 40px;
}

.taula-legal__section-heading {
  font-family: var(--font-heading); /* Staatliches */
  font-size: 28px;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #000;
  margin: 0 0 16px;
  padding-top: 8px;
  border-top: 1px solid #000;
}

/* ── Intro paragraph ─────────────────────────────────────────────────────── */
.taula-legal__intro {
  font-family: var(--font-body); /* DM Sans / Geist */
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
  color: #000;
  margin: 0 0 16px;
}

/* ── Body copy ───────────────────────────────────────────────────────────── */
.taula-legal__body {
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
  color: #333;
  margin: 0 0 16px;
}

.taula-legal__body:last-child {
  margin-bottom: 0;
}

/* ── Identifying info list ───────────────────────────────────────────────── */
.taula-legal__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.taula-legal__list li {
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #333;
  padding-left: 16px;
  border-left: 2px solid #000;
}

.taula-legal__list li strong {
  font-weight: 600;
  color: #000;
}

/* ── CSS-driven language switching ──────────────────────────────────────── */
.taula-legal__lang {
  display: none;
}

html[data-taula-lang="CA"] .taula-legal__lang[data-lang="CA"],
html[data-taula-lang="ES"] .taula-legal__lang[data-lang="ES"],
html[data-taula-lang="EN"] .taula-legal__lang[data-lang="EN"] {
  display: block;
}

/* Inline spans within heading use inline display */
h1.taula-legal__heading .taula-legal__lang,
h1.taula-legal__heading span.taula-legal__lang {
  display: none;
}

html[data-taula-lang="CA"] h1.taula-legal__heading .taula-legal__lang[data-lang="CA"],
html[data-taula-lang="ES"] h1.taula-legal__heading .taula-legal__lang[data-lang="ES"],
html[data-taula-lang="EN"] h1.taula-legal__heading .taula-legal__lang[data-lang="EN"] {
  display: inline;
}

/* Fallback: show EN when no lang attribute set */
html:not([data-taula-lang]) .taula-legal__lang[data-lang="EN"],
html[data-taula-lang=""] .taula-legal__lang[data-lang="EN"] {
  display: block;
}

html:not([data-taula-lang]) h1.taula-legal__heading .taula-legal__lang[data-lang="EN"],
html[data-taula-lang=""] h1.taula-legal__heading .taula-legal__lang[data-lang="EN"] {
  display: inline;
}

/* ── Responsive ──────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
  .taula-legal {
    padding: 100px 24px 80px;
  }

  .taula-legal__heading {
    font-size: 48px;
    margin-bottom: 36px;
  }

  .taula-legal__section-heading {
    font-size: 24px;
  }
}

@media (max-width: 480px) {
  .taula-legal {
    padding: 80px 16px 60px;
  }

  .taula-legal__heading {
    font-size: 40px;
  }
}