/* =============================================================================
   TOURBIRTH — PRIVACY POLICY PAGE STYLES
   css/pages/privacy-policy.css
   Editorial long-form legal layout on a light (offwhite) background.
   ============================================================================= */

/* Reserve the fixed nav so the title isn't tucked under it on short viewports,
   then keep the section's generous editorial rhythm below. */
.legal-section {
  padding-top: calc(var(--nav-height) + var(--space-xl));
}

/* ---------------------------------------------------------------------------
   Header — centred title block with a short gold rule
--------------------------------------------------------------------------- */

.legal__header {
  text-align:    center;
  margin-bottom: var(--space-xl);
}

.legal__rule {
  width:  80px;
  margin: 0 auto var(--space-lg);
}

.legal__title {
  font-family:    var(--font-display);
  font-size:      clamp(2.5rem, 5vw, 4rem);
  font-weight:    300;
  line-height:    var(--lh-heading);
  letter-spacing: var(--ls-heading);
  color:          var(--charcoal);
  margin:         0 0 var(--space-sm);
}

.legal__effective {
  font-family:    var(--font-body);
  font-size:      0.8rem;
  font-weight:    500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color:          var(--gold-deep);
  margin:         0;
}

/* ---------------------------------------------------------------------------
   Intro & body blocks
--------------------------------------------------------------------------- */

.legal__intro {
  margin-bottom: var(--space-xl);
}

.legal__block {
  margin-bottom: var(--space-xl);
}

.legal__block:last-child {
  margin-bottom: 0;
}

.legal__heading {
  font-family:    var(--font-display);
  font-size:      clamp(1.4rem, 2.5vw, 1.9rem);
  font-weight:    400;
  line-height:    var(--lh-heading);
  letter-spacing: var(--ls-heading);
  color:          var(--charcoal);
  margin:         0 0 var(--space-md);
  padding-bottom: var(--space-sm);
  border-bottom:  var(--gold-rule-faint);
}

.legal__text {
  font-family:    var(--font-body);
  font-size:      1rem;
  font-weight:    300;
  line-height:    1.9;
  letter-spacing: 0.01em;
  color:          var(--charcoal);
  margin:         0 0 var(--space-md);
}

.legal__text:last-child {
  margin-bottom: 0;
}

.legal__text strong {
  font-weight: 500;
}

/* ---------------------------------------------------------------------------
   Lists — gold dash markers, comfortable spacing
--------------------------------------------------------------------------- */

.legal__list {
  list-style: none;
  margin:     0 0 var(--space-md);
  padding:    0;
}

.legal__list li {
  position:       relative;
  padding-left:   1.6em;
  font-family:    var(--font-body);
  font-size:      1rem;
  font-weight:    300;
  line-height:    1.85;
  letter-spacing: 0.01em;
  color:          var(--charcoal);
  margin-bottom:  var(--space-sm);
}

.legal__list li:last-child {
  margin-bottom: 0;
}

.legal__list li::before {
  content:     "\2014"; /* em dash */
  position:    absolute;
  left:        0;
  top:         0;
  color:       var(--gold);
}

.legal__list li strong {
  font-weight: 500;
  color:       var(--charcoal);
}

/* ---------------------------------------------------------------------------
   Contact block
--------------------------------------------------------------------------- */

.legal__contact {
  font-style:     normal;
  font-family:    var(--font-body);
  font-size:      1rem;
  font-weight:    300;
  line-height:    1.9;
  color:          var(--charcoal);
  margin-top:     var(--space-md);
  padding:        var(--space-lg);
  background:     rgba(198, 169, 107, 0.06);
  border-left:    3px solid var(--gold);
}

.legal__contact p {
  margin: 0;
}

.legal__contact-role {
  font-weight: 500;
}

.legal__contact a {
  color:                  var(--gold-deep);
  text-decoration:        underline;
  text-underline-offset:  3px;
  text-decoration-color:  rgba(198, 169, 107, 0.5);
  transition:             color var(--transition-fast);
}

.legal__contact a:hover,
.legal__contact a:focus-visible {
  color: var(--charcoal);
}

/* ---------------------------------------------------------------------------
   Links inside body text inherit the same understated gold treatment
--------------------------------------------------------------------------- */

.legal__text a {
  color:                 var(--gold-deep);
  text-decoration:       underline;
  text-underline-offset: 3px;
}