/* LUMIÈRE Blumenboutique – Rechtliche Seiten (Impressum, Datenschutz, AGB) */

/* Rechtsseiten haben keine Ankündigungsleiste */
/* --legal-ink-gold: dunkleres Gold mit ausreichendem Kontrast auf dem hellen Elfenbein-Theme */
.legal-page { --bar-h: 0px; --legal-ink-gold: #7a5a26; }

.legal-page .site-header {
  background: rgba(247, 243, 234, 0.940);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

.legal-back { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; }
.legal-back svg { width: 16px; height: 16px; flex: none; }

.legal {
  width: min(780px, 100% - 48px);
  margin-inline: auto;
  padding: calc(var(--header-h) + clamp(40px, 7vw, 80px)) 0 clamp(60px, 8vw, 100px);
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.legal h1 {
  margin-top: 16px;
  font-family: var(--serif);
  font-weight: 500;
  font-size: clamp(2.300rem, 6vw, 3.600rem);
  line-height: 1.050;
}
.legal-stand { margin-top: 14px; font-size: 0.860rem; color: var(--cream-dim); }

.legal section { margin-top: 44px; padding-top: 30px; border-top: 1px solid var(--line-soft); }
.legal h2 { font-size: clamp(1.500rem, 3.200vw, 1.900rem); line-height: 1.200; }
.legal h3 { margin-top: 26px; font-size: 1.250rem; line-height: 1.250; color: var(--legal-ink-gold); }
.legal p, .legal ul { margin: 14px 0 0; font-size: 0.960rem; color: var(--cream-dim); }
.legal ul { padding-left: 1.250em; }
.legal li { margin-top: 6px; }
.legal li::marker { color: var(--gold); }
.legal strong { color: var(--cream); font-weight: 600; }
.legal address { margin-top: 14px; font-size: 0.960rem; font-weight: 400; line-height: 1.800; color: var(--cream); }
.legal a { color: var(--cream); text-underline-offset: 4px; text-decoration-color: var(--gold); }
.legal a:hover { color: var(--gold); }

/* AGB: kompakter, kurze nummerierte Absätze */
.legal--terms section { margin-top: 30px; padding-top: 22px; }
.legal--terms h2 { font-size: clamp(1.300rem, 2.800vw, 1.550rem); }
.legal ol { margin: 10px 0 0; padding-left: 1.350em; font-size: 0.960rem; color: var(--cream-dim); }
.legal ol li { margin-top: 8px; padding-left: 2px; }
.legal--terms p { margin-top: 10px; }

.legal-end { margin-top: 52px; }

@media (max-width: 720px) {
  .legal { width: min(780px, 100% - 32px); }
  /* kein schwebender WhatsApp-Button auf den Rechtsseiten → kein Zusatzabstand nötig */
  .legal-page .footer-inner { padding-bottom: 0; }
}

@media (max-width: 420px) {
  .legal-back span { font-size: 0.740rem; }
}