/* =============================================================
   Shazeeda's Brews & Bites — Terms & Privacy page styles
   Reuses the brand palette from the menu.
   ============================================================= */

:root {
  --bg:        #29261b;
  --bg-soft:   #322e21;
  --card:      #34301f;
  --card-line: #4a4430;
  --gold:      #d2a02a;
  --gold-soft: #e6c468;
  --cream:     #e9dab8;
  --text:      #f3ead2;
  --text-dim:  #b9ad8e;
  --maxw:      720px;
  --radius:    16px;
  --shadow:    0 6px 22px rgba(0, 0, 0, 0.35);
}

* { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }

body {
  margin: 0;
  font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  color: var(--text);
  background: var(--bg);
  background-image: radial-gradient(120% 60% at 50% -10%, #34301f 0%, var(--bg) 55%);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

.legal {
  max-width: var(--maxw);
  margin: 0 auto;
  padding: calc(env(safe-area-inset-top) + 28px) 20px
           calc(env(safe-area-inset-bottom) + 48px);
}

.legal__back {
  display: inline-block;
  margin-bottom: 22px;
  color: var(--gold-soft);
  text-decoration: none;
  font-size: 0.9rem;
  font-weight: 600;
}
.legal__back:hover { text-decoration: underline; }

.legal__brand {
  font-family: "Pacifico", cursive;
  color: var(--gold);
  font-size: 1.8rem;
  margin: 0 0 4px;
}

.legal h1 {
  color: var(--gold);
  font-size: 1.5rem;
  margin: 6px 0 4px;
}

.legal__updated {
  color: var(--text-dim);
  font-size: 0.82rem;
  margin: 0 0 26px;
}

.legal__card {
  background: var(--card);
  border: 1px solid var(--card-line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: 22px 20px;
  margin-bottom: 18px;
}

.legal h2 {
  color: var(--gold-soft);
  font-size: 1.12rem;
  margin: 0 0 12px;
}

.legal h3 {
  color: var(--cream);
  font-size: 0.98rem;
  margin: 18px 0 6px;
}

.legal p { margin: 0 0 12px; color: var(--text); }
.legal p:last-child { margin-bottom: 0; }

.legal ul { margin: 0 0 12px; padding-left: 20px; }
.legal li { margin-bottom: 7px; }

.legal a { color: var(--gold-soft); }

.legal__muted {
  color: var(--text-dim);
  font-size: 0.85rem;
}

.legal__footer {
  text-align: center;
  color: var(--text-dim);
  font-size: 0.8rem;
  margin-top: 26px;
}