/* ==========================================================================
   TAULA — Block RP-1: Return Policy
   Files: block-return-policy.php | block-return-policy.css
   ========================================================================== */

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

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

/* ── Page heading ────────────────────────────────────────────────────────── */
.taula-rp__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-rp__section {
  margin-bottom: 40px;
}

.taula-rp__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-rp__intro {
  font-family: var(--font-body); /* DM Sans / Geist */
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
  color: #000;
  margin: 0 0 32px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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